diff --git a/src/Resources/picocss-html5-specification.yaml b/src/Resources/picocss-html5-specification.yaml index 895b15b4..a8c10256 100644 --- a/src/Resources/picocss-html5-specification.yaml +++ b/src/Resources/picocss-html5-specification.yaml @@ -148,6 +148,18 @@ a: - outline - 'secondary outline' - 'contrast outline' + aria-current: + description: 'Indicates the current item within a container or set of related elements.' + type: enum|string + defaultValue: 'false' + choices: + - 'false' + - page + - step + - location + - date + - time + - 'true' aria-busy: description: 'The aria-busy attribute is used to indicate whether an element is currently busy or not.' type: enum|string @@ -155,11 +167,14 @@ a: choices: - 'true' - 'false' - aria-current: - description: 'The aria-current attribute is used to define the current item in a set of related elements.' + aria-controls: + description: 'Identifies the element(s) whose contents or presence are controlled by this element. Value is a list of IDs separated by a space' + type: string + aria-label: + description: 'Defines a string value that labels the current element for assistive technologies.' type: enum|string choices: - - page + - breadcrumb text: string abbr: name: Abbreviation @@ -234,6 +249,9 @@ abbr: choices: - 'true' - 'false' + aria-controls: + description: 'Identifies the element(s) whose contents or presence are controlled by this element. Value is a list of IDs separated by a space' + type: string address: name: Address description: 'The address element represents the contact information for its nearest article or body ancestor. If that is the body element, then the contact information applies to the document as a whole.' @@ -260,13 +278,9 @@ address: unique_per_parent: true text: string attributes: - aria-busy: - description: 'The aria-busy attribute is used to indicate whether an element is currently busy or not.' - type: enum|string - defaultValue: 'false' - choices: - - 'true' - - 'false' + aria-controls: + description: 'Identifies the element(s) whose contents or presence are controlled by this element. Value is a list of IDs separated by a space' + type: string area: name: Area description: 'The area element represents either a hyperlink with some text and a corresponding area on an image map, or a dead area on an image map.' @@ -479,13 +493,9 @@ article: - video - wbr attributes: - aria-busy: - description: 'The aria-busy attribute is used to indicate whether an element is currently busy or not.' - type: enum|string - defaultValue: 'false' - choices: - - 'true' - - 'false' + aria-controls: + description: 'Identifies the element(s) whose contents or presence are controlled by this element. Value is a list of IDs separated by a space' + type: string aside: name: Aside description: 'The aside element represents a section of a page that consists of content that is tangentially related to the content around the aside element, and which could be considered separate from that content.' @@ -581,13 +591,11 @@ aside: - video - wbr attributes: - aria-busy: - description: 'The aria-busy attribute is used to indicate whether an element is currently busy or not.' + aria-label: + description: 'Defines a string value that labels the current element for assistive technologies.' type: enum|string - defaultValue: 'false' choices: - - 'true' - - 'false' + - breadcrumb audio: name: Audio description: 'The audio element is used to embed sound content in documents. It may contain one or more audio sources, represented using the src attribute or the source element.' @@ -690,6 +698,9 @@ audio: choices: - 'true' - 'false' + aria-controls: + description: 'Identifies the element(s) whose contents or presence are controlled by this element. Value is a list of IDs separated by a space' + type: string text: string b: name: Bold @@ -716,13 +727,9 @@ b: unique: false text: string attributes: - aria-busy: - description: 'The aria-busy attribute is used to indicate whether an element is currently busy or not.' - type: enum|string - defaultValue: 'false' - choices: - - 'true' - - 'false' + aria-controls: + description: 'Identifies the element(s) whose contents or presence are controlled by this element. Value is a list of IDs separated by a space' + type: string base: name: Base description: 'The base element specifies the base URL to use for all relative URLs in a document. There can be at maximum one element in a document, and it must be inside the element.' @@ -798,13 +805,9 @@ bdi: unique: false text: string attributes: - aria-busy: - description: 'The aria-busy attribute is used to indicate whether an element is currently busy or not.' - type: enum|string - defaultValue: 'false' - choices: - - 'true' - - 'false' + aria-controls: + description: 'Identifies the element(s) whose contents or presence are controlled by this element. Value is a list of IDs separated by a space' + type: string bdo: name: 'Bidirectional Override' description: 'The bdo element represents explicit text directionality formatting control for its children. It allows authors to override the Unicode bidirectional algorithm by explicitly specifying a direction override.' @@ -831,13 +834,9 @@ bdo: unique: false text: string attributes: - aria-busy: - description: 'The aria-busy attribute is used to indicate whether an element is currently busy or not.' - type: enum|string - defaultValue: 'false' - choices: - - 'true' - - 'false' + aria-controls: + description: 'Identifies the element(s) whose contents or presence are controlled by this element. Value is a list of IDs separated by a space' + type: string blockquote: name: Blockquote description: 'The blockquote element represents a section that is quoted from another source. Content inside a blockquote must be quoted from another source, whose address, if it has one, may be cited in the cite attribute.' @@ -895,6 +894,9 @@ blockquote: choices: - 'true' - 'false' + aria-controls: + description: 'Identifies the element(s) whose contents or presence are controlled by this element. Value is a list of IDs separated by a space' + type: string children: - article - p @@ -1263,6 +1265,18 @@ button: - outline - 'secondary outline' - 'contrast outline' + aria-current: + description: 'Indicates the current item within a container or set of related elements.' + type: enum|string + defaultValue: 'false' + choices: + - 'false' + - page + - step + - location + - date + - time + - 'true' aria-busy: description: 'The aria-busy attribute is used to indicate whether an element is currently busy or not.' type: enum|string @@ -1270,6 +1284,14 @@ button: choices: - 'true' - 'false' + aria-controls: + description: 'Identifies the element(s) whose contents or presence are controlled by this element. Value is a list of IDs separated by a space' + type: string + aria-label: + description: 'Defines a string value that labels the current element for assistive technologies.' + type: enum|string + choices: + - breadcrumb text: string canvas: name: Canvas @@ -1342,6 +1364,9 @@ canvas: choices: - 'true' - 'false' + aria-controls: + description: 'Identifies the element(s) whose contents or presence are controlled by this element. Value is a list of IDs separated by a space' + type: string text: string caption: name: Caption @@ -1370,13 +1395,9 @@ caption: unique_per_parent: true parent: table attributes: - aria-busy: - description: 'The aria-busy attribute is used to indicate whether an element is currently busy or not.' - type: enum|string - defaultValue: 'false' - choices: - - 'true' - - 'false' + aria-controls: + description: 'Identifies the element(s) whose contents or presence are controlled by this element. Value is a list of IDs separated by a space' + type: string cite: name: Citation description: 'The cite element represents the title of a work (e.g. a book, a paper, an essay, a poem, a score, a song, a script, a film, a TV show, a game, a sculpture, a painting, a theatre production, a play, an opera, a musical, an exhibition, a legal case report, etc). This can be a work that is being quoted or referenced in detail (i.e. a citation), or it can just be a work that is mentioned in passing.' @@ -1402,13 +1423,9 @@ cite: unique: false text: string attributes: - aria-busy: - description: 'The aria-busy attribute is used to indicate whether an element is currently busy or not.' - type: enum|string - defaultValue: 'false' - choices: - - 'true' - - 'false' + aria-controls: + description: 'Identifies the element(s) whose contents or presence are controlled by this element. Value is a list of IDs separated by a space' + type: string code: name: Code description: 'The code element represents a fragment of computer code. This could be an XML element name, a filename, a computer program, or any other string that a computer would recognize.' @@ -1434,13 +1451,9 @@ code: unique: false text: string attributes: - aria-busy: - description: 'The aria-busy attribute is used to indicate whether an element is currently busy or not.' - type: enum|string - defaultValue: 'false' - choices: - - 'true' - - 'false' + aria-controls: + description: 'Identifies the element(s) whose contents or presence are controlled by this element. Value is a list of IDs separated by a space' + type: string col: name: Column description: 'The col element represents a column in a table.' @@ -1591,6 +1604,9 @@ data: choices: - 'true' - 'false' + aria-controls: + description: 'Identifies the element(s) whose contents or presence are controlled by this element. Value is a list of IDs separated by a space' + type: string text: string datalist: name: 'Data List' @@ -1618,13 +1634,9 @@ datalist: children: - option attributes: - aria-busy: - description: 'The aria-busy attribute is used to indicate whether an element is currently busy or not.' - type: enum|string - defaultValue: 'false' - choices: - - 'true' - - 'false' + aria-controls: + description: 'Identifies the element(s) whose contents or presence are controlled by this element. Value is a list of IDs separated by a space' + type: string dd: name: 'Definition Description' description: 'The dd element represents the description, definition, or value, part of a term-description group in a description list (dl element).' @@ -1714,13 +1726,9 @@ dd: - video - wbr attributes: - aria-busy: - description: 'The aria-busy attribute is used to indicate whether an element is currently busy or not.' - type: enum|string - defaultValue: 'false' - choices: - - 'true' - - 'false' + aria-controls: + description: 'Identifies the element(s) whose contents or presence are controlled by this element. Value is a list of IDs separated by a space' + type: string del: name: 'Deleted Text' description: 'The del element represents a deletion from the document.' @@ -1785,6 +1793,9 @@ del: choices: - 'true' - 'false' + aria-controls: + description: 'Identifies the element(s) whose contents or presence are controlled by this element. Value is a list of IDs separated by a space' + type: string text: string details: name: Details @@ -1840,6 +1851,14 @@ details: choices: - 'true' - 'false' + aria-controls: + description: 'Identifies the element(s) whose contents or presence are controlled by this element. Value is a list of IDs separated by a space' + type: string + aria-label: + description: 'Defines a string value that labels the current element for assistive technologies.' + type: enum|string + choices: + - breadcrumb children: - div - dl @@ -1876,13 +1895,9 @@ dfn: unique: false text: string attributes: - aria-busy: - description: 'The aria-busy attribute is used to indicate whether an element is currently busy or not.' - type: enum|string - defaultValue: 'false' - choices: - - 'true' - - 'false' + aria-controls: + description: 'Identifies the element(s) whose contents or presence are controlled by this element. Value is a list of IDs separated by a space' + type: string dialog: name: Dialog description: 'The dialog element represents a part of an application that a user interacts with to perform a task, for example a dialog box, inspector, or window.' @@ -1937,6 +1952,9 @@ dialog: choices: - 'true' - 'false' + aria-controls: + description: 'Identifies the element(s) whose contents or presence are controlled by this element. Value is a list of IDs separated by a space' + type: string children: - button - div @@ -2059,13 +2077,11 @@ div: - video - wbr attributes: - aria-busy: - description: 'The aria-busy attribute is used to indicate whether an element is currently busy or not.' + aria-label: + description: 'Defines a string value that labels the current element for assistive technologies.' type: enum|string - defaultValue: 'false' choices: - - 'true' - - 'false' + - breadcrumb dl: name: 'Definition List' description: 'The dl element represents an association list consisting of zero or more name-value groups (a description list). Each group must consist of one or more names (dt elements) followed by one or more values (dd elements). Within a single dl element, there should not be more than one dt element for each name.' @@ -2093,13 +2109,9 @@ dl: - dd - dt attributes: - aria-busy: - description: 'The aria-busy attribute is used to indicate whether an element is currently busy or not.' - type: enum|string - defaultValue: 'false' - choices: - - 'true' - - 'false' + aria-controls: + description: 'Identifies the element(s) whose contents or presence are controlled by this element. Value is a list of IDs separated by a space' + type: string dt: name: 'Definition Term' description: 'The dt element represents the term, or name, part of a term-description group in a description list (dl element).' @@ -2126,13 +2138,9 @@ dt: parent: dl text: string attributes: - aria-busy: - description: 'The aria-busy attribute is used to indicate whether an element is currently busy or not.' - type: enum|string - defaultValue: 'false' - choices: - - 'true' - - 'false' + aria-controls: + description: 'Identifies the element(s) whose contents or presence are controlled by this element. Value is a list of IDs separated by a space' + type: string em: name: Emphasis description: 'The em element represents stress emphasis of its contents.' @@ -2158,13 +2166,9 @@ em: unique: false text: string attributes: - aria-busy: - description: 'The aria-busy attribute is used to indicate whether an element is currently busy or not.' - type: enum|string - defaultValue: 'false' - choices: - - 'true' - - 'false' + aria-controls: + description: 'Identifies the element(s) whose contents or presence are controlled by this element. Value is a list of IDs separated by a space' + type: string embed: name: Embed description: 'The embed element provides an integration point for an external (typically non-HTML) application or interactive content.' @@ -2323,6 +2327,18 @@ fieldset: choices: - 'true' - 'false' + aria-controls: + description: 'Identifies the element(s) whose contents or presence are controlled by this element. Value is a list of IDs separated by a space' + type: string + aria-invalid: + description: 'Indicates that the value entered does not conform to the expected format.' + type: enum|string + defaultValue: 'false' + choices: + - 'false' + - 'true' + - grammar + - spelling children: - button - datalist @@ -2361,13 +2377,9 @@ figcaption: parent: figure text: string attributes: - aria-busy: - description: 'The aria-busy attribute is used to indicate whether an element is currently busy or not.' - type: enum|string - defaultValue: 'false' - choices: - - 'true' - - 'false' + aria-controls: + description: 'Identifies the element(s) whose contents or presence are controlled by this element. Value is a list of IDs separated by a space' + type: string figure: name: Figure description: 'The figure element represents self-contained content, potentially with an optional caption, which is specified using the (optional) figcaption element.' @@ -2395,13 +2407,9 @@ figure: - figcaption - img attributes: - aria-busy: - description: 'The aria-busy attribute is used to indicate whether an element is currently busy or not.' - type: enum|string - defaultValue: 'false' - choices: - - 'true' - - 'false' + aria-controls: + description: 'Identifies the element(s) whose contents or presence are controlled by this element. Value is a list of IDs separated by a space' + type: string footer: name: Footer description: 'The footer element represents a container for the bottom section of a document or a section, typically containing information about the author, copyright information, and links to related documents.' @@ -2496,13 +2504,11 @@ footer: - video - wbr attributes: - aria-busy: - description: 'The aria-busy attribute is used to indicate whether an element is currently busy or not.' + aria-label: + description: 'Defines a string value that labels the current element for assistive technologies.' type: enum|string - defaultValue: 'false' choices: - - 'true' - - 'false' + - breadcrumb form: name: Form description: 'The form element represents a section of a document containing interactive controls for submitting information to a web server.' @@ -2629,6 +2635,20 @@ form: - right - bottom defaultValue: top + aria-invalid: + description: 'Indicates that the value entered does not conform to the expected format.' + type: enum|string + defaultValue: 'false' + choices: + - 'false' + - 'true' + - grammar + - spelling + aria-label: + description: 'Defines a string value that labels the current element for assistive technologies.' + type: enum|string + choices: + - breadcrumb children: - button - canvas @@ -2674,13 +2694,9 @@ h1: text: string unique: false attributes: - aria-busy: - description: 'The aria-busy attribute is used to indicate whether an element is currently busy or not.' - type: enum|string - defaultValue: 'false' - choices: - - 'true' - - 'false' + aria-controls: + description: 'Identifies the element(s) whose contents or presence are controlled by this element. Value is a list of IDs separated by a space' + type: string h2: name: 'Heading 2' description: 'The h2 element represents a section heading. It has the second highest rank among the six levels of section headings.' @@ -2706,13 +2722,9 @@ h2: text: string unique: false attributes: - aria-busy: - description: 'The aria-busy attribute is used to indicate whether an element is currently busy or not.' - type: enum|string - defaultValue: 'false' - choices: - - 'true' - - 'false' + aria-controls: + description: 'Identifies the element(s) whose contents or presence are controlled by this element. Value is a list of IDs separated by a space' + type: string h3: name: 'Heading 3' description: 'The h3 element represents a section heading. It has the third highest rank among the six levels of section headings.' @@ -2738,13 +2750,9 @@ h3: text: string unique: false attributes: - aria-busy: - description: 'The aria-busy attribute is used to indicate whether an element is currently busy or not.' - type: enum|string - defaultValue: 'false' - choices: - - 'true' - - 'false' + aria-controls: + description: 'Identifies the element(s) whose contents or presence are controlled by this element. Value is a list of IDs separated by a space' + type: string h4: name: 'Heading 4' description: 'The h4 element represents a section heading. It has the fourth highest rank among the six levels of section headings.' @@ -2770,13 +2778,9 @@ h4: text: string unique: false attributes: - aria-busy: - description: 'The aria-busy attribute is used to indicate whether an element is currently busy or not.' - type: enum|string - defaultValue: 'false' - choices: - - 'true' - - 'false' + aria-controls: + description: 'Identifies the element(s) whose contents or presence are controlled by this element. Value is a list of IDs separated by a space' + type: string h5: name: 'Heading 5' description: 'The h5 element represents a section heading. It has the fifth highest rank among the six levels of section headings.' @@ -2802,13 +2806,9 @@ h5: text: string unique: false attributes: - aria-busy: - description: 'The aria-busy attribute is used to indicate whether an element is currently busy or not.' - type: enum|string - defaultValue: 'false' - choices: - - 'true' - - 'false' + aria-controls: + description: 'Identifies the element(s) whose contents or presence are controlled by this element. Value is a list of IDs separated by a space' + type: string h6: name: 'Heading 6' description: 'The h6 element represents a section heading. It has the lowest rank among the six levels of section headings.' @@ -2834,13 +2834,9 @@ h6: text: string unique: false attributes: - aria-busy: - description: 'The aria-busy attribute is used to indicate whether an element is currently busy or not.' - type: enum|string - defaultValue: 'false' - choices: - - 'true' - - 'false' + aria-controls: + description: 'Identifies the element(s) whose contents or presence are controlled by this element. Value is a list of IDs separated by a space' + type: string head: name: Head description: 'The head element contains meta-information about the HTML document, including its title and links to its scripts and stylesheets.' @@ -2969,24 +2965,11 @@ header: - video - wbr attributes: - data-theme: - description: 'Choose between light and dark mode. Overrides the OS default if set.' + aria-label: + description: 'Defines a string value that labels the current element for assistive technologies.' type: enum|string choices: - - light - - dark - data-tooltip: - description: 'Give extra context and information by adding tooltips.' - type: string - data-placement: - description: 'Choose the position of a tooltip. Depends on data-tooltip attribute.' - type: enum|string - choices: - - top - - left - - right - - bottom - defaultValue: top + - breadcrumb hgroup: name: 'Headings Group' description: 'The hgroup element represents a multi-level heading for a section of a document. It groups a set of h1–h6 elements.' @@ -3018,13 +3001,9 @@ hgroup: - h5 - h6 attributes: - aria-busy: - description: 'The aria-busy attribute is used to indicate whether an element is currently busy or not.' - type: enum|string - defaultValue: 'false' - choices: - - 'true' - - 'false' + aria-controls: + description: 'Identifies the element(s) whose contents or presence are controlled by this element. Value is a list of IDs separated by a space' + type: string hr: name: 'Horizontal Rule' description: 'The hr element represents a thematic break between paragraph-level elements. It is typically a horizontal rule or line.' @@ -3165,13 +3144,9 @@ i: unique: false text: string attributes: - aria-busy: - description: 'The aria-busy attribute is used to indicate whether an element is currently busy or not.' - type: enum|string - defaultValue: 'false' - choices: - - 'true' - - 'false' + aria-controls: + description: 'Identifies the element(s) whose contents or presence are controlled by this element. Value is a list of IDs separated by a space' + type: string iframe: name: 'Inline Frame' description: 'The iframe element represents a nested browsing context, effectively embedding another HTML page into the current page.' @@ -3299,6 +3274,14 @@ iframe: choices: - 'true' - 'false' + aria-controls: + description: 'Identifies the element(s) whose contents or presence are controlled by this element. Value is a list of IDs separated by a space' + type: string + aria-label: + description: 'Defines a string value that labels the current element for assistive technologies.' + type: enum|string + choices: + - breadcrumb img: name: Image description: 'The img element represents an image.' @@ -3440,6 +3423,11 @@ img: - right - bottom defaultValue: top + aria-label: + description: 'Defines a string value that labels the current element for assistive technologies.' + type: enum|string + choices: + - breadcrumb input: name: Input description: 'The input element represents a typed data field, usually with a form control to allow user input.' @@ -3709,6 +3697,35 @@ input: - right - bottom defaultValue: top + aria-current: + description: 'Indicates the current item within a container or set of related elements.' + type: enum|string + defaultValue: 'false' + choices: + - 'false' + - page + - step + - location + - date + - time + - 'true' + aria-controls: + description: 'Identifies the element(s) whose contents or presence are controlled by this element. Value is a list of IDs separated by a space' + type: string + aria-invalid: + description: 'Indicates that the value entered does not conform to the expected format.' + type: enum|string + defaultValue: 'false' + choices: + - 'false' + - 'true' + - grammar + - spelling + aria-label: + description: 'Defines a string value that labels the current element for assistive technologies.' + type: enum|string + choices: + - breadcrumb role: description: 'The role attribute is used to define the purpose of an element.' type: enum|string @@ -3778,6 +3795,9 @@ ins: choices: - 'true' - 'false' + aria-controls: + description: 'Identifies the element(s) whose contents or presence are controlled by this element. Value is a list of IDs separated by a space' + type: string text: string kbd: name: 'Keyboard Input' @@ -3804,13 +3824,9 @@ kbd: unique: false text: string attributes: - aria-busy: - description: 'The aria-busy attribute is used to indicate whether an element is currently busy or not.' - type: enum|string - defaultValue: 'false' - choices: - - 'true' - - 'false' + aria-controls: + description: 'Identifies the element(s) whose contents or presence are controlled by this element. Value is a list of IDs separated by a space' + type: string label: name: Label description: "The label element represents a caption in a user interface. The caption can be associated with a specific form control, known as the label element's labeled control, either using the for attribute, or by putting the form control inside the label element itself." @@ -3866,6 +3882,9 @@ label: choices: - 'true' - 'false' + aria-controls: + description: 'Identifies the element(s) whose contents or presence are controlled by this element. Value is a list of IDs separated by a space' + type: string legend: name: Legend description: 'The legend element represents a caption for the content of its parent fieldset.' @@ -3899,13 +3918,9 @@ legend: - h5 - h6 attributes: - aria-busy: - description: 'The aria-busy attribute is used to indicate whether an element is currently busy or not.' - type: enum|string - defaultValue: 'false' - choices: - - 'true' - - 'false' + aria-controls: + description: 'Identifies the element(s) whose contents or presence are controlled by this element. Value is a list of IDs separated by a space' + type: string li: name: 'List Item' description: "The li element represents a list item. If its parent element is an ol, ul, or menu, then the element is an item of the parent element's list, as defined for those elements. Otherwise, the list item has no defined list-related semantics." @@ -3962,6 +3977,18 @@ li: - right - bottom defaultValue: top + aria-current: + description: 'Indicates the current item within a container or set of related elements.' + type: enum|string + defaultValue: 'false' + choices: + - 'false' + - page + - step + - location + - date + - time + - 'true' aria-busy: description: 'The aria-busy attribute is used to indicate whether an element is currently busy or not.' type: enum|string @@ -3969,6 +3996,9 @@ li: choices: - 'true' - 'false' + aria-controls: + description: 'Identifies the element(s) whose contents or presence are controlled by this element. Value is a list of IDs separated by a space' + type: string children: - a - abbr @@ -4226,13 +4256,11 @@ main: - video - wbr attributes: - aria-busy: - description: 'The aria-busy attribute is used to indicate whether an element is currently busy or not.' + aria-label: + description: 'Defines a string value that labels the current element for assistive technologies.' type: enum|string - defaultValue: 'false' choices: - - 'true' - - 'false' + - breadcrumb map: name: Map description: 'The map element, in conjunction with an img element and any area element descendants, defines an image map. The element represents a related collection of map areas.' @@ -4298,6 +4326,9 @@ map: choices: - 'true' - 'false' + aria-controls: + description: 'Identifies the element(s) whose contents or presence are controlled by this element. Value is a list of IDs separated by a space' + type: string children: - area mark: @@ -4357,13 +4388,9 @@ mark: - video - wbr attributes: - aria-busy: - description: 'The aria-busy attribute is used to indicate whether an element is currently busy or not.' - type: enum|string - defaultValue: 'false' - choices: - - 'true' - - 'false' + aria-controls: + description: 'Identifies the element(s) whose contents or presence are controlled by this element. Value is a list of IDs separated by a space' + type: string menu: name: Menu description: 'The menu element represents a group of commands that a user can perform or activate. It can be used for toolbars, context menus, or listing form controls.' @@ -4394,13 +4421,9 @@ menu: - script - template attributes: - aria-busy: - description: 'The aria-busy attribute is used to indicate whether an element is currently busy or not.' - type: enum|string - defaultValue: 'false' - choices: - - 'true' - - 'false' + aria-controls: + description: 'Identifies the element(s) whose contents or presence are controlled by this element. Value is a list of IDs separated by a space' + type: string meta: name: Meta description: 'The meta element provides metadata about the HTML document. Metadata will not be displayed on the page, but is machine-readable. Mainly used in the head but allowed inside the body if itemprop attribute is set.' @@ -4594,13 +4617,11 @@ nav: - small - strong attributes: - aria-busy: - description: 'The aria-busy attribute is used to indicate whether an element is currently busy or not.' + aria-label: + description: 'Defines a string value that labels the current element for assistive technologies.' type: enum|string - defaultValue: 'false' choices: - - 'true' - - 'false' + - breadcrumb noscript: name: NoScript description: "The noscript element defines an alternate content for users that have disabled scripts in their browser or have a browser that doesn't support script." @@ -4751,6 +4772,9 @@ object: choices: - 'true' - 'false' + aria-controls: + description: 'Identifies the element(s) whose contents or presence are controlled by this element. Value is a list of IDs separated by a space' + type: string ol: name: 'Ordered List' description: 'The ol element represents an ordered list of items. The order of the list is meaningful.' @@ -4822,6 +4846,9 @@ ol: choices: - 'true' - 'false' + aria-controls: + description: 'Identifies the element(s) whose contents or presence are controlled by this element. Value is a list of IDs separated by a space' + type: string children: - li optgroup: @@ -4891,6 +4918,9 @@ optgroup: choices: - 'true' - 'false' + aria-controls: + description: 'Identifies the element(s) whose contents or presence are controlled by this element. Value is a list of IDs separated by a space' + type: string children: - option option: @@ -4978,6 +5008,9 @@ option: choices: - 'true' - 'false' + aria-controls: + description: 'Identifies the element(s) whose contents or presence are controlled by this element. Value is a list of IDs separated by a space' + type: string output: name: Output description: 'The output element represents the result of a calculation or user action.' @@ -5139,13 +5172,9 @@ p: - wbr text: string attributes: - aria-busy: - description: 'The aria-busy attribute is used to indicate whether an element is currently busy or not.' - type: enum|string - defaultValue: 'false' - choices: - - 'true' - - 'false' + aria-controls: + description: 'Identifies the element(s) whose contents or presence are controlled by this element. Value is a list of IDs separated by a space' + type: string param: name: Parameter description: 'The param element defines parameters for an object element.' @@ -5233,13 +5262,9 @@ picture: - img - source attributes: - aria-busy: - description: 'The aria-busy attribute is used to indicate whether an element is currently busy or not.' - type: enum|string - defaultValue: 'false' - choices: - - 'true' - - 'false' + aria-controls: + description: 'Identifies the element(s) whose contents or presence are controlled by this element. Value is a list of IDs separated by a space' + type: string pre: name: 'Preformatted Text' description: 'The pre element represents preformatted text. Text within this element is typically displayed in a non-proportional font exactly as it is laid out in the file.' @@ -5265,13 +5290,9 @@ pre: unique: false text: string attributes: - aria-busy: - description: 'The aria-busy attribute is used to indicate whether an element is currently busy or not.' - type: enum|string - defaultValue: 'false' - choices: - - 'true' - - 'false' + aria-controls: + description: 'Identifies the element(s) whose contents or presence are controlled by this element. Value is a list of IDs separated by a space' + type: string progress: name: Progress description: 'The progress element represents the completion progress of a task.' @@ -5391,6 +5412,9 @@ q: choices: - 'true' - 'false' + aria-controls: + description: 'Identifies the element(s) whose contents or presence are controlled by this element. Value is a list of IDs separated by a space' + type: string text: string rp: name: 'Ruby Parenthesis' @@ -5417,13 +5441,9 @@ rp: unique: false text: string attributes: - aria-busy: - description: 'The aria-busy attribute is used to indicate whether an element is currently busy or not.' - type: enum|string - defaultValue: 'false' - choices: - - 'true' - - 'false' + aria-controls: + description: 'Identifies the element(s) whose contents or presence are controlled by this element. Value is a list of IDs separated by a space' + type: string rt: name: 'Ruby Text' description: 'The rt element marks the ruby text component of a ruby annotation, which is used to provide pronunciation, translation, or transliteration information for East Asian typography. The rt element must be a child of a ruby element.' @@ -5449,13 +5469,9 @@ rt: unique: false text: string attributes: - aria-busy: - description: 'The aria-busy attribute is used to indicate whether an element is currently busy or not.' - type: enum|string - defaultValue: 'false' - choices: - - 'true' - - 'false' + aria-controls: + description: 'Identifies the element(s) whose contents or presence are controlled by this element. Value is a list of IDs separated by a space' + type: string ruby: name: Ruby description: 'The ruby element represents a ruby annotation. Ruby annotations are short runs of text presented alongside base text, primarily used for East Asian typography to indicate pronunciation or to provide a short annotation.' @@ -5483,13 +5499,9 @@ ruby: - rp - rt attributes: - aria-busy: - description: 'The aria-busy attribute is used to indicate whether an element is currently busy or not.' - type: enum|string - defaultValue: 'false' - choices: - - 'true' - - 'false' + aria-controls: + description: 'Identifies the element(s) whose contents or presence are controlled by this element. Value is a list of IDs separated by a space' + type: string s: name: Strikethrough description: 'The s element represents contents that are no longer accurate or no longer relevant.' @@ -5515,13 +5527,9 @@ s: unique: false text: string attributes: - aria-busy: - description: 'The aria-busy attribute is used to indicate whether an element is currently busy or not.' - type: enum|string - defaultValue: 'false' - choices: - - 'true' - - 'false' + aria-controls: + description: 'Identifies the element(s) whose contents or presence are controlled by this element. Value is a list of IDs separated by a space' + type: string samp: name: 'Sample Output' description: 'The samp element represents sample (or quoted) output from a computer program.' @@ -5547,13 +5555,9 @@ samp: unique: false text: string attributes: - aria-busy: - description: 'The aria-busy attribute is used to indicate whether an element is currently busy or not.' - type: enum|string - defaultValue: 'false' - choices: - - 'true' - - 'false' + aria-controls: + description: 'Identifies the element(s) whose contents or presence are controlled by this element. Value is a list of IDs separated by a space' + type: string script: name: Script description: 'The script element is used to embed or reference an executable script within an HTML document. Scripts without async or defer attributes, as well as inline scripts, are fetched and executed immediately, before the browser continues to parse the page.' @@ -5763,13 +5767,11 @@ section: - video - wbr attributes: - aria-busy: - description: 'The aria-busy attribute is used to indicate whether an element is currently busy or not.' + aria-label: + description: 'Defines a string value that labels the current element for assistive technologies.' type: enum|string - defaultValue: 'false' choices: - - 'true' - - 'false' + - breadcrumb select: name: Select description: 'The select element represents a control for selecting amongst a set of options.' @@ -5884,6 +5886,23 @@ select: - right - bottom defaultValue: top + aria-controls: + description: 'Identifies the element(s) whose contents or presence are controlled by this element. Value is a list of IDs separated by a space' + type: string + aria-invalid: + description: 'Indicates that the value entered does not conform to the expected format.' + type: enum|string + defaultValue: 'false' + choices: + - 'false' + - 'true' + - grammar + - spelling + aria-label: + description: 'Defines a string value that labels the current element for assistive technologies.' + type: enum|string + choices: + - breadcrumb children: - optgroup - option @@ -5952,6 +5971,9 @@ slot: choices: - 'true' - 'false' + aria-controls: + description: 'Identifies the element(s) whose contents or presence are controlled by this element. Value is a list of IDs separated by a space' + type: string children: - div - dl @@ -6001,13 +6023,9 @@ small: unique: false text: string attributes: - aria-busy: - description: 'The aria-busy attribute is used to indicate whether an element is currently busy or not.' - type: enum|string - defaultValue: 'false' - choices: - - 'true' - - 'false' + aria-controls: + description: 'Identifies the element(s) whose contents or presence are controlled by this element. Value is a list of IDs separated by a space' + type: string source: name: Source description: 'The source element allows authors to specify multiple media resources for media elements. It is an empty element. It is commonly used within the picture element.' @@ -6108,13 +6126,9 @@ span: unique: false text: string attributes: - aria-busy: - description: 'The aria-busy attribute is used to indicate whether an element is currently busy or not.' - type: enum|string - defaultValue: 'false' - choices: - - 'true' - - 'false' + aria-controls: + description: 'Identifies the element(s) whose contents or presence are controlled by this element. Value is a list of IDs separated by a space' + type: string strong: name: Strong description: 'The strong element represents strong importance, seriousness, or urgency for its contents.' @@ -6140,13 +6154,9 @@ strong: unique: false text: string attributes: - aria-busy: - description: 'The aria-busy attribute is used to indicate whether an element is currently busy or not.' - type: enum|string - defaultValue: 'false' - choices: - - 'true' - - 'false' + aria-controls: + description: 'Identifies the element(s) whose contents or presence are controlled by this element. Value is a list of IDs separated by a space' + type: string style: name: Style description: 'The style element is used to embed CSS styles directly into an HTML document.' @@ -6248,13 +6258,9 @@ sub: unique: false text: string attributes: - aria-busy: - description: 'The aria-busy attribute is used to indicate whether an element is currently busy or not.' - type: enum|string - defaultValue: 'false' - choices: - - 'true' - - 'false' + aria-controls: + description: 'Identifies the element(s) whose contents or presence are controlled by this element. Value is a list of IDs separated by a space' + type: string summary: name: Summary description: "The summary element represents a summary, caption, or legend for the rest of the contents of the summary element's parent details element, if any." @@ -6280,13 +6286,11 @@ summary: unique_per_parent: true parent: details attributes: - aria-busy: - description: 'The aria-busy attribute is used to indicate whether an element is currently busy or not.' + aria-label: + description: 'Defines a string value that labels the current element for assistive technologies.' type: enum|string - defaultValue: 'false' choices: - - 'true' - - 'false' + - breadcrumb sup: name: Superscript description: 'The sup element represents a superscript.' @@ -6312,13 +6316,9 @@ sup: unique: false text: string attributes: - aria-busy: - description: 'The aria-busy attribute is used to indicate whether an element is currently busy or not.' - type: enum|string - defaultValue: 'false' - choices: - - 'true' - - 'false' + aria-controls: + description: 'Identifies the element(s) whose contents or presence are controlled by this element. Value is a list of IDs separated by a space' + type: string svg: name: 'Scalable Vector Graphics' description: 'The svg element is a container for embedded SVG graphics.' @@ -6413,6 +6413,14 @@ svg: choices: - 'true' - 'false' + aria-controls: + description: 'Identifies the element(s) whose contents or presence are controlled by this element. Value is a list of IDs separated by a space' + type: string + aria-label: + description: 'Defines a string value that labels the current element for assistive technologies.' + type: enum|string + choices: + - breadcrumb children: - a - animate @@ -6511,13 +6519,9 @@ table: - thead - tr attributes: - aria-busy: - description: 'The aria-busy attribute is used to indicate whether an element is currently busy or not.' - type: enum|string - defaultValue: 'false' - choices: - - 'true' - - 'false' + aria-controls: + description: 'Identifies the element(s) whose contents or presence are controlled by this element. Value is a list of IDs separated by a space' + type: string tbody: name: 'Table Body' description: 'The tbody element groups one or more tr elements as the body of a table.' @@ -6545,13 +6549,9 @@ tbody: children: - tr attributes: - aria-busy: - description: 'The aria-busy attribute is used to indicate whether an element is currently busy or not.' - type: enum|string - defaultValue: 'false' - choices: - - 'true' - - 'false' + aria-controls: + description: 'Identifies the element(s) whose contents or presence are controlled by this element. Value is a list of IDs separated by a space' + type: string td: name: 'Table Data' description: 'The td element represents a data cell in a table.' @@ -6620,6 +6620,9 @@ td: choices: - 'true' - 'false' + aria-controls: + description: 'Identifies the element(s) whose contents or presence are controlled by this element. Value is a list of IDs separated by a space' + type: string template: name: Template description: 'The template element is a mechanism for holding client-side content that is not to be rendered when a page is loaded but may subsequently be instantiated during runtime using JavaScript.' @@ -6668,13 +6671,9 @@ template: - table - ul attributes: - aria-busy: - description: 'The aria-busy attribute is used to indicate whether an element is currently busy or not.' - type: enum|string - defaultValue: 'false' - choices: - - 'true' - - 'false' + aria-controls: + description: 'Identifies the element(s) whose contents or presence are controlled by this element. Value is a list of IDs separated by a space' + type: string textarea: name: Textarea description: "The textarea element represents a multiline plain text edit control for the element's raw value." @@ -6826,6 +6825,23 @@ textarea: - right - bottom defaultValue: top + aria-controls: + description: 'Identifies the element(s) whose contents or presence are controlled by this element. Value is a list of IDs separated by a space' + type: string + aria-invalid: + description: 'Indicates that the value entered does not conform to the expected format.' + type: enum|string + defaultValue: 'false' + choices: + - 'false' + - 'true' + - grammar + - spelling + aria-label: + description: 'Defines a string value that labels the current element for assistive technologies.' + type: enum|string + choices: + - breadcrumb tfoot: name: 'Table Foot' description: 'The tfoot element groups the footer content in a table.' @@ -6854,13 +6870,9 @@ tfoot: children: - tr attributes: - aria-busy: - description: 'The aria-busy attribute is used to indicate whether an element is currently busy or not.' - type: enum|string - defaultValue: 'false' - choices: - - 'true' - - 'false' + aria-controls: + description: 'Identifies the element(s) whose contents or presence are controlled by this element. Value is a list of IDs separated by a space' + type: string th: name: 'Table Header' description: 'The th element represents a header cell in a table.' @@ -6934,6 +6946,9 @@ th: choices: - 'true' - 'false' + aria-controls: + description: 'Identifies the element(s) whose contents or presence are controlled by this element. Value is a list of IDs separated by a space' + type: string thead: name: 'Table Head' description: 'The thead element groups the header content in a table.' @@ -6962,13 +6977,9 @@ thead: children: - tr attributes: - aria-busy: - description: 'The aria-busy attribute is used to indicate whether an element is currently busy or not.' - type: enum|string - defaultValue: 'false' - choices: - - 'true' - - 'false' + aria-controls: + description: 'Identifies the element(s) whose contents or presence are controlled by this element. Value is a list of IDs separated by a space' + type: string time: name: Time description: 'The time element represents a specific period in time. It may include the datetime attribute to translate dates into machine-readable format, allowing for better search engine results or custom features such as reminders.' @@ -7025,6 +7036,9 @@ time: choices: - 'true' - 'false' + aria-controls: + description: 'Identifies the element(s) whose contents or presence are controlled by this element. Value is a list of IDs separated by a space' + type: string text: string title: name: Title @@ -7160,6 +7174,9 @@ tr: choices: - 'true' - 'false' + aria-controls: + description: 'Identifies the element(s) whose contents or presence are controlled by this element. Value is a list of IDs separated by a space' + type: string track: name: Track description: 'The track element is used as a child of the media elements—audio and video. It lets you specify timed text tracks (or time-based data), for example to automatically handle subtitles. The tracks are formatted in WebVTT format (.vtt files) — Web Video Text Tracks.' @@ -7259,13 +7276,9 @@ u: unique: false text: string attributes: - aria-busy: - description: 'The aria-busy attribute is used to indicate whether an element is currently busy or not.' - type: enum|string - defaultValue: 'false' - choices: - - 'true' - - 'false' + aria-controls: + description: 'Identifies the element(s) whose contents or presence are controlled by this element. Value is a list of IDs separated by a space' + type: string ul: name: 'Unordered List' description: 'The ul element represents an unordered list of items, namely a collection of items that do not have a numerical ordering, and their order in the list is meaningless.' @@ -7292,13 +7305,9 @@ ul: children: - li attributes: - aria-busy: - description: 'The aria-busy attribute is used to indicate whether an element is currently busy or not.' - type: enum|string - defaultValue: 'false' - choices: - - 'true' - - 'false' + aria-controls: + description: 'Identifies the element(s) whose contents or presence are controlled by this element. Value is a list of IDs separated by a space' + type: string var: name: Variable description: 'The var element represents the name of a variable in a mathematical expression or a programming context.' @@ -7324,13 +7333,9 @@ var: unique: false text: string attributes: - aria-busy: - description: 'The aria-busy attribute is used to indicate whether an element is currently busy or not.' - type: enum|string - defaultValue: 'false' - choices: - - 'true' - - 'false' + aria-controls: + description: 'Identifies the element(s) whose contents or presence are controlled by this element. Value is a list of IDs separated by a space' + type: string video: name: Video description: 'The video element is used to embed video content in a document, such as a movie clip or other video streams.' @@ -7465,6 +7470,9 @@ video: choices: - 'true' - 'false' + aria-controls: + description: 'Identifies the element(s) whose contents or presence are controlled by this element. Value is a list of IDs separated by a space' + type: string wbr: name: 'Word Break Opportunity' description: 'The wbr element represents a word break opportunity.' diff --git a/src/Resources/picocss.yaml b/src/Resources/picocss.yaml index af20dcda..2d584607 100644 --- a/src/Resources/picocss.yaml +++ b/src/Resources/picocss.yaml @@ -100,4 +100,12 @@ input: - 'true' - 'grammar' - 'spelling' -# @todo aria-current, aria-label, aria-disabled, aria-hidden + +'/^(a|button|input|select|textarea|nav|main|aside|section|header|footer|form|div|iframe|img|svg|details|summary)$/': + attributes: + aria-label: + description: 'Defines a string value that labels the current element for assistive technologies.' + type: enum|string + choices: + - 'breadcrumb' +# @todo aria-label, aria-disabled, aria-hidden