{ "cites": [ "https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/Heading_Elements", "https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/a", "https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/abbr", "https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/acronym", "https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/address", "https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/applet", "https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/area", "https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/article", "https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/aside", "https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/audio", "https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/b", "https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/base", "https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/basefont", "https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/bdi", "https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/bdo", "https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/bgsound", "https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/big", "https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/blink", "https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/blockquote", "https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/body", "https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/br", "https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/button", "https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/canvas", "https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/caption", "https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/center", "https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/cite", "https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/code", "https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/col", "https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/colgroup", "https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/data", "https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/datalist", "https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/dd", "https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/del", "https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/details", "https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/dfn", "https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/dialog", "https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/dir", "https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/div", "https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/dl", "https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/dt", "https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/em", "https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/embed", "https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/fieldset", "https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/figcaption", "https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/figure", "https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/font", "https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/footer", "https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/form", "https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/frame", "https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/frameset", "https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/head", "https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/header", "https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/hgroup", "https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/hr", "https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/html", "https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/i", "https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/iframe", "https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/img", "https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input", "https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/ins", "https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/isindex", "https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/kbd", "https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/keygen", "https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/label", "https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/legend", "https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/li", "https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/link", "https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/listing", "https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/main", "https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/map", "https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/mark", "https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/marquee", "https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/math", "https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/menu", "https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/menuitem", "https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/meta", "https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/meter", "https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/multicol", "https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/nav", "https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/nextid", "https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/nobr", "https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/noembed", "https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/noframes", "https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/noscript", "https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/object", "https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/ol", "https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/optgroup", "https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/option", "https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/output", "https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/p", "https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/param", "https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/picture", "https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/plaintext", "https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/pre", "https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/progress", "https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/q", "https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/rb", "https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/rp", "https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/rt", "https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/rtc", "https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/ruby", "https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/s", "https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/samp", "https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/script", "https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/search", "https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/section", "https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/select", "https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/slot", "https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/small", "https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/source", "https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/spacer", "https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/span", "https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/strike", "https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/strong", "https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/style", "https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/sub", "https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/summary", "https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/sup", "https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/table", "https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/tbody", "https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/td", "https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/template", "https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/textarea", "https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/tfoot", "https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/th", "https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/thead", "https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/time", "https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/title", "https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/tr", "https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/track", "https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/tt", "https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/u", "https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/ul", "https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/var", "https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/video", "https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/wbr", "https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/xmp", "https://developer.mozilla.org/en-US/docs/Web/SVG/Element", "https://developer.mozilla.org/en-US/docs/Web/SVG/Reference/Element/a", "https://developer.mozilla.org/en-US/docs/Web/SVG/Reference/Element/animate", "https://developer.mozilla.org/en-US/docs/Web/SVG/Reference/Element/animateMotion", "https://developer.mozilla.org/en-US/docs/Web/SVG/Reference/Element/animateTransform", "https://developer.mozilla.org/en-US/docs/Web/SVG/Reference/Element/circle", "https://developer.mozilla.org/en-US/docs/Web/SVG/Reference/Element/clipPath", "https://developer.mozilla.org/en-US/docs/Web/SVG/Reference/Element/defs", "https://developer.mozilla.org/en-US/docs/Web/SVG/Reference/Element/desc", "https://developer.mozilla.org/en-US/docs/Web/SVG/Reference/Element/discard", "https://developer.mozilla.org/en-US/docs/Web/SVG/Reference/Element/ellipse", "https://developer.mozilla.org/en-US/docs/Web/SVG/Reference/Element/feBlend", "https://developer.mozilla.org/en-US/docs/Web/SVG/Reference/Element/feColorMatrix", "https://developer.mozilla.org/en-US/docs/Web/SVG/Reference/Element/feComponentTransfer", "https://developer.mozilla.org/en-US/docs/Web/SVG/Reference/Element/feComposite", "https://developer.mozilla.org/en-US/docs/Web/SVG/Reference/Element/feConvolveMatrix", "https://developer.mozilla.org/en-US/docs/Web/SVG/Reference/Element/feDiffuseLighting", "https://developer.mozilla.org/en-US/docs/Web/SVG/Reference/Element/feDisplacementMap", "https://developer.mozilla.org/en-US/docs/Web/SVG/Reference/Element/feDistantLight", "https://developer.mozilla.org/en-US/docs/Web/SVG/Reference/Element/feDropShadow", "https://developer.mozilla.org/en-US/docs/Web/SVG/Reference/Element/feFlood", "https://developer.mozilla.org/en-US/docs/Web/SVG/Reference/Element/feFuncA", "https://developer.mozilla.org/en-US/docs/Web/SVG/Reference/Element/feFuncB", "https://developer.mozilla.org/en-US/docs/Web/SVG/Reference/Element/feFuncG", "https://developer.mozilla.org/en-US/docs/Web/SVG/Reference/Element/feFuncR", "https://developer.mozilla.org/en-US/docs/Web/SVG/Reference/Element/feGaussianBlur", "https://developer.mozilla.org/en-US/docs/Web/SVG/Reference/Element/feImage", "https://developer.mozilla.org/en-US/docs/Web/SVG/Reference/Element/feMerge", "https://developer.mozilla.org/en-US/docs/Web/SVG/Reference/Element/feMergeNode", "https://developer.mozilla.org/en-US/docs/Web/SVG/Reference/Element/feMorphology", "https://developer.mozilla.org/en-US/docs/Web/SVG/Reference/Element/feOffset", "https://developer.mozilla.org/en-US/docs/Web/SVG/Reference/Element/fePointLight", "https://developer.mozilla.org/en-US/docs/Web/SVG/Reference/Element/feSpecularLighting", "https://developer.mozilla.org/en-US/docs/Web/SVG/Reference/Element/feSpotLight", "https://developer.mozilla.org/en-US/docs/Web/SVG/Reference/Element/feTile", "https://developer.mozilla.org/en-US/docs/Web/SVG/Reference/Element/feTurbulence", "https://developer.mozilla.org/en-US/docs/Web/SVG/Reference/Element/filter", "https://developer.mozilla.org/en-US/docs/Web/SVG/Reference/Element/foreignObject", "https://developer.mozilla.org/en-US/docs/Web/SVG/Reference/Element/g", "https://developer.mozilla.org/en-US/docs/Web/SVG/Reference/Element/image", "https://developer.mozilla.org/en-US/docs/Web/SVG/Reference/Element/line", "https://developer.mozilla.org/en-US/docs/Web/SVG/Reference/Element/linearGradient", "https://developer.mozilla.org/en-US/docs/Web/SVG/Reference/Element/marker", "https://developer.mozilla.org/en-US/docs/Web/SVG/Reference/Element/mask", "https://developer.mozilla.org/en-US/docs/Web/SVG/Reference/Element/metadata", "https://developer.mozilla.org/en-US/docs/Web/SVG/Reference/Element/mpath", "https://developer.mozilla.org/en-US/docs/Web/SVG/Reference/Element/path", "https://developer.mozilla.org/en-US/docs/Web/SVG/Reference/Element/pattern", "https://developer.mozilla.org/en-US/docs/Web/SVG/Reference/Element/polygon", "https://developer.mozilla.org/en-US/docs/Web/SVG/Reference/Element/polyline", "https://developer.mozilla.org/en-US/docs/Web/SVG/Reference/Element/radialGradient", "https://developer.mozilla.org/en-US/docs/Web/SVG/Reference/Element/rect", "https://developer.mozilla.org/en-US/docs/Web/SVG/Reference/Element/script", "https://developer.mozilla.org/en-US/docs/Web/SVG/Reference/Element/set", "https://developer.mozilla.org/en-US/docs/Web/SVG/Reference/Element/stop", "https://developer.mozilla.org/en-US/docs/Web/SVG/Reference/Element/style", "https://developer.mozilla.org/en-US/docs/Web/SVG/Reference/Element/svg", "https://developer.mozilla.org/en-US/docs/Web/SVG/Reference/Element/switch", "https://developer.mozilla.org/en-US/docs/Web/SVG/Reference/Element/symbol", "https://developer.mozilla.org/en-US/docs/Web/SVG/Reference/Element/text", "https://developer.mozilla.org/en-US/docs/Web/SVG/Reference/Element/textPath", "https://developer.mozilla.org/en-US/docs/Web/SVG/Reference/Element/title", "https://developer.mozilla.org/en-US/docs/Web/SVG/Reference/Element/tspan", "https://developer.mozilla.org/en-US/docs/Web/SVG/Reference/Element/use", "https://developer.mozilla.org/en-US/docs/Web/SVG/Reference/Element/view", "https://w3c.github.io/aria/", "https://w3c.github.io/graphics-aria/", "https://www.w3.org/TR/graphics-aria-1.0/", "https://www.w3.org/TR/html-aria/", "https://www.w3.org/TR/wai-aria-1.1/", "https://www.w3.org/TR/wai-aria-1.2/" ], "def": { "#globalAttrs": { "#HTMLGlobalAttrs": { "accesskey": { "type": { "token": "OneCodePointChar", "ordered": true, "unique": true, "number": "zeroOrMore", "separator": "space" } }, "autocapitalize": { "type": { "enum": ["off", "on", "none", "sentences", "words", "characters"], "disallowToSurroundBySpaces": true, "invalidValueDefault": "sentences", "missingValueDefault": "default", "sameStates": { "none": ["off"], "sentences": ["on"] } } }, "autocorrect": { "type": { "enum": ["", "on", "off"], "disallowToSurroundBySpaces": true, "invalidValueDefault": "on", "missingValueDefault": "on", "sameStates": { "on": [""] } } }, "autofocus": { "type": "Boolean" }, "contenteditable": { "type": { "enum": ["", "true", "false", "plaintext-only"], "disallowToSurroundBySpaces": true, "invalidValueDefault": "inherit", "missingValueDefault": "inherit", "sameStates": { "true": [""] } } }, "dir": { "type": { "enum": ["ltr", "rtl", "auto"] } }, "draggable": { "type": { "enum": ["true", "false"], "invalidValueDefault": "auto", "missingValueDefault": "auto" } }, "enterkeyhint": { "type": { "enum": ["enter", "done", "go", "next", "previous", "search", "send"] } }, "headingoffset": { "type": { "type": "integer", "gte": 0, "lte": 8 } }, "headingreset": { "type": "Boolean" }, "hidden": { "type": { "enum": ["", "hidden", "until-found"] } }, "inert": { "type": "Boolean" }, "inputmode": { "type": { "enum": ["none", "text", "tel", "url", "email", "numeric", "decimal", "search"] } }, "is": { "type": "CustomElementName" }, "itemid": { "type": "URL" }, "itemprop": { "type": { "token": "ItemProp", "ordered": false, "unique": true, "separator": "space" } }, "itemref": { "type": { "token": "DOMID", "separator": "space" }, "condition": "[itemscope]" }, "itemscope": { "type": "Boolean" }, "itemtype": { "type": { "token": "AbsoluteURL", "ordered": false, "unique": true, "separator": "space" } }, "lang": { "type": "BCP47" }, "nonce": { "type": "Any" }, "popover": { "type": { "enum": ["", "auto", "manual", "hint"], "disallowToSurroundBySpaces": true, "invalidValueDefault": "manual", "missingValueDefault": "no popover", "sameStates": { "auto": [""] } } }, "spellcheck": { "type": { "enum": ["", "true", "false"], "disallowToSurroundBySpaces": true, "invalidValueDefault": "default", "missingValueDefault": "default", "sameStates": { "true": [""] } } }, "style": { "type": "" }, "tabindex": { "type": "TabIndex" }, "title": { "type": "Any" }, "translate": { "type": { "enum": ["", "yes", "no"], "disallowToSurroundBySpaces": true, "invalidValueDefault": "inherit", "missingValueDefault": "inherit", "sameStates": { "yes": [""] } } }, "writingsuggestions": { "type": { "enum": ["", "true", "false"], "disallowToSurroundBySpaces": true, "invalidValueDefault": "default", "missingValueDefault": "default", "sameStates": { "true": [""] } } }, "class": { "type": "Any" }, "id": { "type": "DOMID" }, "slot": { "type": "NoEmptyAny" }, "xmlns": { "type": "URL", "ineffective": "*" }, "xml:lang": { "type": "BCP47", "deprecated": true }, "xml:space": { "type": { "enum": ["default", "preserve"] }, "defaultValue": "default", "deprecated": true }, "elementtiming": { "type": "NoEmptyAny", "experimental": true } }, "#GlobalEventAttrs": { "onabort": { "type": "FunctionBody" }, "onauxclick": { "type": "FunctionBody" }, "onbeforeinput": { "type": "FunctionBody" }, "onbeforematch": { "type": "FunctionBody" }, "onbeforetoggle": { "type": "FunctionBody" }, "onblur": { "type": "FunctionBody" }, "oncancel": { "type": "FunctionBody" }, "oncanplay": { "type": "FunctionBody" }, "oncanplaythrough": { "type": "FunctionBody" }, "onchange": { "type": "FunctionBody" }, "onclick": { "type": "FunctionBody" }, "onclose": { "type": "FunctionBody" }, "oncommand": { "type": "FunctionBody" }, "oncontextlost": { "type": "FunctionBody" }, "oncompositionstart": { "type": "FunctionBody" }, "oncompositionupdate": { "type": "FunctionBody" }, "oncompositionend": { "type": "FunctionBody" }, "oncontextmenu": { "type": "FunctionBody" }, "oncontextrestored": { "type": "FunctionBody" }, "oncopy": { "type": "FunctionBody" }, "oncuechange": { "type": "FunctionBody" }, "oncut": { "type": "FunctionBody" }, "ondblclick": { "type": "FunctionBody" }, "ondrag": { "type": "FunctionBody" }, "ondragend": { "type": "FunctionBody" }, "ondragenter": { "type": "FunctionBody" }, "ondragleave": { "type": "FunctionBody" }, "ondragover": { "type": "FunctionBody" }, "ondragstart": { "type": "FunctionBody" }, "ondrop": { "type": "FunctionBody" }, "ondurationchange": { "type": "FunctionBody" }, "onemptied": { "type": "FunctionBody" }, "onended": { "type": "FunctionBody" }, "onerror": { "type": "FunctionBody" }, "onfocus": { "type": "FunctionBody" }, "onformdata": { "type": "FunctionBody" }, "onfocusin": { "type": "FunctionBody" }, "onfocusout": { "type": "FunctionBody" }, "oninput": { "type": "FunctionBody" }, "oninvalid": { "type": "FunctionBody" }, "onkeydown": { "type": "FunctionBody" }, "onkeypress": { "type": "FunctionBody" }, "onkeyup": { "type": "FunctionBody" }, "onload": { "type": "FunctionBody" }, "onloadeddata": { "type": "FunctionBody" }, "onloadedmetadata": { "type": "FunctionBody" }, "onloadstart": { "type": "FunctionBody" }, "onmousedown": { "type": "FunctionBody" }, "onmouseenter": { "type": "FunctionBody" }, "onmouseleave": { "type": "FunctionBody" }, "onmousemove": { "type": "FunctionBody" }, "onmouseout": { "type": "FunctionBody" }, "onmouseover": { "type": "FunctionBody" }, "onmouseup": { "type": "FunctionBody" }, "onpaste": { "type": "FunctionBody" }, "onpause": { "type": "FunctionBody" }, "onplay": { "type": "FunctionBody" }, "onplaying": { "type": "FunctionBody" }, "onprogress": { "type": "FunctionBody" }, "onratechange": { "type": "FunctionBody" }, "onreset": { "type": "FunctionBody" }, "onresize": { "type": "FunctionBody" }, "onscroll": { "type": "FunctionBody" }, "onscrollend": { "type": "FunctionBody" }, "onsecuritypolicyviolation": { "type": "FunctionBody" }, "onseeked": { "type": "FunctionBody" }, "onseeking": { "type": "FunctionBody" }, "onselect": { "type": "FunctionBody" }, "onslotchange": { "type": "FunctionBody" }, "onstalled": { "type": "FunctionBody" }, "onsubmit": { "type": "FunctionBody" }, "onsuspend": { "type": "FunctionBody" }, "ontimeupdate": { "type": "FunctionBody" }, "ontoggle": { "type": "FunctionBody" }, "onvolumechange": { "type": "FunctionBody" }, "onwaiting": { "type": "FunctionBody" }, "onunload": { "type": "FunctionBody" }, "onwheel": { "type": "FunctionBody" }, "onanimationstart": { "type": "FunctionBody" }, "onanimationiteration": { "type": "FunctionBody" }, "onanimationend": { "type": "FunctionBody" }, "onanimationcancel": { "type": "FunctionBody" }, "ontransitionrun": { "type": "FunctionBody" }, "ontransitionstart": { "type": "FunctionBody" }, "ontransitionend": { "type": "FunctionBody" }, "ontransitioncancel": { "type": "FunctionBody" }, "onwebkitanimationend": { "type": "FunctionBody", "deprecated": true }, "onwebkitanimationiteration": { "type": "FunctionBody", "deprecated": true }, "onwebkitanimationstart": { "type": "FunctionBody", "deprecated": true }, "onwebkittransitionend": { "type": "FunctionBody", "deprecated": true } }, "#HTMLLinkAndFetchingAttrs": { "href": { "type": "URL" }, "target": { "type": "NavigableTargetNameOrKeyword", "condition": "[href]" }, "download": { "type": "Any", "condition": "[href]" }, "ping": { "type": { "token": "HTTPSchemaURL", "separator": "space" }, "condition": "[href]" }, "rel": { "type": "LinkTypeForAnchorAndAreaElement", "condition": "[href]" }, "hreflang": { "type": "BCP47", "condition": "[href]" }, "type": { "type": "MIMEType", "condition": "[href]" }, "referrerpolicy": { "type": { "enum": [ "", "no-referrer", "no-referrer-when-downgrade", "same-origin", "origin", "strict-origin", "origin-when-cross-origin", "strict-origin-when-cross-origin", "unsafe-url" ] }, "condition": "[href], [src]", "defaultValue": "strict-origin-when-cross-origin" }, "loading": { "type": { "enum": ["lazy", "eager"], "invalidValueDefault": "eager", "missingValueDefault": "eager" } }, "integrity": { "type": "Any" }, "media": { "type": "" }, "crossorigin": { "type": { "enum": ["", "anonymous", "use-credentials"], "invalidValueDefault": "anonymous", "missingValueDefault": "No CORS", "sameStates": { "anonymous": [""] } } }, "fetchpriority": { "type": { "enum": ["high", "low", "auto"], "invalidValueDefault": "auto", "missingValueDefault": "auto" } } }, "#HTMLEmbededAndMediaContentAttrs": { "src": { "type": "URL" }, "preload": { "type": { "enum": ["none", "metadata", "auto"], "invalidValueDefault": "implementation-defined", "missingValueDefault": "implementation-defined" } }, "autoplay": { "type": "Boolean" }, "loop": { "type": "Boolean" }, "muted": { "type": "Boolean" }, "controls": { "type": "Boolean" }, "height": { "type": "Uint" }, "srcset": { "type": "Srcset" }, "sizes": { "type": "SourceSizeList" }, "width": { "type": "Uint" } }, "#HTMLFormControlElementAttrs": { "autocomplete": { "type": "AutoComplete" }, "dirname": { "type": "NoEmptyAny" }, "disabled": { "type": "Boolean" }, "form": { "type": "DOMID" }, "formaction": { "type": "URL" }, "formenctype": { "type": { "enum": ["application/x-www-form-urlencoded", "multipart/form-data", "text/plain"], "invalidValueDefault": "application/x-www-form-urlencoded" } }, "formmethod": { "type": { "enum": ["post", "get", "dialog"], "invalidValueDefault": "get" } }, "formnovalidate": { "type": "Boolean" }, "formtarget": { "type": "NavigableTargetNameOrKeyword" }, "name": { "type": "NoEmptyAny" }, "maxlength": { "type": "Uint" }, "minlength": { "type": "Uint" }, "readonly": { "type": "Boolean" }, "required": { "type": "Boolean" } }, "#HTMLTableCellElementAttrs": { "colspan": { "type": { "type": "integer", "gt": 0, "lte": 1000 } }, "rowspan": { "type": { "type": "integer", "gt": 0, "lte": 65534 } }, "headers": { "type": { "token": "DOMID", "ordered": false, "unique": true, "separator": "space" } } }, "#ARIAAttrs": { "role": { "type": { "token": "NoEmptyAny", "separator": "space" } } }, "#SVGAnimationAdditionAttrs": { "additive": { "type": { "enum": ["replace", "sum"] }, "defaultValue": "replace" }, "accumulate": { "type": { "enum": ["none", "sum"] }, "defaultValue": "none" } }, "#SVGAnimationAttributeTargetAttrs": { "attributeName": { "type": "XMLName" }, "attributeType": { "type": { "enum": ["CSS", "XML", "auto"] }, "defaultValue": "auto", "noUse": true } }, "#SVGAnimationEventAttrs": { "onbegin": { "type": "FunctionBody" }, "onend": { "type": "FunctionBody" }, "onrepeat": { "type": "FunctionBody" } }, "#SVGAnimationTargetElementAttrs": { "href": { "type": "URL" }, "xlink:href": { "type": "URL", "deprecated": true } }, "#SVGAnimationTimingAttrs": { "begin": { "type": "", "defaultValue": "0s" }, "dur": { "type": [ "", { "enum": ["media", "indefinite"] } ], "defaultValue": "indefinite" }, "end": { "type": "" }, "min": { "type": "", "defaultValue": "0s" }, "max": { "type": "" }, "restart": { "type": { "enum": ["always", "whenNotActive", "never"] }, "defaultValue": "always" }, "repeatCount": { "type": [ "", { "enum": ["indefinite"] } ] }, "repeatDur": { "type": [ "", { "enum": ["indefinite"] } ] }, "fill": { "type": { "enum": ["freeze", "remove"] }, "defaultValue": "remove" } }, "#SVGAnimationValueAttrs": { "calcMode": { "type": { "enum": ["discrete", "linear", "paced", "spline"] }, "defaultValue": "linear" }, "values": { "type": "" }, "keyTimes": { "type": "" }, "keySplines": { "type": "" }, "from": { "type": "" }, "to": { "type": "" }, "by": { "type": "" }, "accelerate": { "type": "", "defaultValue": "0" }, "decelerate": { "type": "", "defaultValue": "0" }, "autoReverse": { "type": { "enum": ["true", "false"] }, "defaultValue": "false" }, "speed": { "type": "" } }, "#SVGConditionalProcessingAttrs": { "requiredExtensions": { "type": { "token": "URL", "unique": true, "separator": "space" } }, "systemLanguage": { "type": { "token": "BCP47", "unique": true, "separator": "comma" } }, "requiredFeatures": { "type": "", "deprecated": true } }, "#SVGCoreAttrs": { "id": { "type": "DOMID" }, "tabindex": { "type": "TabIndex" }, "autofocus": { "type": "Boolean" }, "lang": { "type": "BCP47" }, "class": { "type": "Any" }, "style": { "type": "" }, "xmlns": { "type": "URL", "ineffective": ":not(:root)" }, "xml:space": { "type": { "enum": ["default", "preserve"] }, "defaultValue": "default", "deprecated": true }, "xml:lang": { "type": "BCP47", "deprecated": true }, "xml:base": { "type": "URL", "deprecated": true } }, "#SVGFilterPrimitiveAttrs": { "x": { "type": ["", ""], "defaultValue": "0%", "animatable": true }, "y": { "type": ["", ""], "defaultValue": "0%", "animatable": true }, "width": { "type": ["", ""], "defaultValue": "100%", "animatable": true }, "height": { "type": ["", ""], "defaultValue": "100%", "animatable": true }, "result": { "type": "" }, "in": { "type": [ { "enum": [ "SourceGraphic", "SourceAlpha", "BackgroundImage", "BackgroundAlpha", "FillPaint", "StrokePaint" ], "disallowToSurroundBySpaces": false }, "" ], "animatable": true } }, "#SVGPresentationAttrs": { "cx": { "type": ["", ""], "defaultValue": "0", "animatable": true }, "cy": { "type": ["", ""], "defaultValue": "0", "animatable": true }, "height": { "type": ["", "<'height'>"], "defaultValue": "auto", "animatable": true }, "width": { "type": ["", "<'width'>"], "defaultValue": "auto", "animatable": true }, "x": { "type": ["", ""], "defaultValue": "0", "animatable": true }, "y": { "type": ["", ""], "defaultValue": "0", "animatable": true }, "r": { "type": ["", ""], "defaultValue": "0", "animatable": true }, "rx": { "type": [ "", "", { "enum": ["auto"] } ], "defaultValue": "auto", "animatable": true }, "ry": { "type": [ "", "", { "enum": ["auto"] } ], "defaultValue": "auto", "animatable": true }, "d": { "type": "", "defaultValue": "none" }, "transform": { "type": "<'transform'>", "defaultValue": "none", "animatable": true }, "transform-origin": { "type": "<'transform-origin'>", "defaultValue": "50%, 50%", "animatable": true }, "patternTransform": { "type": "", "animatable": true }, "gradientTransform": { "type": "", "animatable": true }, "alignment-baseline": { "type": "<'alignment-baseline'>", "defaultValue": "auto", "animatable": true }, "baseline-shift": { "type": "<'baseline-shift'>", "defaultValue": "0", "animatable": true }, "clip-path": { "type": "<'clip-path'>", "defaultValue": "none", "animatable": true }, "clip-rule": { "type": "<'clip-rule'>", "defaultValue": "nonzero", "animatable": true }, "color": { "type": "", "animatable": true }, "color-interpolation": { "type": { "enum": ["auto", "sRGB", "linearRGB"], "disallowToSurroundBySpaces": false }, "defaultValue": "sRGB", "animatable": true }, "color-interpolation-filters": { "type": { "enum": ["auto", "sRGB", "linearRGB"], "disallowToSurroundBySpaces": false }, "defaultValue": "linearRGB", "animatable": true }, "cursor": { "type": "<'cursor'>", "defaultValue": "auto", "animatable": true }, "direction": { "type": "<'direction'>", "defaultValue": "ltr" }, "display": { "type": "<'display'>", "defaultValue": "inline" }, "dominant-baseline": { "type": "<'dominant-baseline'>", "defaultValue": "auto", "animatable": true }, "fill": { "type": "<'fill'>", "defaultValue": "black", "animatable": true }, "fill-opacity": { "type": "<'fill-opacity'>", "defaultValue": "1", "animatable": true }, "fill-rule": { "type": "<'fill-rule'>", "defaultValue": "nonzero", "animatable": true }, "filter": { "type": "<'filter'>", "defaultValue": "none", "animatable": true }, "flood-color": { "type": "", "defaultValue": "black", "animatable": true }, "flood-opacity": { "type": "", "defaultValue": "1", "animatable": true }, "font": { "type": "<'font'>", "animatable": true }, "font-family": { "type": "<'font-family'>", "animatable": true }, "font-size": { "type": "", "defaultValue": "medium", "animatable": true }, "font-size-adjust": { "type": "", "defaultValue": "none", "animatable": true }, "font-stretch": { "type": "<'font-stretch'>", "defaultValue": "normal", "animatable": true }, "font-style": { "type": "<'font-style'>", "defaultValue": "normal", "animatable": true }, "font-variant": { "type": "<'font-variant'>", "defaultValue": "normal", "animatable": true }, "font-weight": { "type": "<'font-weight'>", "defaultValue": "normal", "animatable": true }, "glyph-orientation-horizontal": { "type": "<'glyph-orientation-horizontal'>", "defaultValue": "0deg", "deprecated": true }, "glyph-orientation-vertical": { "type": "<'glyph-orientation-vertical'>", "deprecated": true }, "image-rendering": { "type": "<'image-rendering'>", "defaultValue": "auto", "animatable": true }, "isolation": { "type": "<'isolation'>", "defaultValue": "auto" }, "letter-spacing": { "type": "<'letter-spacing'>", "defaultValue": "normal", "animatable": true }, "lighting-color": { "type": "", "defaultValue": "white", "animatable": true }, "marker": { "type": "<'marker'>", "animatable": true }, "marker-end": { "type": "<'marker-end'>", "defaultValue": "none", "animatable": true }, "marker-mid": { "type": "<'marker-mid'>", "defaultValue": "none", "animatable": true }, "marker-start": { "type": "<'marker-start'>", "defaultValue": "none", "animatable": true }, "mask": { "type": "<'mask'>", "animatable": true }, "mask-type": { "type": "<'mask-type'>", "animatable": true }, "opacity": { "type": "", "defaultValue": "1", "animatable": true }, "overflow": { "type": "<'overflow'>", "defaultValue": "visible", "animatable": true }, "paint-order": { "type": "<'paint-order'>", "defaultValue": "normal", "animatable": true }, "pointer-events": { "type": "<'pointer-events'>", "defaultValue": "auto", "animatable": true }, "shape-rendering": { "type": "<'shape-rendering'>", "defaultValue": "auto", "animatable": true }, "stop-color": { "type": "<'color'>", "defaultValue": "black", "animatable": true }, "stop-opacity": { "type": "<'opacity'>", "defaultValue": "1", "animatable": true }, "stroke": { "type": "<'stroke'>", "defaultValue": "none", "animatable": true }, "stroke-dasharray": { "type": "<'stroke-dasharray'>", "defaultValue": "none", "animatable": true }, "stroke-dashoffset": { "type": "<'stroke-dashoffset'>", "defaultValue": "0", "animatable": true }, "stroke-linecap": { "type": "<'stroke-linecap'>", "defaultValue": "butt", "animatable": true }, "stroke-linejoin": { "type": "<'stroke-linejoin'>", "defaultValue": "miter", "animatable": true }, "stroke-miterlimit": { "type": "<'stroke-miterlimit'>", "defaultValue": "4", "animatable": true }, "stroke-opacity": { "type": "<'stroke-opacity'>", "defaultValue": "1", "animatable": true }, "stroke-width": { "type": "<'stroke-width'>", "defaultValue": "1px", "animatable": true }, "text-anchor": { "type": "<'text-anchor'>", "defaultValue": "start", "animatable": true }, "text-decoration": { "type": "<'text-decoration'>", "animatable": true }, "text-overflow": { "type": "<'text-overflow'>", "animatable": true }, "text-rendering": { "type": "<'text-rendering'>", "defaultValue": "auto", "animatable": true }, "unicode-bidi": { "type": "<'unicode-bidi'>", "defaultValue": "normal" }, "vector-effect": { "type": { "enum": ["none", "non-scaling-stroke", "non-scaling-size", "non-rotation", "fixed-position"] }, "defaultValue": "none", "animatable": true }, "visibility": { "type": "<'visibility'>", "defaultValue": "visible", "animatable": true }, "white-space": { "type": "<'white-space'>", "defaultValue": "normal", "animatable": true }, "word-spacing": { "type": "<'word-spacing'>", "defaultValue": "normal", "animatable": true }, "writing-mode": { "type": "<'writing-mode'>", "defaultValue": "horizontal-tb" }, "clip": { "type": "<'clip'>", "defaultValue": "auto", "animatable": true, "deprecated": true }, "color-profile": { "type": "<'color-profile'>", "defaultValue": "auto", "animatable": true, "deprecated": true }, "color-rendering": { "type": "<'color-rendering'>", "defaultValue": "auto", "animatable": true, "deprecated": true }, "enable-background": { "type": "<'enable-background'>", "defaultValue": "accumulate", "deprecated": true }, "kerning": { "type": "<'kerning'>", "defaultValue": "auto", "animatable": true, "deprecated": true } }, "#SVGTransferFunctionAttrs": { "type": { "type": { "enum": ["identity", "table", "discrete", "linear", "gamma"] }, "defaultValue": "identity", "animatable": true }, "tableValues": { "type": "", "animatable": true }, "slope": { "type": "", "defaultValue": "1", "animatable": true }, "intercept": { "type": "", "defaultValue": "0", "animatable": true }, "amplitude": { "type": "", "defaultValue": "1", "animatable": true }, "exponent": { "type": "", "defaultValue": "1", "animatable": true }, "offset": { "type": "", "defaultValue": "0", "animatable": true } }, "#XLinkAttrs": { "xlink:href": { "type": "URL", "deprecated": true }, "xlink:title": { "type": "Any", "deprecated": true }, "xlink:type": { "type": { "enum": ["simple"] }, "defaultValue": "simple", "deprecated": true }, "xlink:role": { "type": "Any", "deprecated": true }, "xlink:arcrole": { "type": "URL", "deprecated": true }, "xlink:show": { "type": { "enum": ["new", "replace", "embed", "other", "none"] }, "defaultValue": "replace", "deprecated": true }, "xlink:actuate": { "type": "Any", "deprecated": true } } }, "#aria": { "1.3": { "roles": [ { "name": "alert", "description": "A type of live region with important, and usually time-sensitive, information. See related alertdialog and status.\n\nAlerts are used to convey messages that will be immediately important to users. In the case of audio warnings, visibly displayed alerts provide an accessible alternative to audible alerts for Deaf or hard-of-hearing users. Likewise, alerts can provide an accessible alternative to the visible alerts for blind, deaf-blind, or low-vision users, and others with certain developmental disabilities. The alert role is applied to the element containing the alert message.\n\nAlert is a special type of assertive live region that is intended to cause immediate notification for assistive technology users. If the operating system allows, the user agent SHOULD fire a system alert event through the accessibility API when the alert is rendered.\n\nNeither authors nor user agents are required to set or manage focus to an alert in order for it to be processed. Since alerts are not required to receive focus, authors SHOULD NOT require users to close an alert. If an author desires focus to move to a message when it is conveyed, the author SHOULD use alertdialog instead of alert.\n\nElements with the role alert have an implicit aria-live value of assertive, and an implicit aria-atomic value of true.", "generalization": ["section"], "requiredContextRole": [], "requiredOwnedElements": [], "accessibleNameRequired": false, "accessibleNameFromAuthor": true, "accessibleNameFromContent": false, "accessibleNameProhibited": false, "ownedProperties": [ { "name": "aria-atomic", "inherited": true }, { "name": "aria-braillelabel", "inherited": true }, { "name": "aria-brailleroledescription", "inherited": true }, { "name": "aria-busy", "inherited": true }, { "name": "aria-controls", "inherited": true }, { "name": "aria-current", "inherited": true }, { "name": "aria-describedby", "inherited": true }, { "name": "aria-description", "inherited": true }, { "name": "aria-details", "inherited": true }, { "name": "aria-disabled", "deprecated": true, "inherited": true }, { "name": "aria-dropeffect", "inherited": true }, { "name": "aria-errormessage", "deprecated": true, "inherited": true }, { "name": "aria-flowto", "inherited": true }, { "name": "aria-grabbed", "inherited": true }, { "name": "aria-haspopup", "deprecated": true, "inherited": true }, { "name": "aria-hidden", "inherited": true }, { "name": "aria-invalid", "deprecated": true, "inherited": true }, { "name": "aria-keyshortcuts", "inherited": true }, { "name": "aria-label", "inherited": true }, { "name": "aria-labelledby", "inherited": true }, { "name": "aria-live", "inherited": true }, { "name": "aria-owns", "inherited": true }, { "name": "aria-relevant", "inherited": true }, { "name": "aria-roledescription", "inherited": true } ], "prohibitedProperties": [] }, { "name": "alertdialog", "description": "A type of dialog that contains an alert message, where initial focus goes to an element within the dialog. See related alert and dialog.\n\nAlert dialogs are used to convey messages to alert the user. The alertdialog role goes on the node containing both the alert message and the rest of the dialog. Authors SHOULD make alert dialogs modal by ensuring that, while the alertdialog is shown, keyboard and mouse interactions only operate within the dialog. See aria-modal.\n\nAlertdialog is a special type of dialog that is intended to cause an immediate, alert-level notification for assistive technology users. If the operating system allows, the user agent SHOULD fire a system alert event through the accessibility API when the alert dialog is rendered.\n\nUnlike alert, alertdialog can receive a response from the user. For example, to confirm that the user understands the alert being generated. When the alert dialog is displayed, authors SHOULD set focus to an active element within the alert dialog, such as a form control or confirmation button. The user agent SHOULD fire a system alert event through the accessibility API when the alert is created, provided one is specified by the intended accessibility API.\n\nAuthors SHOULD provide an accessible name for an alertdialog, which can be done with the aria-label or aria-labelledby attribute.\n\nAuthors SHOULD use aria-describedby on an alertdialog to reference the alert message element in the dialog. If they do not, an assistive technology can resort to its internal recovery mechanism to determine the contents of the alert message.", "generalization": ["alert", "dialog"], "requiredContextRole": [], "requiredOwnedElements": [], "accessibleNameRequired": false, "accessibleNameFromAuthor": true, "accessibleNameFromContent": false, "accessibleNameProhibited": false, "ownedProperties": [ { "name": "aria-atomic", "inherited": true }, { "name": "aria-braillelabel", "inherited": true }, { "name": "aria-brailleroledescription", "inherited": true }, { "name": "aria-busy", "inherited": true }, { "name": "aria-controls", "inherited": true }, { "name": "aria-current", "inherited": true }, { "name": "aria-describedby", "inherited": true }, { "name": "aria-description", "inherited": true }, { "name": "aria-details", "inherited": true }, { "name": "aria-disabled", "deprecated": true, "inherited": true }, { "name": "aria-dropeffect", "inherited": true }, { "name": "aria-errormessage", "deprecated": true, "inherited": true }, { "name": "aria-flowto", "inherited": true }, { "name": "aria-grabbed", "inherited": true }, { "name": "aria-haspopup", "deprecated": true, "inherited": true }, { "name": "aria-hidden", "inherited": true }, { "name": "aria-invalid", "deprecated": true, "inherited": true }, { "name": "aria-keyshortcuts", "inherited": true }, { "name": "aria-label", "inherited": true }, { "name": "aria-labelledby", "inherited": true }, { "name": "aria-live", "inherited": true }, { "name": "aria-modal", "inherited": true }, { "name": "aria-owns", "inherited": true }, { "name": "aria-relevant", "inherited": true }, { "name": "aria-roledescription", "inherited": true } ], "prohibitedProperties": [] }, { "name": "application", "description": "A structure containing one or more focusable elements requiring user input, such as keyboard or gesture events, that do not follow a standard interaction pattern supported by a widget role.\n\nSome user agents and assistive technologies have a browse mode where standard input events, such as up and down arrow key events, are intercepted and used to control a reading cursor. This browse mode behavior prevents elements that do not have a widget role from receiving and using such keyboard and gesture events to provide interactive functionality.\n\nWhen there is a need to create an element with an interaction model that is not supported by any of the WAI-ARIA widget roles, authors MAY give that element role application. And, when a user navigates into an element with role application, assistive technologies that intercept standard input events SHOULD switch to a mode that passes most or all standard input events through to the web application.\n\nFor example, a presentation slide editor uses arrow keys to change the positions of textbox and image elements on the slide. There are not any WAI-ARIA widget roles that correspond to such an interaction model so an author could give the slide container role application, an aria-roledescription of \"Slide Editor\", and use aria-describedby to provide instructions.\n\nBecause only the focusable elements contained in an application element are accessible to users of some assistive technologies, authors MUST use one of the following techniques to ensure all non-decorative static text or image content inside an application is accessible:", "generalization": ["structure"], "requiredContextRole": [], "requiredOwnedElements": [], "accessibleNameRequired": true, "accessibleNameFromAuthor": true, "accessibleNameFromContent": false, "accessibleNameProhibited": false, "ownedProperties": [ { "name": "aria-activedescendant" }, { "name": "aria-atomic", "inherited": true }, { "name": "aria-braillelabel", "inherited": true }, { "name": "aria-brailleroledescription", "inherited": true }, { "name": "aria-busy", "inherited": true }, { "name": "aria-controls", "inherited": true }, { "name": "aria-current", "inherited": true }, { "name": "aria-describedby", "inherited": true }, { "name": "aria-description", "inherited": true }, { "name": "aria-details", "inherited": true }, { "name": "aria-disabled" }, { "name": "aria-dropeffect", "inherited": true }, { "name": "aria-errormessage" }, { "name": "aria-expanded" }, { "name": "aria-flowto", "inherited": true }, { "name": "aria-grabbed", "inherited": true }, { "name": "aria-haspopup" }, { "name": "aria-hidden", "inherited": true }, { "name": "aria-invalid" }, { "name": "aria-keyshortcuts", "inherited": true }, { "name": "aria-label", "inherited": true }, { "name": "aria-labelledby", "inherited": true }, { "name": "aria-live", "inherited": true }, { "name": "aria-owns", "inherited": true }, { "name": "aria-relevant", "inherited": true }, { "name": "aria-roledescription", "inherited": true } ], "prohibitedProperties": [] }, { "name": "article", "description": "A section of a page that consists of a composition that forms an independent part of a document, page, or site.\n\nAn article is not a navigational landmark, but can be nested to form a discussion where assistive technologies could pay attention to article nesting to assist the user in following the discussion. An article could be a forum post, a magazine or newspaper article, a web log entry, a user-submitted comment, or any other independent item of content. It is independent in that its contents could stand alone, for example in syndication. However, the element is still associated with its ancestors; for instance, contact information that applies to a parent body element still covers the article as well. When nesting articles, the child articles represent content that is related to the content of the parent article. For instance, a web log entry on a site that accepts user-submitted comments could represent the comments as articles nested within the article for the web log entry. Author, heading, date, or other information associated with an article does not apply to nested articles.\n\nWhen the user navigates to an element assigned the role of article, assistive technologies that typically intercept standard keyboard events SHOULD switch to document browsing mode, as opposed to passing keyboard events through to the web application. Some assistive technologies provide a feature allowing the user to navigate the hierarchy of any nested article elements.\n\nWhen an article is in the context of a feed, the author MAY specify values for aria-posinset and aria-setsize.", "generalization": ["document"], "requiredContextRole": [], "requiredOwnedElements": [], "accessibleNameRequired": false, "accessibleNameFromAuthor": true, "accessibleNameFromContent": false, "accessibleNameProhibited": false, "ownedProperties": [ { "name": "aria-atomic", "inherited": true }, { "name": "aria-braillelabel", "inherited": true }, { "name": "aria-brailleroledescription", "inherited": true }, { "name": "aria-busy", "inherited": true }, { "name": "aria-controls", "inherited": true }, { "name": "aria-current", "inherited": true }, { "name": "aria-describedby", "inherited": true }, { "name": "aria-description", "inherited": true }, { "name": "aria-details", "inherited": true }, { "name": "aria-disabled", "deprecated": true, "inherited": true }, { "name": "aria-dropeffect", "inherited": true }, { "name": "aria-errormessage", "deprecated": true, "inherited": true }, { "name": "aria-flowto", "inherited": true }, { "name": "aria-grabbed", "inherited": true }, { "name": "aria-haspopup", "deprecated": true, "inherited": true }, { "name": "aria-hidden", "inherited": true }, { "name": "aria-invalid", "deprecated": true, "inherited": true }, { "name": "aria-keyshortcuts", "inherited": true }, { "name": "aria-label", "inherited": true }, { "name": "aria-labelledby", "inherited": true }, { "name": "aria-live", "inherited": true }, { "name": "aria-owns", "inherited": true }, { "name": "aria-posinset" }, { "name": "aria-relevant", "inherited": true }, { "name": "aria-roledescription", "inherited": true }, { "name": "aria-setsize" } ], "prohibitedProperties": [] }, { "name": "banner", "description": "A landmark that contains mostly site-oriented content, rather than page-specific content.\n\nSite-oriented content typically includes things such as the logo or identity of the site sponsor, and a site-specific search tool. A banner usually appears at the top of the page and typically spans the full width.\n\nAssistive technologies SHOULD enable users to quickly navigate to elements with role banner. user agents SHOULD treat elements with role banner as navigational landmarks. user agents MAY enable users to quickly navigate to elements with role banner.\n\nThe author SHOULD mark no more than one element on a page with the banner role.\n\nBecause document and application elements can be nested in the DOM, they can have multiple banner elements as DOM descendants, assuming each of those is associated with different document nodes, either by a DOM nesting (e.g., document within document) or by use of the aria-owns attribute.", "generalization": ["landmark"], "requiredContextRole": [], "requiredOwnedElements": [], "accessibleNameRequired": false, "accessibleNameFromAuthor": true, "accessibleNameFromContent": false, "accessibleNameProhibited": false, "ownedProperties": [ { "name": "aria-atomic", "inherited": true }, { "name": "aria-braillelabel", "inherited": true }, { "name": "aria-brailleroledescription", "inherited": true }, { "name": "aria-busy", "inherited": true }, { "name": "aria-controls", "inherited": true }, { "name": "aria-current", "inherited": true }, { "name": "aria-describedby", "inherited": true }, { "name": "aria-description", "inherited": true }, { "name": "aria-details", "inherited": true }, { "name": "aria-disabled", "deprecated": true, "inherited": true }, { "name": "aria-dropeffect", "inherited": true }, { "name": "aria-errormessage", "deprecated": true, "inherited": true }, { "name": "aria-flowto", "inherited": true }, { "name": "aria-grabbed", "inherited": true }, { "name": "aria-haspopup", "deprecated": true, "inherited": true }, { "name": "aria-hidden", "inherited": true }, { "name": "aria-invalid", "deprecated": true, "inherited": true }, { "name": "aria-keyshortcuts", "inherited": true }, { "name": "aria-label", "inherited": true }, { "name": "aria-labelledby", "inherited": true }, { "name": "aria-live", "inherited": true }, { "name": "aria-owns", "inherited": true }, { "name": "aria-relevant", "inherited": true }, { "name": "aria-roledescription", "inherited": true } ], "prohibitedProperties": [] }, { "name": "blockquote", "description": "A section of content that is quoted from another source.", "generalization": ["section"], "requiredContextRole": [], "requiredOwnedElements": [], "accessibleNameRequired": false, "accessibleNameFromAuthor": true, "accessibleNameFromContent": false, "accessibleNameProhibited": false, "ownedProperties": [ { "name": "aria-atomic", "inherited": true }, { "name": "aria-braillelabel", "inherited": true }, { "name": "aria-brailleroledescription", "inherited": true }, { "name": "aria-busy", "inherited": true }, { "name": "aria-controls", "inherited": true }, { "name": "aria-current", "inherited": true }, { "name": "aria-describedby", "inherited": true }, { "name": "aria-description", "inherited": true }, { "name": "aria-details", "inherited": true }, { "name": "aria-disabled", "deprecated": true, "inherited": true }, { "name": "aria-dropeffect", "inherited": true }, { "name": "aria-errormessage", "deprecated": true, "inherited": true }, { "name": "aria-flowto", "inherited": true }, { "name": "aria-grabbed", "inherited": true }, { "name": "aria-haspopup", "deprecated": true, "inherited": true }, { "name": "aria-hidden", "inherited": true }, { "name": "aria-invalid", "deprecated": true, "inherited": true }, { "name": "aria-keyshortcuts", "inherited": true }, { "name": "aria-label", "inherited": true }, { "name": "aria-labelledby", "inherited": true }, { "name": "aria-live", "inherited": true }, { "name": "aria-owns", "inherited": true }, { "name": "aria-relevant", "inherited": true }, { "name": "aria-roledescription", "inherited": true } ], "prohibitedProperties": [] }, { "name": "button", "description": "An input that allows for user-triggered actions when clicked or pressed. See related link.\n\nButtons are mostly used for discrete actions. Standardizing the appearance of buttons enhances the user's recognition of the widgets as buttons and allows for a more compact display in toolbars.\n\nButtons support the optional attribute aria-pressed. Buttons with a non-empty aria-pressed attribute are toggle buttons. When aria-pressed is true the button is in a \"pressed\" state, when aria-pressed is false it is not pressed. If the attribute is not present, the button is a simple command button.", "generalization": ["command"], "requiredContextRole": [], "requiredOwnedElements": [], "accessibleNameRequired": true, "accessibleNameFromAuthor": true, "accessibleNameFromContent": true, "accessibleNameProhibited": false, "childrenPresentational": true, "ownedProperties": [ { "name": "aria-atomic", "inherited": true }, { "name": "aria-braillelabel", "inherited": true }, { "name": "aria-brailleroledescription", "inherited": true }, { "name": "aria-busy", "inherited": true }, { "name": "aria-controls", "inherited": true }, { "name": "aria-current", "inherited": true }, { "name": "aria-describedby", "inherited": true }, { "name": "aria-description", "inherited": true }, { "name": "aria-details", "inherited": true }, { "name": "aria-disabled" }, { "name": "aria-dropeffect", "inherited": true }, { "name": "aria-errormessage", "deprecated": true, "inherited": true }, { "name": "aria-expanded" }, { "name": "aria-flowto", "inherited": true }, { "name": "aria-grabbed", "inherited": true }, { "name": "aria-haspopup" }, { "name": "aria-hidden", "inherited": true }, { "name": "aria-invalid", "deprecated": true, "inherited": true }, { "name": "aria-keyshortcuts", "inherited": true }, { "name": "aria-label", "inherited": true }, { "name": "aria-labelledby", "inherited": true }, { "name": "aria-live", "inherited": true }, { "name": "aria-owns", "inherited": true }, { "name": "aria-pressed" }, { "name": "aria-relevant", "inherited": true }, { "name": "aria-roledescription", "inherited": true } ], "prohibitedProperties": [] }, { "name": "caption", "description": "Visible content that names, or describes a figure, grid, group, radiogroup, table or treegrid.\n\nWhen using caption authors SHOULD ensure:\n\nIf the caption represents an accessible name for its containing element, authors SHOULD specify aria-labelledby on the containing element to reference the element with role caption.\n\nIf a caption contains content that serves as both a name and description for its containing element, authors MAY instead specify aria-labelledby to reference an element within the caption that represents the \"name\" of the containing element, and specify aria-describedby to reference an element within the caption that represents the descriptive content.\n\nIf the caption represents a long-form description, or if the description contains semantic elements which are important in understanding the description, authors MAY instead specify aria-labelledby to reference an element within the caption that represents the \"name\" of the containing element, and specify aria-details to reference an element within the caption that represents the descriptive content.\n\nIf a caption contains only a description, without a suitable text string to serve as the accessible name for its containing element, then aria-label or aria-labelledby MAY be used to provide an accessible name, and the caption MAY be treated solely as descriptive content, referenced via aria-details.", "generalization": ["section"], "requiredContextRole": ["figure", "grid", "group", "radiogroup", "table", "treegrid"], "requiredOwnedElements": [], "accessibleNameRequired": false, "accessibleNameFromAuthor": false, "accessibleNameFromContent": false, "accessibleNameProhibited": true, "ownedProperties": [ { "name": "aria-atomic", "inherited": true }, { "name": "aria-brailleroledescription", "inherited": true }, { "name": "aria-busy", "inherited": true }, { "name": "aria-controls", "inherited": true }, { "name": "aria-current", "inherited": true }, { "name": "aria-describedby", "inherited": true }, { "name": "aria-description", "inherited": true }, { "name": "aria-details", "inherited": true }, { "name": "aria-disabled", "deprecated": true, "inherited": true }, { "name": "aria-dropeffect", "inherited": true }, { "name": "aria-errormessage", "deprecated": true, "inherited": true }, { "name": "aria-flowto", "inherited": true }, { "name": "aria-grabbed", "inherited": true }, { "name": "aria-haspopup", "deprecated": true, "inherited": true }, { "name": "aria-hidden", "inherited": true }, { "name": "aria-invalid", "deprecated": true, "inherited": true }, { "name": "aria-keyshortcuts", "inherited": true }, { "name": "aria-live", "inherited": true }, { "name": "aria-owns", "inherited": true }, { "name": "aria-relevant", "inherited": true }, { "name": "aria-roledescription", "inherited": true } ], "prohibitedProperties": ["aria-braillelabel", "aria-label", "aria-labelledby"] }, { "name": "cell", "description": "A cell in a tabular container. See related gridcell.\n\nAuthors MUST ensure elements with role cell are the accessibility children of an element with the role row.", "generalization": ["section"], "requiredContextRole": ["row"], "requiredOwnedElements": [], "accessibleNameRequired": false, "accessibleNameFromAuthor": true, "accessibleNameFromContent": true, "accessibleNameProhibited": false, "ownedProperties": [ { "name": "aria-atomic", "inherited": true }, { "name": "aria-braillelabel", "inherited": true }, { "name": "aria-brailleroledescription", "inherited": true }, { "name": "aria-busy", "inherited": true }, { "name": "aria-colindex" }, { "name": "aria-colindextext" }, { "name": "aria-colspan" }, { "name": "aria-controls", "inherited": true }, { "name": "aria-current", "inherited": true }, { "name": "aria-describedby", "inherited": true }, { "name": "aria-description", "inherited": true }, { "name": "aria-details", "inherited": true }, { "name": "aria-disabled", "deprecated": true, "inherited": true }, { "name": "aria-dropeffect", "inherited": true }, { "name": "aria-errormessage", "deprecated": true, "inherited": true }, { "name": "aria-flowto", "inherited": true }, { "name": "aria-grabbed", "inherited": true }, { "name": "aria-haspopup", "deprecated": true, "inherited": true }, { "name": "aria-hidden", "inherited": true }, { "name": "aria-invalid", "deprecated": true, "inherited": true }, { "name": "aria-keyshortcuts", "inherited": true }, { "name": "aria-label", "inherited": true }, { "name": "aria-labelledby", "inherited": true }, { "name": "aria-live", "inherited": true }, { "name": "aria-owns", "inherited": true }, { "name": "aria-relevant", "inherited": true }, { "name": "aria-roledescription", "inherited": true }, { "name": "aria-rowindex" }, { "name": "aria-rowindextext" }, { "name": "aria-rowspan" } ], "prohibitedProperties": [] }, { "name": "checkbox", "description": "A checkable input that has three possible values: true, false, or mixed.\n\nThe aria-checked attribute of a checkbox indicates whether the input is checked (true), unchecked (false), or represents a group of elements that have a mixture of checked and unchecked values (mixed). Many checkboxes do not use the mixed value, and thus are effectively boolean checkboxes.\n\nDue to the strong native semantics of HTML's native checkbox, authors are advised against using aria-checked on an input type=checkbox. Rather, use the native checked attribute or the indeterminate IDL attribute to specify the checkbox's \"checked\" or \"mixed\" state, respectively.", "generalization": ["input"], "requiredContextRole": [], "requiredOwnedElements": [], "accessibleNameRequired": true, "accessibleNameFromAuthor": true, "accessibleNameFromContent": true, "accessibleNameProhibited": false, "childrenPresentational": true, "ownedProperties": [ { "name": "aria-atomic", "inherited": true }, { "name": "aria-braillelabel", "inherited": true }, { "name": "aria-brailleroledescription", "inherited": true }, { "name": "aria-busy", "inherited": true }, { "name": "aria-checked", "required": true }, { "name": "aria-controls", "inherited": true }, { "name": "aria-current", "inherited": true }, { "name": "aria-describedby", "inherited": true }, { "name": "aria-description", "inherited": true }, { "name": "aria-details", "inherited": true }, { "name": "aria-disabled", "inherited": true }, { "name": "aria-dropeffect", "inherited": true }, { "name": "aria-errormessage" }, { "name": "aria-expanded" }, { "name": "aria-flowto", "inherited": true }, { "name": "aria-grabbed", "inherited": true }, { "name": "aria-haspopup", "deprecated": true, "inherited": true }, { "name": "aria-hidden", "inherited": true }, { "name": "aria-invalid" }, { "name": "aria-keyshortcuts", "inherited": true }, { "name": "aria-label", "inherited": true }, { "name": "aria-labelledby", "inherited": true }, { "name": "aria-live", "inherited": true }, { "name": "aria-owns", "inherited": true }, { "name": "aria-readonly" }, { "name": "aria-relevant", "inherited": true }, { "name": "aria-required" }, { "name": "aria-roledescription", "inherited": true } ], "prohibitedProperties": [] }, { "name": "code", "description": "A section whose content represents a fragment of computer code.\n\nThe primary purpose of the code role is to inform assistive technologies that the content is computer code and thus might require special presentation, in particular with respect to synthesized speech. More specifically, screen readers and other tools which provide text-to-speech presentation of content SHOULD prefer full punctuation verbosity to ensure common symbols (e.g., \"-\") are spoken.", "generalization": ["section"], "requiredContextRole": [], "requiredOwnedElements": [], "accessibleNameRequired": false, "accessibleNameFromAuthor": false, "accessibleNameFromContent": false, "accessibleNameProhibited": true, "ownedProperties": [ { "name": "aria-atomic", "inherited": true }, { "name": "aria-brailleroledescription", "inherited": true }, { "name": "aria-busy", "inherited": true }, { "name": "aria-controls", "inherited": true }, { "name": "aria-current", "inherited": true }, { "name": "aria-describedby", "inherited": true }, { "name": "aria-description", "inherited": true }, { "name": "aria-details", "inherited": true }, { "name": "aria-disabled", "deprecated": true, "inherited": true }, { "name": "aria-dropeffect", "inherited": true }, { "name": "aria-errormessage", "deprecated": true, "inherited": true }, { "name": "aria-flowto", "inherited": true }, { "name": "aria-grabbed", "inherited": true }, { "name": "aria-haspopup", "deprecated": true, "inherited": true }, { "name": "aria-hidden", "inherited": true }, { "name": "aria-invalid", "deprecated": true, "inherited": true }, { "name": "aria-keyshortcuts", "inherited": true }, { "name": "aria-live", "inherited": true }, { "name": "aria-owns", "inherited": true }, { "name": "aria-relevant", "inherited": true }, { "name": "aria-roledescription", "inherited": true } ], "prohibitedProperties": ["aria-braillelabel", "aria-label", "aria-labelledby"] }, { "name": "columnheader", "description": "A cell containing header information for a column.\n\ncolumnheader can be used as a column header in a table or grid. It could also be used in a pie chart to show a similar relationship in the data.\n\nThe columnheader establishes a relationship between it and all cells in the corresponding column. It is the structural equivalent to an HTML th element with a column scope.\n\nAuthors MUST ensure elements with role columnheader are the accessibility children of an element with the role row.\n\nApplying the aria-selected state on a columnheader MUST not cause the user agent to automatically propagate the aria-selected state to all the cells in the corresponding column. An author MAY choose to propagate selection in this manner depending on the specific application.\n\nWhile the columnheader role can be used in both interactive grids and non-interactive tables, the use of aria-readonly and aria-required is only applicable to interactive elements. Therefore, authors SHOULD NOT use aria-required or aria-readonly in a columnheader that descends from a table, and user agents SHOULD NOT expose either property to assistive technologies unless the columnheader descends from a grid.\n\nBecause cells are organized into rows, there is not a single container element for the column. The column is the set of gridcell elements in a particular position within their respective row containers.\n\nWhile aria-disabled is currently supported on columnheader, in a future version the working group plans to prohibit its use on elements with role columnheader except when the element is in the context of a grid or treegrid.", "generalization": ["cell", "gridcell", "sectionhead"], "requiredContextRole": ["row"], "requiredOwnedElements": [], "accessibleNameRequired": true, "accessibleNameFromAuthor": true, "accessibleNameFromContent": true, "accessibleNameProhibited": false, "ownedProperties": [ { "name": "aria-atomic", "inherited": true }, { "name": "aria-braillelabel", "inherited": true }, { "name": "aria-brailleroledescription", "inherited": true }, { "name": "aria-busy", "inherited": true }, { "name": "aria-colindex", "inherited": true }, { "name": "aria-colindextext", "inherited": true }, { "name": "aria-colspan", "inherited": true }, { "name": "aria-controls", "inherited": true }, { "name": "aria-current", "inherited": true }, { "name": "aria-describedby", "inherited": true }, { "name": "aria-description", "inherited": true }, { "name": "aria-details", "inherited": true }, { "name": "aria-disabled", "inherited": true }, { "name": "aria-dropeffect", "inherited": true }, { "name": "aria-errormessage", "inherited": true }, { "name": "aria-expanded", "inherited": true }, { "name": "aria-flowto", "inherited": true }, { "name": "aria-grabbed", "inherited": true }, { "name": "aria-haspopup", "inherited": true }, { "name": "aria-hidden", "inherited": true }, { "name": "aria-invalid", "inherited": true }, { "name": "aria-keyshortcuts", "inherited": true }, { "name": "aria-label", "inherited": true }, { "name": "aria-labelledby", "inherited": true }, { "name": "aria-live", "inherited": true }, { "name": "aria-owns", "inherited": true }, { "name": "aria-readonly", "inherited": true }, { "name": "aria-relevant", "inherited": true }, { "name": "aria-required", "inherited": true }, { "name": "aria-roledescription", "inherited": true }, { "name": "aria-rowindex", "inherited": true }, { "name": "aria-rowindextext", "inherited": true }, { "name": "aria-rowspan", "inherited": true }, { "name": "aria-selected", "inherited": true }, { "name": "aria-sort" } ], "prohibitedProperties": [] }, { "name": "combobox", "description": "An input that controls another element, such as a listbox or grid, that can dynamically pop up to help the user set the value of the input.\n\nThe Guidance for combobox has changed significantly in ARIA 1.2 due to problems with implementation of the previous patterns. Authors and developers of User Agents, Assistive Technologies, and Conformance Checkers are advised to review this section carefully to understand the changes. Explanation of the changes is available in the ARIA repository wiki.\n\nA combobox functionally combines a named input field with the ability to assist value selection via a supplementary popup element. A combobox input MAY be either a single-line text field that supports editing and typing or an element that only displays the current value of the combobox. If the combobox supports text input and provides autocompletion behavior as described in aria-autocomplete, authors MUST set aria-autocomplete on the combobox element to the value that corresponds to the provided behavior.\n\nTypically, the initial state of a combobox is collapsed. In the collapsed state, only the combobox element and a separate, optional popup control button are visible. A combobox is said to be expanded when both the combobox element showing its current value and its associated popup element are visible. Authors MUST set aria-expanded to true on an element with role combobox when it is expanded and false when it is collapsed.\n\nElements with the role combobox have an implicit aria-haspopup value of listbox. If the combobox popup element has a role other than listbox, authors MUST specify an aria-haspopup value of tree, grid, or dialog that corresponds to the role of its popup.\n\nIf the user interface includes an additional icon that allows the visibility of the popup to be controlled via pointer and touch events, authors SHOULD ensure that element has role button, that it is focusable but not included in the page Tab sequence, and that it is not a descendant of the element with role combobox. In addition, to be keyboard accessible, authors SHOULD provide keyboard mechanisms for moving focus between the combobox element and elements contained in the popup. For example, one common convention is that Down Arrow moves focus from the input to the first focusable descendant of the popup element. If the popup element supports aria-activedescendant, in lieu of moving focus, such keyboard mechanisms can control the value of aria-activedescendant on the combobox element. When a descendant of the popup element is active, authors MAY set aria-activedescendant on the combobox to a value that refers to the active element within the popup while focus remains on the combobox element.\n\nUser agents MUST expose the value of elements with role combobox to assistive technologies. The value of a combobox is represented by one of the following:\n\nPlease review the following carefully. As a result of these changes a combobox following the ARIA 1.1 combobox specification will no longer conform with the ARIA specification.\n\nThe structural requirements for combobox defined by this version of the specification are different from the requirements defined by ARIA 1.0 and ARIA 1.1:\n\nThe features and behaviors of combobox implementations vary widely. Consequently, there are many important authoring considerations. See the ARIA Authoring Practices Guide for additional details on implementing combobox design patterns.", "generalization": ["input"], "requiredContextRole": [], "requiredOwnedElements": [], "accessibleNameRequired": true, "accessibleNameFromAuthor": true, "accessibleNameFromContent": false, "accessibleNameProhibited": false, "ownedProperties": [ { "name": "aria-activedescendant" }, { "name": "aria-atomic", "inherited": true }, { "name": "aria-autocomplete" }, { "name": "aria-braillelabel", "inherited": true }, { "name": "aria-brailleroledescription", "inherited": true }, { "name": "aria-busy", "inherited": true }, { "name": "aria-controls" }, { "name": "aria-current", "inherited": true }, { "name": "aria-describedby", "inherited": true }, { "name": "aria-description", "inherited": true }, { "name": "aria-details", "inherited": true }, { "name": "aria-disabled", "inherited": true }, { "name": "aria-dropeffect", "inherited": true }, { "name": "aria-errormessage" }, { "name": "aria-expanded", "required": true }, { "name": "aria-flowto", "inherited": true }, { "name": "aria-grabbed", "inherited": true }, { "name": "aria-haspopup" }, { "name": "aria-hidden", "inherited": true }, { "name": "aria-invalid" }, { "name": "aria-keyshortcuts", "inherited": true }, { "name": "aria-label", "inherited": true }, { "name": "aria-labelledby", "inherited": true }, { "name": "aria-live", "inherited": true }, { "name": "aria-owns", "inherited": true }, { "name": "aria-readonly" }, { "name": "aria-relevant", "inherited": true }, { "name": "aria-required" }, { "name": "aria-roledescription", "inherited": true } ], "prohibitedProperties": [] }, { "name": "command", "description": "A form of widget that performs an action but does not receive input data.\n\ncommand is an abstract role used for the ontology. Authors MUST NOT use command role in content.", "isAbstract": true, "generalization": ["widget"], "requiredContextRole": [], "requiredOwnedElements": [], "accessibleNameRequired": false, "accessibleNameFromAuthor": false, "accessibleNameFromContent": false, "accessibleNameProhibited": false, "ownedProperties": [ { "name": "aria-atomic", "inherited": true }, { "name": "aria-braillelabel", "inherited": true }, { "name": "aria-brailleroledescription", "inherited": true }, { "name": "aria-busy", "inherited": true }, { "name": "aria-controls", "inherited": true }, { "name": "aria-current", "inherited": true }, { "name": "aria-describedby", "inherited": true }, { "name": "aria-description", "inherited": true }, { "name": "aria-details", "inherited": true }, { "name": "aria-disabled", "deprecated": true, "inherited": true }, { "name": "aria-dropeffect", "inherited": true }, { "name": "aria-errormessage", "deprecated": true, "inherited": true }, { "name": "aria-flowto", "inherited": true }, { "name": "aria-grabbed", "inherited": true }, { "name": "aria-haspopup", "deprecated": true, "inherited": true }, { "name": "aria-hidden", "inherited": true }, { "name": "aria-invalid", "deprecated": true, "inherited": true }, { "name": "aria-keyshortcuts", "inherited": true }, { "name": "aria-label", "inherited": true }, { "name": "aria-labelledby", "inherited": true }, { "name": "aria-live", "inherited": true }, { "name": "aria-owns", "inherited": true }, { "name": "aria-relevant", "inherited": true }, { "name": "aria-roledescription", "inherited": true } ], "prohibitedProperties": [] }, { "name": "comment", "description": "A comment contains content expressing reaction to other content.\n\nComments can annotate any visible content, from small spans of text, to other comments, to entire articles. Authors SHOULD identify the relationships between comments and the commented content, as follows:\n\nIf the author has not explicitly declared aria-level, aria-posinset, or aria-setsize for a comment element, user agents MUST automatically compute the missing values and expose them to assistive technologies.", "generalization": ["article"], "requiredContextRole": [], "requiredOwnedElements": [], "accessibleNameRequired": false, "accessibleNameFromAuthor": true, "accessibleNameFromContent": true, "accessibleNameProhibited": false, "ownedProperties": [ { "name": "aria-atomic", "inherited": true }, { "name": "aria-braillelabel", "inherited": true }, { "name": "aria-brailleroledescription", "inherited": true }, { "name": "aria-busy", "inherited": true }, { "name": "aria-controls", "inherited": true }, { "name": "aria-current", "inherited": true }, { "name": "aria-describedby", "inherited": true }, { "name": "aria-description", "inherited": true }, { "name": "aria-details", "inherited": true }, { "name": "aria-disabled", "deprecated": true, "inherited": true }, { "name": "aria-dropeffect", "inherited": true }, { "name": "aria-errormessage", "deprecated": true, "inherited": true }, { "name": "aria-flowto", "inherited": true }, { "name": "aria-grabbed", "inherited": true }, { "name": "aria-haspopup", "deprecated": true, "inherited": true }, { "name": "aria-hidden", "inherited": true }, { "name": "aria-invalid", "deprecated": true, "inherited": true }, { "name": "aria-keyshortcuts", "inherited": true }, { "name": "aria-label", "inherited": true }, { "name": "aria-labelledby", "inherited": true }, { "name": "aria-level" }, { "name": "aria-live", "inherited": true }, { "name": "aria-owns", "inherited": true }, { "name": "aria-posinset" }, { "name": "aria-relevant", "inherited": true }, { "name": "aria-roledescription", "inherited": true }, { "name": "aria-setsize" } ], "prohibitedProperties": [] }, { "name": "complementary", "description": "A landmark that is designed to be complementary to the main content that it is a sibling to, or a direct descendant of. The contents of a complementary landmark would be expected to remain meaningful if it were to be separated from the main content it is relevant to.\n\nThere are various types of content that would appropriately have this role. For example, in the case of a portal, this can include but not be limited to show times, current weather, related articles, or stocks to watch. If the complementary content is completely separable from the main content, it might be appropriate to use a more general role.\n\nAssistive technologies SHOULD enable users to quickly navigate to elements with role complementary. user agents SHOULD treat elements with role complementary as navigational landmarks. user agents MAY enable users to quickly navigate to elements with role complementary.", "generalization": ["landmark"], "requiredContextRole": [], "requiredOwnedElements": [], "accessibleNameRequired": false, "accessibleNameFromAuthor": true, "accessibleNameFromContent": false, "accessibleNameProhibited": false, "ownedProperties": [ { "name": "aria-atomic", "inherited": true }, { "name": "aria-braillelabel", "inherited": true }, { "name": "aria-brailleroledescription", "inherited": true }, { "name": "aria-busy", "inherited": true }, { "name": "aria-controls", "inherited": true }, { "name": "aria-current", "inherited": true }, { "name": "aria-describedby", "inherited": true }, { "name": "aria-description", "inherited": true }, { "name": "aria-details", "inherited": true }, { "name": "aria-disabled", "deprecated": true, "inherited": true }, { "name": "aria-dropeffect", "inherited": true }, { "name": "aria-errormessage", "deprecated": true, "inherited": true }, { "name": "aria-flowto", "inherited": true }, { "name": "aria-grabbed", "inherited": true }, { "name": "aria-haspopup", "deprecated": true, "inherited": true }, { "name": "aria-hidden", "inherited": true }, { "name": "aria-invalid", "deprecated": true, "inherited": true }, { "name": "aria-keyshortcuts", "inherited": true }, { "name": "aria-label", "inherited": true }, { "name": "aria-labelledby", "inherited": true }, { "name": "aria-live", "inherited": true }, { "name": "aria-owns", "inherited": true }, { "name": "aria-relevant", "inherited": true }, { "name": "aria-roledescription", "inherited": true } ], "prohibitedProperties": [] }, { "name": "composite", "description": "A widget that can contain navigable accessibility descendants.\n\nAuthors SHOULD ensure that a composite widget exists as a single navigation stop within the larger navigation system of the web page. Once the composite widget has focus, authors SHOULD provide a separate navigation mechanism for users to navigate to elements that are accessibility descendants of the composite element.\n\ncomposite is an abstract role used for the ontology. Authors MUST NOT use composite role in content.", "isAbstract": true, "generalization": ["widget"], "requiredContextRole": [], "requiredOwnedElements": [], "accessibleNameRequired": false, "accessibleNameFromAuthor": false, "accessibleNameFromContent": false, "accessibleNameProhibited": false, "ownedProperties": [ { "name": "aria-activedescendant" }, { "name": "aria-atomic", "inherited": true }, { "name": "aria-braillelabel", "inherited": true }, { "name": "aria-brailleroledescription", "inherited": true }, { "name": "aria-busy", "inherited": true }, { "name": "aria-controls", "inherited": true }, { "name": "aria-current", "inherited": true }, { "name": "aria-describedby", "inherited": true }, { "name": "aria-description", "inherited": true }, { "name": "aria-details", "inherited": true }, { "name": "aria-disabled" }, { "name": "aria-dropeffect", "inherited": true }, { "name": "aria-errormessage", "deprecated": true, "inherited": true }, { "name": "aria-flowto", "inherited": true }, { "name": "aria-grabbed", "inherited": true }, { "name": "aria-haspopup", "deprecated": true, "inherited": true }, { "name": "aria-hidden", "inherited": true }, { "name": "aria-invalid", "deprecated": true, "inherited": true }, { "name": "aria-keyshortcuts", "inherited": true }, { "name": "aria-label", "inherited": true }, { "name": "aria-labelledby", "inherited": true }, { "name": "aria-live", "inherited": true }, { "name": "aria-owns", "inherited": true }, { "name": "aria-relevant", "inherited": true }, { "name": "aria-roledescription", "inherited": true } ], "prohibitedProperties": [] }, { "name": "contentinfo", "description": "A landmark that contains information about the parent document.\n\nExamples of information included in this region of the page are copyrights and links to privacy statements.\n\nAssistive technologies SHOULD enable users to quickly navigate to elements with role contentinfo. user agents SHOULD treat elements with role contentinfo as navigational landmarks. user agents MAY enable users to quickly navigate to elements with role contentinfo.\n\nThe author SHOULD mark no more than one element on a page with the contentinfo role.\n\nBecause document and application elements can be nested in the DOM, they can have multiple contentinfo elements as DOM descendants, assuming each of those is associated with different document nodes, either by a DOM nesting (e.g., document within document) or by use of the aria-owns attribute.", "generalization": ["landmark"], "requiredContextRole": [], "requiredOwnedElements": [], "accessibleNameRequired": false, "accessibleNameFromAuthor": true, "accessibleNameFromContent": false, "accessibleNameProhibited": false, "ownedProperties": [ { "name": "aria-atomic", "inherited": true }, { "name": "aria-braillelabel", "inherited": true }, { "name": "aria-brailleroledescription", "inherited": true }, { "name": "aria-busy", "inherited": true }, { "name": "aria-controls", "inherited": true }, { "name": "aria-current", "inherited": true }, { "name": "aria-describedby", "inherited": true }, { "name": "aria-description", "inherited": true }, { "name": "aria-details", "inherited": true }, { "name": "aria-disabled", "deprecated": true, "inherited": true }, { "name": "aria-dropeffect", "inherited": true }, { "name": "aria-errormessage", "deprecated": true, "inherited": true }, { "name": "aria-flowto", "inherited": true }, { "name": "aria-grabbed", "inherited": true }, { "name": "aria-haspopup", "deprecated": true, "inherited": true }, { "name": "aria-hidden", "inherited": true }, { "name": "aria-invalid", "deprecated": true, "inherited": true }, { "name": "aria-keyshortcuts", "inherited": true }, { "name": "aria-label", "inherited": true }, { "name": "aria-labelledby", "inherited": true }, { "name": "aria-live", "inherited": true }, { "name": "aria-owns", "inherited": true }, { "name": "aria-relevant", "inherited": true }, { "name": "aria-roledescription", "inherited": true } ], "prohibitedProperties": [] }, { "name": "definition", "description": "A definition of a term or concept. See related term.\n\nAuthors MUST identify the element being defined and assign that element a role of term.\n\nAuthors SHOULD NOT use the definition role on interactive elements such as form controls because doing so could prevent users of assistive technologies from interacting with those elements.", "generalization": ["section"], "requiredContextRole": [], "requiredOwnedElements": [], "accessibleNameRequired": false, "accessibleNameFromAuthor": false, "accessibleNameFromContent": false, "accessibleNameProhibited": true, "ownedProperties": [ { "name": "aria-atomic", "inherited": true }, { "name": "aria-brailleroledescription", "inherited": true }, { "name": "aria-busy", "inherited": true }, { "name": "aria-controls", "inherited": true }, { "name": "aria-current", "inherited": true }, { "name": "aria-describedby", "inherited": true }, { "name": "aria-description", "inherited": true }, { "name": "aria-details", "inherited": true }, { "name": "aria-disabled", "deprecated": true, "inherited": true }, { "name": "aria-dropeffect", "inherited": true }, { "name": "aria-errormessage", "deprecated": true, "inherited": true }, { "name": "aria-flowto", "inherited": true }, { "name": "aria-grabbed", "inherited": true }, { "name": "aria-haspopup", "deprecated": true, "inherited": true }, { "name": "aria-hidden", "inherited": true }, { "name": "aria-invalid", "deprecated": true, "inherited": true }, { "name": "aria-keyshortcuts", "inherited": true }, { "name": "aria-live", "inherited": true }, { "name": "aria-owns", "inherited": true }, { "name": "aria-relevant", "inherited": true }, { "name": "aria-roledescription", "inherited": true } ], "prohibitedProperties": ["aria-braillelabel", "aria-label", "aria-labelledby"] }, { "name": "deletion", "description": "A deletion represents content that is marked as removed, content that is being suggested for removal, or content that is no longer relevant in the context of its accompanying content. See related insertion.\n\nDeletions are typically used to either mark differences between two versions of content or to designate content suggested for removal in scenarios where multiple people are revising content.", "generalization": ["section"], "requiredContextRole": [], "requiredOwnedElements": [], "accessibleNameRequired": false, "accessibleNameFromAuthor": false, "accessibleNameFromContent": false, "accessibleNameProhibited": true, "ownedProperties": [ { "name": "aria-atomic", "inherited": true }, { "name": "aria-brailleroledescription", "inherited": true }, { "name": "aria-busy", "inherited": true }, { "name": "aria-controls", "inherited": true }, { "name": "aria-current", "inherited": true }, { "name": "aria-describedby", "inherited": true }, { "name": "aria-description", "inherited": true }, { "name": "aria-details", "inherited": true }, { "name": "aria-disabled", "deprecated": true, "inherited": true }, { "name": "aria-dropeffect", "inherited": true }, { "name": "aria-errormessage", "deprecated": true, "inherited": true }, { "name": "aria-flowto", "inherited": true }, { "name": "aria-grabbed", "inherited": true }, { "name": "aria-haspopup", "deprecated": true, "inherited": true }, { "name": "aria-hidden", "inherited": true }, { "name": "aria-invalid", "deprecated": true, "inherited": true }, { "name": "aria-keyshortcuts", "inherited": true }, { "name": "aria-live", "inherited": true }, { "name": "aria-owns", "inherited": true }, { "name": "aria-relevant", "inherited": true }, { "name": "aria-roledescription", "inherited": true } ], "prohibitedProperties": ["aria-braillelabel", "aria-label", "aria-labelledby"] }, { "name": "dialog", "description": "A dialog is a descendant window of the primary window of a web application. For HTML pages, the primary application window is the entire web document.\n\nDialogs are often used to prompt the user to enter or respond to information, or can represent content related to understanding or modifying the content of the primary application window. A dialog that is designed to interrupt workflow and prevent users from interacting with the primary web application is usually modal. See related alertdialog. A dialog that allows for the user to switch between interacting with the content of the primary web application and the content the dialog is usually modeless (i.e., non-modal). In lieu of using robust host language features for marking content of the primary web application as inert, authors SHOULD use the aria-modal attribute, and constrain focus to dialogs. See the WAI-ARIA Authoring Practices: Dialog (modal) pattern for additional details on implementing modal dialog design patterns.\n\nAuthors SHOULD provide an accessible name for a dialog, which can be done with the aria-label or aria-labelledby attribute.\n\nAuthors SHOULD ensure that all dialogs (both modal and non-modal) have at least one focusable descendant element. Authors SHOULD focus an element in the modal dialog when it is displayed, and authors SHOULD constrain keyboard focus to focusable elements within a modal dialog, until dismissed.\n\nAuthors SHOULD provide a dialog an accessible description, with the aria-describedby attribute, for instances where authors have set initial keyboard focus on an element that follows content that outlines the purpose of the dialog. Assistive technology SHOULD give precedence to exposing author defined dialog accessible descriptions when a dialog is invoked and user focus is moved to a descendant of the dialog element.\n\nAuthors are strongly encouraged to use aria-describedby, rather than aria-description, to provide descriptions to dialogs. While aria-description could be used to provide an accessible description for a dialog, it will provide a better and more consistent user experience to reference visible content that can also be independently read by all users. Doing so will help ensure important descriptive information is less likely to be missed.\n\nIn the following example, the first text field will receive initial focus when the dialog is rendered. As this means focus will be set \"after\" the preceding content that provides instructions for the form fields, an aria-describedby attribute is used to expose this content as a description for the dialog.\n\nIn the description of this role, the term \"web application\" does not refer to the application role, which specifies specific assistive technology behaviors.", "generalization": ["window"], "requiredContextRole": [], "requiredOwnedElements": [], "accessibleNameRequired": false, "accessibleNameFromAuthor": true, "accessibleNameFromContent": false, "accessibleNameProhibited": false, "ownedProperties": [ { "name": "aria-atomic", "inherited": true }, { "name": "aria-braillelabel", "inherited": true }, { "name": "aria-brailleroledescription", "inherited": true }, { "name": "aria-busy", "inherited": true }, { "name": "aria-controls", "inherited": true }, { "name": "aria-current", "inherited": true }, { "name": "aria-describedby", "inherited": true }, { "name": "aria-description", "inherited": true }, { "name": "aria-details", "inherited": true }, { "name": "aria-disabled", "deprecated": true, "inherited": true }, { "name": "aria-dropeffect", "inherited": true }, { "name": "aria-errormessage", "deprecated": true, "inherited": true }, { "name": "aria-flowto", "inherited": true }, { "name": "aria-grabbed", "inherited": true }, { "name": "aria-haspopup", "deprecated": true, "inherited": true }, { "name": "aria-hidden", "inherited": true }, { "name": "aria-invalid", "deprecated": true, "inherited": true }, { "name": "aria-keyshortcuts", "inherited": true }, { "name": "aria-label", "inherited": true }, { "name": "aria-labelledby", "inherited": true }, { "name": "aria-live", "inherited": true }, { "name": "aria-modal", "inherited": true }, { "name": "aria-owns", "inherited": true }, { "name": "aria-relevant", "inherited": true }, { "name": "aria-roledescription", "inherited": true } ], "prohibitedProperties": [] }, { "name": "directory", "description": "[Deprecated in ARIA 1.2] A list of references to members of a group, such as a static table of contents.\n\nAs exposed by accessibility APIs, the directory role is essentially equivalent to the list role. So, using directory does not provide any additional benefits to assistive technology users. Authors are advised to treat directory as deprecated and to use list, or a host language's equivalent semantics instead.\n\nA directory is a static table of contents, whether linked or unlinked. This includes tables of contents built with lists, including nested lists. Dynamic tables of contents, however, might use a tree role instead.", "deprecated": true, "generalization": ["list"], "requiredContextRole": [], "requiredOwnedElements": [], "accessibleNameRequired": false, "accessibleNameFromAuthor": true, "accessibleNameFromContent": false, "accessibleNameProhibited": false, "ownedProperties": [ { "name": "aria-atomic", "inherited": true }, { "name": "aria-braillelabel", "inherited": true }, { "name": "aria-brailleroledescription", "inherited": true }, { "name": "aria-busy", "inherited": true }, { "name": "aria-controls", "inherited": true }, { "name": "aria-current", "inherited": true }, { "name": "aria-describedby", "inherited": true }, { "name": "aria-description", "inherited": true }, { "name": "aria-details", "inherited": true }, { "name": "aria-disabled", "deprecated": true, "inherited": true }, { "name": "aria-dropeffect", "inherited": true }, { "name": "aria-errormessage", "deprecated": true, "inherited": true }, { "name": "aria-flowto", "inherited": true }, { "name": "aria-grabbed", "inherited": true }, { "name": "aria-haspopup", "deprecated": true, "inherited": true }, { "name": "aria-hidden", "inherited": true }, { "name": "aria-invalid", "deprecated": true, "inherited": true }, { "name": "aria-keyshortcuts", "inherited": true }, { "name": "aria-label", "inherited": true }, { "name": "aria-labelledby", "inherited": true }, { "name": "aria-live", "inherited": true }, { "name": "aria-owns", "inherited": true }, { "name": "aria-relevant", "inherited": true }, { "name": "aria-roledescription", "inherited": true } ], "prohibitedProperties": [] }, { "name": "document", "description": "An element containing content that assistive technology users might want to browse in a reading mode.\n\nWhen user agent focus moves to an element assigned the role of document, assistive technologies having a reading mode for browsing static content MAY switch to that reading mode and intercept standard input events, such as Up or Down arrow keyboard events, to control the reading cursor.\n\nBecause assistive technologies that have a reading mode default to that mode for all elements except for those with either a widget or application role, the only circumstance where the document role is useful for changing assistive technology behavior is when the element with role document is a focusable accessibility child of a widget or application. For example, given an application element which contains some static rich text, the author can apply role document to the element containing the text and give it a tabindex of 0. When a screen reader user presses the Tab key and places focus on the document element, the user will be able to read the text with the screen reader's reading cursor.", "generalization": ["structure"], "requiredContextRole": [], "requiredOwnedElements": [], "accessibleNameRequired": false, "accessibleNameFromAuthor": true, "accessibleNameFromContent": false, "accessibleNameProhibited": false, "ownedProperties": [ { "name": "aria-atomic", "inherited": true }, { "name": "aria-braillelabel", "inherited": true }, { "name": "aria-brailleroledescription", "inherited": true }, { "name": "aria-busy", "inherited": true }, { "name": "aria-controls", "inherited": true }, { "name": "aria-current", "inherited": true }, { "name": "aria-describedby", "inherited": true }, { "name": "aria-description", "inherited": true }, { "name": "aria-details", "inherited": true }, { "name": "aria-disabled", "deprecated": true, "inherited": true }, { "name": "aria-dropeffect", "inherited": true }, { "name": "aria-errormessage", "deprecated": true, "inherited": true }, { "name": "aria-flowto", "inherited": true }, { "name": "aria-grabbed", "inherited": true }, { "name": "aria-haspopup", "deprecated": true, "inherited": true }, { "name": "aria-hidden", "inherited": true }, { "name": "aria-invalid", "deprecated": true, "inherited": true }, { "name": "aria-keyshortcuts", "inherited": true }, { "name": "aria-label", "inherited": true }, { "name": "aria-labelledby", "inherited": true }, { "name": "aria-live", "inherited": true }, { "name": "aria-owns", "inherited": true }, { "name": "aria-relevant", "inherited": true }, { "name": "aria-roledescription", "inherited": true } ], "prohibitedProperties": [] }, { "name": "emphasis", "description": "One or more emphasized characters. See related strong.\n\nThe purpose of the emphasis role is to stress or emphasize content. It is not for communicating changes in typographical presentation that do not impact the meaning of the content. Authors SHOULD use the emphasis role only if its absence would change the meaning of the content.\n\nThe emphasis role is not intended to convey importance; for that purpose, the strong role is more appropriate.", "generalization": ["section"], "requiredContextRole": [], "requiredOwnedElements": [], "accessibleNameRequired": false, "accessibleNameFromAuthor": false, "accessibleNameFromContent": false, "accessibleNameProhibited": true, "ownedProperties": [ { "name": "aria-atomic", "inherited": true }, { "name": "aria-brailleroledescription", "inherited": true }, { "name": "aria-busy", "inherited": true }, { "name": "aria-controls", "inherited": true }, { "name": "aria-current", "inherited": true }, { "name": "aria-describedby", "inherited": true }, { "name": "aria-description", "inherited": true }, { "name": "aria-details", "inherited": true }, { "name": "aria-disabled", "deprecated": true, "inherited": true }, { "name": "aria-dropeffect", "inherited": true }, { "name": "aria-errormessage", "deprecated": true, "inherited": true }, { "name": "aria-flowto", "inherited": true }, { "name": "aria-grabbed", "inherited": true }, { "name": "aria-haspopup", "deprecated": true, "inherited": true }, { "name": "aria-hidden", "inherited": true }, { "name": "aria-invalid", "deprecated": true, "inherited": true }, { "name": "aria-keyshortcuts", "inherited": true }, { "name": "aria-live", "inherited": true }, { "name": "aria-owns", "inherited": true }, { "name": "aria-relevant", "inherited": true }, { "name": "aria-roledescription", "inherited": true } ], "prohibitedProperties": ["aria-braillelabel", "aria-label", "aria-labelledby"] }, { "name": "feed", "description": "A scrollable list of articles where scrolling might cause articles to be added to or removed from either end of the list.\n\nA feed enables users of assistive technologies that have a document browse mode, such as screen readers, to use the browse mode reading cursor to both read and scroll through a stream of rich content that might continue scrolling infinitely by loading more content as the user reads. In a feed, assistive technologies provide a web application with signals of the user's reading cursor movement by moving user agent focus, enabling the application to both add new content and visually position content as the user browses the page. The feed also lets authors inform assistive technologies when additions and removals are occurring so assistive technologies can more reliably update their reading view without disrupting reading or degrading performance.\n\nFor example, a feed could be used to present a stream of news stories where each article contains a story with text, links, images, and comments as well as widgets for sharing and commenting. As a screen reader user reads and interacts with each story and moves the screen reader reading cursor from story to story, each story scrolls into view and, as needed, new stories are loaded.\n\nA feed is a container element whose children have role article. When articles are added or removed from either or both ends of a feed, authors SHOULD set aria-busy to true on the feed element before the changes are made and set it to false after the changes are complete. Authors SHOULD avoid inserting or removing articles in the middle of a feed. These requirements help assistive technologies gracefully respond to changes in the feed content that occur simultaneously with user commands to move the reading cursor within the feed.\n\nAuthors SHOULD make each article in a feed focusable and ensure that the application scrolls an article into view when user agent focus is set on the article or one of its descendant elements. For example, in HTML, each article element should have a tabindex value of either -1 or 0.\n\nWhen an assistive technology reading cursor moves from one article to another, assistive technologies SHOULD set user agent focus on the article that contains the reading cursor. If the reading cursor lands on a focusable element inside the article, the assistive technology MAY set focus on that element in lieu of setting focus on the containing article.\n\nBecause the ability to scroll to another article with an assistive technology reading cursor depends on the presence of another article in the page, authors SHOULD attempt to load additional articles before user agent focus reaches an article at either end of the set of articles that has been loaded. Alternatively, authors MAY include an article at either or both ends of the loaded set of articles that includes an element, such as a button, that lets the user request more articles to be loaded.\n\nIn addition to providing a brief label, authors MAY apply aria-describedby to article elements in a feed to suggest to screen readers which elements to speak after the label when users navigate by article. Screen readers MAY provide users with a way to quickly scan feed content by speaking both the label and accessible description when navigating by article, enabling the user to ignore repetitive or less important elements, such as embedded interaction widgets, that the author has left out of the description.\n\nAuthors SHOULD provide keyboard commands for moving focus among articles in a feed so users who do not utilize an assistive technology that provides article navigation features can use the keyboard to navigate the feed.\n\nIf the number of articles available in a feed supply is static, authors MAY specify aria-setsize on article elements in that feed. However, if the total number is extremely large, indefinite, or changes often, authors MAY set aria-setsize to -1 to communicate the unknown size of the set.\n\nSee the ARIA Authoring Practices Guide for additional details on implementing a feed design pattern.", "generalization": ["list"], "requiredContextRole": [], "requiredOwnedElements": ["article"], "accessibleNameRequired": false, "accessibleNameFromAuthor": true, "accessibleNameFromContent": false, "accessibleNameProhibited": false, "ownedProperties": [ { "name": "aria-atomic", "inherited": true }, { "name": "aria-braillelabel", "inherited": true }, { "name": "aria-brailleroledescription", "inherited": true }, { "name": "aria-busy", "inherited": true }, { "name": "aria-controls", "inherited": true }, { "name": "aria-current", "inherited": true }, { "name": "aria-describedby", "inherited": true }, { "name": "aria-description", "inherited": true }, { "name": "aria-details", "inherited": true }, { "name": "aria-disabled", "deprecated": true, "inherited": true }, { "name": "aria-dropeffect", "inherited": true }, { "name": "aria-errormessage", "deprecated": true, "inherited": true }, { "name": "aria-flowto", "inherited": true }, { "name": "aria-grabbed", "inherited": true }, { "name": "aria-haspopup", "deprecated": true, "inherited": true }, { "name": "aria-hidden", "inherited": true }, { "name": "aria-invalid", "deprecated": true, "inherited": true }, { "name": "aria-keyshortcuts", "inherited": true }, { "name": "aria-label", "inherited": true }, { "name": "aria-labelledby", "inherited": true }, { "name": "aria-live", "inherited": true }, { "name": "aria-owns", "inherited": true }, { "name": "aria-relevant", "inherited": true }, { "name": "aria-roledescription", "inherited": true } ], "prohibitedProperties": [] }, { "name": "figure", "description": "A perceivable section of content that typically contains a graphical document, images, media player, code snippets, or example text. The parts of a figure MAY be user-navigable.\n\nAuthors SHOULD provide a reference to the figure from the main text, but the figure need not be displayed at the same location as the referencing element. Authors MAY provide a figure a caption which can include its name, descriptive text, or both. If a caption is provided, and it serves as a description to the contents of the figure, authors SHOULD associate it to the figure element using aria-details.\n\nAuthors MAY provide a figure an accessible name using aria-label or use aria-labelledby to reference other text in the page to serve as the element's label and accessible name.\n\nPlease refer to the caption role for more information on how to associate a figure with its caption.\n\nAssistive technologies SHOULD enable users to quickly navigate to figures. User agents MAY enable users to quickly navigate to figures.", "generalization": ["section"], "requiredContextRole": [], "requiredOwnedElements": [], "accessibleNameRequired": false, "accessibleNameFromAuthor": true, "accessibleNameFromContent": false, "accessibleNameProhibited": false, "ownedProperties": [ { "name": "aria-atomic", "inherited": true }, { "name": "aria-braillelabel", "inherited": true }, { "name": "aria-brailleroledescription", "inherited": true }, { "name": "aria-busy", "inherited": true }, { "name": "aria-controls", "inherited": true }, { "name": "aria-current", "inherited": true }, { "name": "aria-describedby", "inherited": true }, { "name": "aria-description", "inherited": true }, { "name": "aria-details", "inherited": true }, { "name": "aria-disabled", "deprecated": true, "inherited": true }, { "name": "aria-dropeffect", "inherited": true }, { "name": "aria-errormessage", "deprecated": true, "inherited": true }, { "name": "aria-flowto", "inherited": true }, { "name": "aria-grabbed", "inherited": true }, { "name": "aria-haspopup", "deprecated": true, "inherited": true }, { "name": "aria-hidden", "inherited": true }, { "name": "aria-invalid", "deprecated": true, "inherited": true }, { "name": "aria-keyshortcuts", "inherited": true }, { "name": "aria-label", "inherited": true }, { "name": "aria-labelledby", "inherited": true }, { "name": "aria-live", "inherited": true }, { "name": "aria-owns", "inherited": true }, { "name": "aria-relevant", "inherited": true }, { "name": "aria-roledescription", "inherited": true } ], "prohibitedProperties": [] }, { "name": "form", "description": "A landmark region that contains a collection of items and objects that, as a whole, combine to create a form. See related search.\n\nA form can contain a mix of host language form controls, scripted controls, and hyperlinks. Authors are reminded to use native host language semantics to create form controls whenever possible. If the purpose of a form is to submit search criteria, authors SHOULD use the search role instead of the generic form role.\n\nAuthors SHOULD give each element with role form a brief label that describes the purpose of the form. Authors SHOULD reference a visible label with aria-labelledby if a visible label is present. Authors SHOULD include the label inside of a heading whenever possible. The heading MAY be an instance of the standard host language heading element or an instance of an element with role heading.\n\nIf an author uses a script to submit a form based on a user action that would otherwise not trigger an onsubmit event (for example, a form submission triggered by the user changing a form element's value), the author SHOULD provide the user with advance notification of the behavior.\n\nAssistive technologies SHOULD enable users to quickly navigate to elements with role form. User agents SHOULD treat elements with role form and an accessible name as navigational landmarks. User agents MAY enable users to quickly navigate to elements with role form.", "generalization": ["landmark"], "requiredContextRole": [], "requiredOwnedElements": [], "accessibleNameRequired": false, "accessibleNameFromAuthor": true, "accessibleNameFromContent": false, "accessibleNameProhibited": false, "ownedProperties": [ { "name": "aria-atomic", "inherited": true }, { "name": "aria-braillelabel", "inherited": true }, { "name": "aria-brailleroledescription", "inherited": true }, { "name": "aria-busy", "inherited": true }, { "name": "aria-controls", "inherited": true }, { "name": "aria-current", "inherited": true }, { "name": "aria-describedby", "inherited": true }, { "name": "aria-description", "inherited": true }, { "name": "aria-details", "inherited": true }, { "name": "aria-disabled", "deprecated": true, "inherited": true }, { "name": "aria-dropeffect", "inherited": true }, { "name": "aria-errormessage", "deprecated": true, "inherited": true }, { "name": "aria-flowto", "inherited": true }, { "name": "aria-grabbed", "inherited": true }, { "name": "aria-haspopup", "deprecated": true, "inherited": true }, { "name": "aria-hidden", "inherited": true }, { "name": "aria-invalid", "deprecated": true, "inherited": true }, { "name": "aria-keyshortcuts", "inherited": true }, { "name": "aria-label", "inherited": true }, { "name": "aria-labelledby", "inherited": true }, { "name": "aria-live", "inherited": true }, { "name": "aria-owns", "inherited": true }, { "name": "aria-relevant", "inherited": true }, { "name": "aria-roledescription", "inherited": true } ], "prohibitedProperties": [] }, { "name": "generic", "description": "A nameless container element that has no semantic meaning on its own.\n\nThe generic role is intended for use as the implicit role of generic elements in host languages (such as HTML div or span), so is primarily for implementors of user agents. Authors SHOULD NOT use this role in content. Authors MAY use presentation or none to remove implicit accessibility semantics, or a semantic container role such as group to semantically group descendants in a named container.\n\nLike an element with role presentation, an element with role generic can provide a limited number of accessible states and properties for its descendants, such as aria-live attributes.\n\nHowever, unlike elements with role presentation, user agents expose generic elements in accessibility APIs when permitted accessibility attributes have been specified. User agents MAY otherwise ignore generic elements if such permitted attributes have not been specified.", "generalization": ["structure"], "requiredContextRole": [], "requiredOwnedElements": [], "accessibleNameRequired": false, "accessibleNameFromAuthor": false, "accessibleNameFromContent": false, "accessibleNameProhibited": true, "ownedProperties": [ { "name": "aria-atomic", "inherited": true }, { "name": "aria-busy", "inherited": true }, { "name": "aria-controls", "inherited": true }, { "name": "aria-current", "inherited": true }, { "name": "aria-describedby", "inherited": true }, { "name": "aria-description", "inherited": true }, { "name": "aria-details", "inherited": true }, { "name": "aria-disabled", "deprecated": true, "inherited": true }, { "name": "aria-dropeffect", "inherited": true }, { "name": "aria-errormessage", "deprecated": true, "inherited": true }, { "name": "aria-flowto", "inherited": true }, { "name": "aria-grabbed", "inherited": true }, { "name": "aria-haspopup", "deprecated": true, "inherited": true }, { "name": "aria-hidden", "inherited": true }, { "name": "aria-invalid", "deprecated": true, "inherited": true }, { "name": "aria-keyshortcuts", "inherited": true }, { "name": "aria-live", "inherited": true }, { "name": "aria-owns", "inherited": true }, { "name": "aria-relevant", "inherited": true } ], "prohibitedProperties": [ "aria-braillelabel", "aria-brailleroledescription", "aria-label", "aria-labelledby", "aria-roledescription" ] }, { "name": "grid", "description": "A composite widget containing a collection of one or more rows with one or more cells where some or all cells in the grid are focusable by using methods of two-dimensional navigation, such as directional arrow keys.\n\nThe grid role does not imply a specific visual, e.g., tabular, presentation. It describes relationships among elements. It can be used for purposes as simple as grouping a collection of checkboxes or navigation links or as complex as creating a full-featured spreadsheet application.\n\nThe cell elements of a grid have role gridcell. Authors MAY designate a cell as a row or column header by using either the rowheader or columnheader role in lieu of the gridcell role. Authors MUST ensure elements with role gridcell, columnheader, or rowheader are accessibility children of elements with role row, which are in turn are accessibility children of an element with role rowgroup, or grid.\n\nTo be keyboard accessible, authors SHOULD manage focus of descendants of a grid as described in Managing Focus. When a user is navigating the grid content with a keyboard, authors SHOULD set focus as follows:\n\nAuthors SHOULD provide a mechanism for changing to an interaction or edit mode that allows users to navigate and interact with content contained inside a focusable cell if that focusable cell contains any of the following:\n\nFor example, if a cell in a spreadsheet contains a combobox or editable text, the Enter key might be used to activate a cell interaction or editing mode when that cell has focus so the directional arrow keys can be used to operate the contained combobox or textbox. Depending on the implementation, pressing Enter again, Tab, Escape, or another key might switch the application back to the grid navigation mode.\n\nAuthors MAY use a gridcell to display the result of a formula, which could be editable by the user. In a spreadsheet application, for example, a gridcell might show a value calculated from a formula until the user activates the gridcell for editing when a textbox appears in the gridcell containing the formula in an editable state.\n\nIf aria-readonly is set on an element with role grid, user agents MUST propagate the value to all gridcell elements that are accessibility descendants of that grid and expose the value in the accessibility API. An author MAY override the propagated value of aria-readonly for an individual gridcell element.\n\nIn a grid that provides cell content editing functions, if the content of a focusable gridcell element is not editable, authors MAY set aria-readonly to true on the gridcell element. However, the value of aria-readonly, whether specified for a grid or individual cells, only indicates whether the content contained in cells is editable. It does not represent availability of functions for navigating or manipulating the grid itself.\n\nAn unspecified value for aria-readonly does not imply that a grid or a gridcell contains editable content. For example, if a grid presents a collection of elements that are not editable, such as a collection of link elements representing dates in a datepicker, it is not necessary for the author to specify a value for aria-readonly.\n\nAuthors MAY indicate that a focusable gridcell is selectable as the object of an action with the aria-selected attribute. If the grid allows multiple gridcells to be selected, the author SHOULD set aria-multiselectable to true on the element with role grid.\n\nSince WAI-ARIA can augment an element of the host language, a grid can reuse the elements and attributes of a native table, such as an HTML table element. For example, if an author applies the grid role to an HTML table element, the author does not need to apply the row and gridcell roles to the descendant HTML tr and td elements because the user agent will automatically make the appropriate translations. When the author is reusing a native host language table element and needs a gridcell element to span multiple rows or columns, the author SHOULD apply the appropriate host language attributes instead of WAI-ARIA aria-rowspan or aria-colspan properties.\n\nAuthors SHOULD provide an accessible name for a grid, which can be done with the aria-label or aria-labelledby attribute. Authors SHOULD reference a visible label with aria-labelledby if a visible label is present for the grid.\n\nSee the ARIA Authoring Practices Guide for additional details on implementing grid design patterns.", "generalization": ["composite", "table"], "requiredContextRole": [], "requiredOwnedElements": ["caption", "row", "rowgroup > row"], "accessibleNameRequired": false, "accessibleNameFromAuthor": true, "accessibleNameFromContent": false, "accessibleNameProhibited": false, "ownedProperties": [ { "name": "aria-activedescendant", "inherited": true }, { "name": "aria-atomic", "inherited": true }, { "name": "aria-braillelabel", "inherited": true }, { "name": "aria-brailleroledescription", "inherited": true }, { "name": "aria-busy", "inherited": true }, { "name": "aria-colcount", "inherited": true }, { "name": "aria-controls", "inherited": true }, { "name": "aria-current", "inherited": true }, { "name": "aria-describedby", "inherited": true }, { "name": "aria-description", "inherited": true }, { "name": "aria-details", "inherited": true }, { "name": "aria-disabled", "inherited": true }, { "name": "aria-dropeffect", "inherited": true }, { "name": "aria-errormessage", "deprecated": true, "inherited": true }, { "name": "aria-flowto", "inherited": true }, { "name": "aria-grabbed", "inherited": true }, { "name": "aria-haspopup", "deprecated": true, "inherited": true }, { "name": "aria-hidden", "inherited": true }, { "name": "aria-invalid", "deprecated": true, "inherited": true }, { "name": "aria-keyshortcuts", "inherited": true }, { "name": "aria-label", "inherited": true }, { "name": "aria-labelledby", "inherited": true }, { "name": "aria-live", "inherited": true }, { "name": "aria-multiselectable" }, { "name": "aria-owns", "inherited": true }, { "name": "aria-readonly" }, { "name": "aria-relevant", "inherited": true }, { "name": "aria-roledescription", "inherited": true }, { "name": "aria-rowcount", "inherited": true } ], "prohibitedProperties": [] }, { "name": "gridcell", "description": "A cell in a grid or treegrid.\n\nA gridcell can be focusable, editable, and selectable. A gridcell can have relationships such as aria-controls to address the application of functional relationships.\n\nIf an author intends a gridcell to have a row header, column header, or both, and if the relevant headers cannot be determined from the DOM structure, authors SHOULD explicitly indicate which header cells are relevant to the gridcell by applying aria-describedby on the gridcell and referencing elements with role rowheader or columnheader.\n\nIn a treegrid, authors MAY define a gridcell as expandable by using the aria-expanded attribute. If the aria-expanded attribute is provided, it applies only to the individual cell. It is not a proxy for the container row, which also can be expanded. The main use case for providing this attribute on a gridcell is pivot table behavior.\n\nAuthors MUST ensure elements with role gridcell are accessibility children of an element with the role row.", "generalization": ["cell", "widget"], "requiredContextRole": ["row"], "requiredOwnedElements": [], "accessibleNameRequired": false, "accessibleNameFromAuthor": true, "accessibleNameFromContent": true, "accessibleNameProhibited": false, "ownedProperties": [ { "name": "aria-atomic", "inherited": true }, { "name": "aria-braillelabel", "inherited": true }, { "name": "aria-brailleroledescription", "inherited": true }, { "name": "aria-busy", "inherited": true }, { "name": "aria-colindex", "inherited": true }, { "name": "aria-colindextext", "inherited": true }, { "name": "aria-colspan", "inherited": true }, { "name": "aria-controls", "inherited": true }, { "name": "aria-current", "inherited": true }, { "name": "aria-describedby", "inherited": true }, { "name": "aria-description", "inherited": true }, { "name": "aria-details", "inherited": true }, { "name": "aria-disabled" }, { "name": "aria-dropeffect", "inherited": true }, { "name": "aria-errormessage" }, { "name": "aria-expanded" }, { "name": "aria-flowto", "inherited": true }, { "name": "aria-grabbed", "inherited": true }, { "name": "aria-haspopup" }, { "name": "aria-hidden", "inherited": true }, { "name": "aria-invalid" }, { "name": "aria-keyshortcuts", "inherited": true }, { "name": "aria-label", "inherited": true }, { "name": "aria-labelledby", "inherited": true }, { "name": "aria-live", "inherited": true }, { "name": "aria-owns", "inherited": true }, { "name": "aria-readonly" }, { "name": "aria-relevant", "inherited": true }, { "name": "aria-required" }, { "name": "aria-roledescription", "inherited": true }, { "name": "aria-rowindex", "inherited": true }, { "name": "aria-rowindextext", "inherited": true }, { "name": "aria-rowspan", "inherited": true }, { "name": "aria-selected" } ], "prohibitedProperties": [] }, { "name": "group", "description": "A set of user interface objects that is not intended to be included in a page summary or table of contents by assistive technologies.\n\nContrast with region, which is a grouping of user interface objects that will be included in a page summary or table of contents.\n\nAuthors SHOULD use a group to form a logical collection of items in a widget, such as children in a tree widget forming a collection of siblings in a hierarchy. However, when a group is used in the context of a listbox, for example, authors MUST limit its children to option elements. Therefore, proper handling of group by authors and assistive technologies is determined by the context in which it is provided.\n\nAuthors MAY nest group elements. If a section is significant enough to warrant inclusion in the web page's table of contents, the author SHOULD assign it a role of region or a standard landmark role.", "generalization": ["section"], "requiredContextRole": [], "requiredOwnedElements": [], "accessibleNameRequired": false, "accessibleNameFromAuthor": true, "accessibleNameFromContent": false, "accessibleNameProhibited": false, "ownedProperties": [ { "name": "aria-activedescendant" }, { "name": "aria-atomic", "inherited": true }, { "name": "aria-braillelabel", "inherited": true }, { "name": "aria-brailleroledescription", "inherited": true }, { "name": "aria-busy", "inherited": true }, { "name": "aria-controls", "inherited": true }, { "name": "aria-current", "inherited": true }, { "name": "aria-describedby", "inherited": true }, { "name": "aria-description", "inherited": true }, { "name": "aria-details", "inherited": true }, { "name": "aria-disabled" }, { "name": "aria-dropeffect", "inherited": true }, { "name": "aria-errormessage", "deprecated": true, "inherited": true }, { "name": "aria-flowto", "inherited": true }, { "name": "aria-grabbed", "inherited": true }, { "name": "aria-haspopup", "deprecated": true, "inherited": true }, { "name": "aria-hidden", "inherited": true }, { "name": "aria-invalid", "deprecated": true, "inherited": true }, { "name": "aria-keyshortcuts", "inherited": true }, { "name": "aria-label", "inherited": true }, { "name": "aria-labelledby", "inherited": true }, { "name": "aria-live", "inherited": true }, { "name": "aria-owns", "inherited": true }, { "name": "aria-relevant", "inherited": true }, { "name": "aria-roledescription", "inherited": true } ], "prohibitedProperties": [] }, { "name": "heading", "description": "A heading for a section of the page.\n\nTo ensure elements with a role of heading are organized into a logical outline, authors MUST use the aria-level attribute to indicate the proper nesting level.", "generalization": ["sectionhead"], "requiredContextRole": [], "requiredOwnedElements": [], "accessibleNameRequired": true, "accessibleNameFromAuthor": true, "accessibleNameFromContent": true, "accessibleNameProhibited": false, "ownedProperties": [ { "name": "aria-atomic", "inherited": true }, { "name": "aria-braillelabel", "inherited": true }, { "name": "aria-brailleroledescription", "inherited": true }, { "name": "aria-busy", "inherited": true }, { "name": "aria-controls", "inherited": true }, { "name": "aria-current", "inherited": true }, { "name": "aria-describedby", "inherited": true }, { "name": "aria-description", "inherited": true }, { "name": "aria-details", "inherited": true }, { "name": "aria-disabled", "deprecated": true, "inherited": true }, { "name": "aria-dropeffect", "inherited": true }, { "name": "aria-errormessage", "deprecated": true, "inherited": true }, { "name": "aria-flowto", "inherited": true }, { "name": "aria-grabbed", "inherited": true }, { "name": "aria-haspopup", "deprecated": true, "inherited": true }, { "name": "aria-hidden", "inherited": true }, { "name": "aria-invalid", "deprecated": true, "inherited": true }, { "name": "aria-keyshortcuts", "inherited": true }, { "name": "aria-label", "inherited": true }, { "name": "aria-labelledby", "inherited": true }, { "name": "aria-level", "required": true }, { "name": "aria-live", "inherited": true }, { "name": "aria-owns", "inherited": true }, { "name": "aria-relevant", "inherited": true }, { "name": "aria-roledescription", "inherited": true } ], "prohibitedProperties": [] }, { "name": "image", "description": "A container for a collection of elements that form an image. See synonym img.\n\nAn img can contain captions and descriptive text, as well as multiple image files that when viewed together give the impression of a single image. An img represents a single graphic within a document, whether or not it is formed by a collection of drawing objects. In order for an element with a role of img to be perceivable, authors MUST provide the element with an accessible name. This can be done using the aria-label or aria-labelledby attribute.\n\nThe image role was added to ARIA in version 1.3 as a synonym of the ARIA 1.0 img role. The image role improves syntactic consistency with the names of other roles, which are complete words or concatenations of complete words.", "generalization": ["section"], "requiredContextRole": [], "requiredOwnedElements": [], "accessibleNameRequired": true, "accessibleNameFromAuthor": true, "accessibleNameFromContent": false, "accessibleNameProhibited": false, "childrenPresentational": true, "ownedProperties": [ { "name": "aria-atomic", "inherited": true }, { "name": "aria-braillelabel", "inherited": true }, { "name": "aria-brailleroledescription", "inherited": true }, { "name": "aria-busy", "inherited": true }, { "name": "aria-controls", "inherited": true }, { "name": "aria-current", "inherited": true }, { "name": "aria-describedby", "inherited": true }, { "name": "aria-description", "inherited": true }, { "name": "aria-details", "inherited": true }, { "name": "aria-disabled", "deprecated": true, "inherited": true }, { "name": "aria-dropeffect", "inherited": true }, { "name": "aria-errormessage", "deprecated": true, "inherited": true }, { "name": "aria-flowto", "inherited": true }, { "name": "aria-grabbed", "inherited": true }, { "name": "aria-haspopup", "deprecated": true, "inherited": true }, { "name": "aria-hidden", "inherited": true }, { "name": "aria-invalid", "deprecated": true, "inherited": true }, { "name": "aria-keyshortcuts", "inherited": true }, { "name": "aria-label", "inherited": true }, { "name": "aria-labelledby", "inherited": true }, { "name": "aria-live", "inherited": true }, { "name": "aria-owns", "inherited": true }, { "name": "aria-relevant", "inherited": true }, { "name": "aria-roledescription", "inherited": true } ], "prohibitedProperties": [] }, { "name": "img", "description": "A container for a collection of elements that form an image. See synonym image.", "generalization": ["section"], "requiredContextRole": [], "requiredOwnedElements": [], "accessibleNameRequired": true, "accessibleNameFromAuthor": true, "accessibleNameFromContent": false, "accessibleNameProhibited": false, "childrenPresentational": true, "ownedProperties": [ { "name": "aria-atomic", "inherited": true }, { "name": "aria-braillelabel", "inherited": true }, { "name": "aria-brailleroledescription", "inherited": true }, { "name": "aria-busy", "inherited": true }, { "name": "aria-controls", "inherited": true }, { "name": "aria-current", "inherited": true }, { "name": "aria-describedby", "inherited": true }, { "name": "aria-description", "inherited": true }, { "name": "aria-details", "inherited": true }, { "name": "aria-disabled", "deprecated": true, "inherited": true }, { "name": "aria-dropeffect", "inherited": true }, { "name": "aria-errormessage", "deprecated": true, "inherited": true }, { "name": "aria-flowto", "inherited": true }, { "name": "aria-grabbed", "inherited": true }, { "name": "aria-haspopup", "deprecated": true, "inherited": true }, { "name": "aria-hidden", "inherited": true }, { "name": "aria-invalid", "deprecated": true, "inherited": true }, { "name": "aria-keyshortcuts", "inherited": true }, { "name": "aria-label", "inherited": true }, { "name": "aria-labelledby", "inherited": true }, { "name": "aria-live", "inherited": true }, { "name": "aria-owns", "inherited": true }, { "name": "aria-relevant", "inherited": true }, { "name": "aria-roledescription", "inherited": true } ], "prohibitedProperties": [] }, { "name": "input", "description": "A generic type of widget that allows user input.\n\ninput is an abstract role used for the ontology. Authors MUST NOT use input role in content.", "isAbstract": true, "generalization": ["widget"], "requiredContextRole": [], "requiredOwnedElements": [], "accessibleNameRequired": false, "accessibleNameFromAuthor": false, "accessibleNameFromContent": false, "accessibleNameProhibited": false, "ownedProperties": [ { "name": "aria-atomic", "inherited": true }, { "name": "aria-braillelabel", "inherited": true }, { "name": "aria-brailleroledescription", "inherited": true }, { "name": "aria-busy", "inherited": true }, { "name": "aria-controls", "inherited": true }, { "name": "aria-current", "inherited": true }, { "name": "aria-describedby", "inherited": true }, { "name": "aria-description", "inherited": true }, { "name": "aria-details", "inherited": true }, { "name": "aria-disabled" }, { "name": "aria-dropeffect", "inherited": true }, { "name": "aria-errormessage", "deprecated": true, "inherited": true }, { "name": "aria-flowto", "inherited": true }, { "name": "aria-grabbed", "inherited": true }, { "name": "aria-haspopup", "deprecated": true, "inherited": true }, { "name": "aria-hidden", "inherited": true }, { "name": "aria-invalid", "deprecated": true, "inherited": true }, { "name": "aria-keyshortcuts", "inherited": true }, { "name": "aria-label", "inherited": true }, { "name": "aria-labelledby", "inherited": true }, { "name": "aria-live", "inherited": true }, { "name": "aria-owns", "inherited": true }, { "name": "aria-relevant", "inherited": true }, { "name": "aria-roledescription", "inherited": true } ], "prohibitedProperties": [] }, { "name": "insertion", "description": "An insertion contains content that is marked as added or content that is being suggested for addition. See related deletion.\n\nInsertions are typically used to either mark differences between two versions of content or to designate content suggested for addition in scenarios where multiple people are revising content.", "generalization": ["section"], "requiredContextRole": [], "requiredOwnedElements": [], "accessibleNameRequired": false, "accessibleNameFromAuthor": false, "accessibleNameFromContent": false, "accessibleNameProhibited": true, "ownedProperties": [ { "name": "aria-atomic", "inherited": true }, { "name": "aria-brailleroledescription", "inherited": true }, { "name": "aria-busy", "inherited": true }, { "name": "aria-controls", "inherited": true }, { "name": "aria-current", "inherited": true }, { "name": "aria-describedby", "inherited": true }, { "name": "aria-description", "inherited": true }, { "name": "aria-details", "inherited": true }, { "name": "aria-disabled", "deprecated": true, "inherited": true }, { "name": "aria-dropeffect", "inherited": true }, { "name": "aria-errormessage", "deprecated": true, "inherited": true }, { "name": "aria-flowto", "inherited": true }, { "name": "aria-grabbed", "inherited": true }, { "name": "aria-haspopup", "deprecated": true, "inherited": true }, { "name": "aria-hidden", "inherited": true }, { "name": "aria-invalid", "deprecated": true, "inherited": true }, { "name": "aria-keyshortcuts", "inherited": true }, { "name": "aria-live", "inherited": true }, { "name": "aria-owns", "inherited": true }, { "name": "aria-relevant", "inherited": true }, { "name": "aria-roledescription", "inherited": true } ], "prohibitedProperties": ["aria-braillelabel", "aria-label", "aria-labelledby"] }, { "name": "landmark", "description": "A perceivable section containing content that is relevant to a specific, author-specified purpose and sufficiently important that users will likely want to be able to navigate to the section easily and to have it listed in a summary of the page. Such a page summary could be generated dynamically by a user agent or assistive technology.\n\nlandmark is an abstract role used for the ontology. Authors MUST NOT use landmark role in content.\n\nAuthors designate the purpose of the content by assigning a role that is a subclass of the landmark role and, when needed, by providing a brief, descriptive label.\n\nElements with a role that is a subclass of the landmark role are known as landmark regions or navigational landmark regions.\n\nAssistive technologies SHOULD enable users to quickly navigate to landmark regions. user agents MAY enable users to quickly navigate to landmark regions.", "isAbstract": true, "generalization": ["section"], "requiredContextRole": [], "requiredOwnedElements": [], "accessibleNameRequired": false, "accessibleNameFromAuthor": false, "accessibleNameFromContent": false, "accessibleNameProhibited": false, "ownedProperties": [ { "name": "aria-atomic", "inherited": true }, { "name": "aria-braillelabel", "inherited": true }, { "name": "aria-brailleroledescription", "inherited": true }, { "name": "aria-busy", "inherited": true }, { "name": "aria-controls", "inherited": true }, { "name": "aria-current", "inherited": true }, { "name": "aria-describedby", "inherited": true }, { "name": "aria-description", "inherited": true }, { "name": "aria-details", "inherited": true }, { "name": "aria-disabled", "deprecated": true, "inherited": true }, { "name": "aria-dropeffect", "inherited": true }, { "name": "aria-errormessage", "deprecated": true, "inherited": true }, { "name": "aria-flowto", "inherited": true }, { "name": "aria-grabbed", "inherited": true }, { "name": "aria-haspopup", "deprecated": true, "inherited": true }, { "name": "aria-hidden", "inherited": true }, { "name": "aria-invalid", "deprecated": true, "inherited": true }, { "name": "aria-keyshortcuts", "inherited": true }, { "name": "aria-label", "inherited": true }, { "name": "aria-labelledby", "inherited": true }, { "name": "aria-live", "inherited": true }, { "name": "aria-owns", "inherited": true }, { "name": "aria-relevant", "inherited": true }, { "name": "aria-roledescription", "inherited": true } ], "prohibitedProperties": [] }, { "name": "link", "description": "An interactive reference to an internal or external resource that, when activated, causes the user agent to navigate to that resource. See related button.\n\nIf this is a native link in the host language (such as an HTML anchor with an href value), activating the link causes the user agent to navigate to that resource. If this is a simulated link, the author is responsible for managing navigation.\n\nIf pressing the link triggers an action but does not change browser focus or page location, authors are advised to consider using the button role instead of the link role.", "generalization": ["command"], "requiredContextRole": [], "requiredOwnedElements": [], "accessibleNameRequired": true, "accessibleNameFromAuthor": true, "accessibleNameFromContent": true, "accessibleNameProhibited": false, "ownedProperties": [ { "name": "aria-atomic", "inherited": true }, { "name": "aria-braillelabel", "inherited": true }, { "name": "aria-brailleroledescription", "inherited": true }, { "name": "aria-busy", "inherited": true }, { "name": "aria-controls", "inherited": true }, { "name": "aria-current", "inherited": true }, { "name": "aria-describedby", "inherited": true }, { "name": "aria-description", "inherited": true }, { "name": "aria-details", "inherited": true }, { "name": "aria-disabled" }, { "name": "aria-dropeffect", "inherited": true }, { "name": "aria-errormessage", "deprecated": true, "inherited": true }, { "name": "aria-expanded" }, { "name": "aria-flowto", "inherited": true }, { "name": "aria-grabbed", "inherited": true }, { "name": "aria-haspopup" }, { "name": "aria-hidden", "inherited": true }, { "name": "aria-invalid", "deprecated": true, "inherited": true }, { "name": "aria-keyshortcuts", "inherited": true }, { "name": "aria-label", "inherited": true }, { "name": "aria-labelledby", "inherited": true }, { "name": "aria-live", "inherited": true }, { "name": "aria-owns", "inherited": true }, { "name": "aria-relevant", "inherited": true }, { "name": "aria-roledescription", "inherited": true } ], "prohibitedProperties": [] }, { "name": "list", "description": "A section containing listitem elements. See related listbox.\n\nLists contain children whose role is listitem.", "generalization": ["section"], "requiredContextRole": [], "requiredOwnedElements": ["listitem"], "accessibleNameRequired": false, "accessibleNameFromAuthor": true, "accessibleNameFromContent": false, "accessibleNameProhibited": false, "ownedProperties": [ { "name": "aria-atomic", "inherited": true }, { "name": "aria-braillelabel", "inherited": true }, { "name": "aria-brailleroledescription", "inherited": true }, { "name": "aria-busy", "inherited": true }, { "name": "aria-controls", "inherited": true }, { "name": "aria-current", "inherited": true }, { "name": "aria-describedby", "inherited": true }, { "name": "aria-description", "inherited": true }, { "name": "aria-details", "inherited": true }, { "name": "aria-disabled", "deprecated": true, "inherited": true }, { "name": "aria-dropeffect", "inherited": true }, { "name": "aria-errormessage", "deprecated": true, "inherited": true }, { "name": "aria-flowto", "inherited": true }, { "name": "aria-grabbed", "inherited": true }, { "name": "aria-haspopup", "deprecated": true, "inherited": true }, { "name": "aria-hidden", "inherited": true }, { "name": "aria-invalid", "deprecated": true, "inherited": true }, { "name": "aria-keyshortcuts", "inherited": true }, { "name": "aria-label", "inherited": true }, { "name": "aria-labelledby", "inherited": true }, { "name": "aria-live", "inherited": true }, { "name": "aria-owns", "inherited": true }, { "name": "aria-relevant", "inherited": true }, { "name": "aria-roledescription", "inherited": true } ], "prohibitedProperties": [] }, { "name": "listbox", "description": "A widget that allows the user to select one or more items from a list of choices. See related combobox and list.\n\nItems within the list are static and, unlike standard HTML select elements, can contain images. List boxes contain children whose role is option or elements whose role is group which in turn contain children whose role is option.\n\nTo be keyboard accessible, authors SHOULD manage focus of option descendants for all instances of this role, as described in Managing Focus.\n\nElements with the role listbox have an implicit aria-orientation value of vertical.", "generalization": ["select"], "requiredContextRole": [], "requiredOwnedElements": ["group > option", "option"], "accessibleNameRequired": true, "accessibleNameFromAuthor": true, "accessibleNameFromContent": false, "accessibleNameProhibited": false, "ownedProperties": [ { "name": "aria-activedescendant", "inherited": true }, { "name": "aria-atomic", "inherited": true }, { "name": "aria-braillelabel", "inherited": true }, { "name": "aria-brailleroledescription", "inherited": true }, { "name": "aria-busy", "inherited": true }, { "name": "aria-controls", "inherited": true }, { "name": "aria-current", "inherited": true }, { "name": "aria-describedby", "inherited": true }, { "name": "aria-description", "inherited": true }, { "name": "aria-details", "inherited": true }, { "name": "aria-disabled", "inherited": true }, { "name": "aria-dropeffect", "inherited": true }, { "name": "aria-errormessage" }, { "name": "aria-flowto", "inherited": true }, { "name": "aria-grabbed", "inherited": true }, { "name": "aria-haspopup", "deprecated": true, "inherited": true }, { "name": "aria-hidden", "inherited": true }, { "name": "aria-invalid" }, { "name": "aria-keyshortcuts", "inherited": true }, { "name": "aria-label", "inherited": true }, { "name": "aria-labelledby", "inherited": true }, { "name": "aria-live", "inherited": true }, { "name": "aria-multiselectable" }, { "name": "aria-orientation", "inherited": true }, { "name": "aria-owns", "inherited": true }, { "name": "aria-readonly" }, { "name": "aria-relevant", "inherited": true }, { "name": "aria-required" }, { "name": "aria-roledescription", "inherited": true } ], "prohibitedProperties": [] }, { "name": "listitem", "description": "A single item in a list or directory.\n\nAuthors MUST ensure elements whose role is listitem are accessibility children of an element whose role is list.", "generalization": ["section"], "requiredContextRole": ["directory", "list"], "requiredOwnedElements": [], "accessibleNameRequired": false, "accessibleNameFromAuthor": true, "accessibleNameFromContent": false, "accessibleNameProhibited": false, "ownedProperties": [ { "name": "aria-atomic", "inherited": true }, { "name": "aria-braillelabel", "inherited": true }, { "name": "aria-brailleroledescription", "inherited": true }, { "name": "aria-busy", "inherited": true }, { "name": "aria-controls", "inherited": true }, { "name": "aria-current", "inherited": true }, { "name": "aria-describedby", "inherited": true }, { "name": "aria-description", "inherited": true }, { "name": "aria-details", "inherited": true }, { "name": "aria-disabled", "deprecated": true, "inherited": true }, { "name": "aria-dropeffect", "inherited": true }, { "name": "aria-errormessage", "deprecated": true, "inherited": true }, { "name": "aria-flowto", "inherited": true }, { "name": "aria-grabbed", "inherited": true }, { "name": "aria-haspopup", "deprecated": true, "inherited": true }, { "name": "aria-hidden", "inherited": true }, { "name": "aria-invalid", "deprecated": true, "inherited": true }, { "name": "aria-keyshortcuts", "inherited": true }, { "name": "aria-label", "inherited": true }, { "name": "aria-labelledby", "inherited": true }, { "name": "aria-live", "inherited": true }, { "name": "aria-owns", "inherited": true }, { "name": "aria-posinset" }, { "name": "aria-relevant", "inherited": true }, { "name": "aria-roledescription", "inherited": true }, { "name": "aria-setsize" } ], "prohibitedProperties": [] }, { "name": "log", "description": "A type of live region where new information is added in meaningful order and old information can disappear.\n\nExamples include chat logs, messaging history, game log, or an error log. In contrast to other live regions, in this role there is a relationship between the arrival of new items in the log and the reading order. The log contains a meaningful sequence and new information is added only to the end of the log, not at arbitrary points.\n\nElements with the role log have an implicit aria-live value of polite.", "generalization": ["section"], "requiredContextRole": [], "requiredOwnedElements": [], "accessibleNameRequired": false, "accessibleNameFromAuthor": true, "accessibleNameFromContent": false, "accessibleNameProhibited": false, "ownedProperties": [ { "name": "aria-atomic", "inherited": true }, { "name": "aria-braillelabel", "inherited": true }, { "name": "aria-brailleroledescription", "inherited": true }, { "name": "aria-busy", "inherited": true }, { "name": "aria-controls", "inherited": true }, { "name": "aria-current", "inherited": true }, { "name": "aria-describedby", "inherited": true }, { "name": "aria-description", "inherited": true }, { "name": "aria-details", "inherited": true }, { "name": "aria-disabled", "deprecated": true, "inherited": true }, { "name": "aria-dropeffect", "inherited": true }, { "name": "aria-errormessage", "deprecated": true, "inherited": true }, { "name": "aria-flowto", "inherited": true }, { "name": "aria-grabbed", "inherited": true }, { "name": "aria-haspopup", "deprecated": true, "inherited": true }, { "name": "aria-hidden", "inherited": true }, { "name": "aria-invalid", "deprecated": true, "inherited": true }, { "name": "aria-keyshortcuts", "inherited": true }, { "name": "aria-label", "inherited": true }, { "name": "aria-labelledby", "inherited": true }, { "name": "aria-live", "inherited": true }, { "name": "aria-owns", "inherited": true }, { "name": "aria-relevant", "inherited": true }, { "name": "aria-roledescription", "inherited": true } ], "prohibitedProperties": [] }, { "name": "main", "description": "A landmark containing the main content of a document.\n\nThis marks the content that is directly related to or expands upon the central topic of the document. The main role is a non-obtrusive alternative for \"skip to main content\" links, where the navigation option to go to the main content (or other landmarks) is provided by assistive technologies, or by a user agent or browser extension, through a keyboard shortcut or UI feature such as a side panel or dialog.\n\nAssistive technologies SHOULD enable users to quickly navigate to elements with role main. user agents SHOULD treat elements with role main as navigational landmarks. user agents MAY enable users to quickly navigate to elements with role main.\n\nThe author SHOULD mark no more than one element on a page with the main role.\n\nBecause document and application elements can be nested in the DOM, they can have multiple main elements as DOM descendants, assuming each of those is associated with different document nodes, either by a DOM nesting (e.g., document within document) or by use of the aria-owns attribute.", "generalization": ["landmark"], "requiredContextRole": [], "requiredOwnedElements": [], "accessibleNameRequired": false, "accessibleNameFromAuthor": true, "accessibleNameFromContent": false, "accessibleNameProhibited": false, "ownedProperties": [ { "name": "aria-atomic", "inherited": true }, { "name": "aria-braillelabel", "inherited": true }, { "name": "aria-brailleroledescription", "inherited": true }, { "name": "aria-busy", "inherited": true }, { "name": "aria-controls", "inherited": true }, { "name": "aria-current", "inherited": true }, { "name": "aria-describedby", "inherited": true }, { "name": "aria-description", "inherited": true }, { "name": "aria-details", "inherited": true }, { "name": "aria-disabled", "deprecated": true, "inherited": true }, { "name": "aria-dropeffect", "inherited": true }, { "name": "aria-errormessage", "deprecated": true, "inherited": true }, { "name": "aria-flowto", "inherited": true }, { "name": "aria-grabbed", "inherited": true }, { "name": "aria-haspopup", "deprecated": true, "inherited": true }, { "name": "aria-hidden", "inherited": true }, { "name": "aria-invalid", "deprecated": true, "inherited": true }, { "name": "aria-keyshortcuts", "inherited": true }, { "name": "aria-label", "inherited": true }, { "name": "aria-labelledby", "inherited": true }, { "name": "aria-live", "inherited": true }, { "name": "aria-owns", "inherited": true }, { "name": "aria-relevant", "inherited": true }, { "name": "aria-roledescription", "inherited": true } ], "prohibitedProperties": [] }, { "name": "mark", "description": "Content which is marked or highlighted for reference or notation purposes, due to the content's relevance in the enclosing context.\n\nExample uses for mark include:\n\nAuthors SHOULD NOT use mark for purely decorative styling such as syntax highlighting.", "generalization": ["section"], "requiredContextRole": [], "requiredOwnedElements": [], "accessibleNameRequired": false, "accessibleNameFromAuthor": false, "accessibleNameFromContent": false, "accessibleNameProhibited": true, "ownedProperties": [ { "name": "aria-atomic", "inherited": true }, { "name": "aria-brailleroledescription", "inherited": true }, { "name": "aria-busy", "inherited": true }, { "name": "aria-controls", "inherited": true }, { "name": "aria-current", "inherited": true }, { "name": "aria-describedby", "inherited": true }, { "name": "aria-description", "inherited": true }, { "name": "aria-details", "inherited": true }, { "name": "aria-disabled", "deprecated": true, "inherited": true }, { "name": "aria-dropeffect", "inherited": true }, { "name": "aria-errormessage", "deprecated": true, "inherited": true }, { "name": "aria-flowto", "inherited": true }, { "name": "aria-grabbed", "inherited": true }, { "name": "aria-haspopup", "deprecated": true, "inherited": true }, { "name": "aria-hidden", "inherited": true }, { "name": "aria-invalid", "deprecated": true, "inherited": true }, { "name": "aria-keyshortcuts", "inherited": true }, { "name": "aria-live", "inherited": true }, { "name": "aria-owns", "inherited": true }, { "name": "aria-relevant", "inherited": true }, { "name": "aria-roledescription", "inherited": true } ], "prohibitedProperties": ["aria-braillelabel", "aria-label", "aria-labelledby"] }, { "name": "marquee", "description": "A section of content where non-essential information changes frequently.\n\nCommon usages of marquee include stock tickers and ad banners.", "generalization": ["section"], "requiredContextRole": [], "requiredOwnedElements": [], "accessibleNameRequired": false, "accessibleNameFromAuthor": true, "accessibleNameFromContent": false, "accessibleNameProhibited": false, "ownedProperties": [ { "name": "aria-atomic", "inherited": true }, { "name": "aria-braillelabel", "inherited": true }, { "name": "aria-brailleroledescription", "inherited": true }, { "name": "aria-busy", "inherited": true }, { "name": "aria-controls", "inherited": true }, { "name": "aria-current", "inherited": true }, { "name": "aria-describedby", "inherited": true }, { "name": "aria-description", "inherited": true }, { "name": "aria-details", "inherited": true }, { "name": "aria-disabled", "deprecated": true, "inherited": true }, { "name": "aria-dropeffect", "inherited": true }, { "name": "aria-errormessage", "deprecated": true, "inherited": true }, { "name": "aria-flowto", "inherited": true }, { "name": "aria-grabbed", "inherited": true }, { "name": "aria-haspopup", "deprecated": true, "inherited": true }, { "name": "aria-hidden", "inherited": true }, { "name": "aria-invalid", "deprecated": true, "inherited": true }, { "name": "aria-keyshortcuts", "inherited": true }, { "name": "aria-label", "inherited": true }, { "name": "aria-labelledby", "inherited": true }, { "name": "aria-live", "inherited": true }, { "name": "aria-owns", "inherited": true }, { "name": "aria-relevant", "inherited": true }, { "name": "aria-roledescription", "inherited": true } ], "prohibitedProperties": [] }, { "name": "math", "description": "Content that represents a mathematical expression.\n\nContent with the role math is intended to be marked up in an accessible format such as MathML [MathML3], or with another type of textual representation such as TeX or LaTeX, which can be converted to an accessible format by native browser implementations or a polyfill library.\n\nWhile it is not ideal to use an image of a mathematical expression, there exists a significant amount of legacy content where images are used to represent mathematical expressions. Authors SHOULD ensure that images of math are labeled by text that describes the mathematical expression as it might be spoken.\n\nBrowsers that support native implementations of MathML are able to provide a more robust, accessible math experience than can be accomplished with plain text approximations of math. Some rendering engines have close integration with screen readers that allow spacial touch exploration of the formula and refreshable braille display output in the Nemeth Braille format. This level of integration is not supported with images of mathematical formulas, even if the author provides a plain text approximation.\n\nAt the time of this writing, some mainstream browsers do not support MathML natively, and must be retrofit using a JavaScript polyfill library. When authoring math content, use native MathML wherever possible, and test thoroughly. Use a polyfill library or provide a fallback image with a text alternative approximation if necessary.\n\nIf a rendering engine does not support a native math format such as MathML, authors MAY use JavaScript to downgrade the content to a format the browser can display, such as this HTML image using a data URI and plain text alternative.", "generalization": ["section"], "requiredContextRole": [], "requiredOwnedElements": [], "accessibleNameRequired": false, "accessibleNameFromAuthor": true, "accessibleNameFromContent": false, "accessibleNameProhibited": false, "ownedProperties": [ { "name": "aria-atomic", "inherited": true }, { "name": "aria-braillelabel", "inherited": true }, { "name": "aria-brailleroledescription", "inherited": true }, { "name": "aria-busy", "inherited": true }, { "name": "aria-controls", "inherited": true }, { "name": "aria-current", "inherited": true }, { "name": "aria-describedby", "inherited": true }, { "name": "aria-description", "inherited": true }, { "name": "aria-details", "inherited": true }, { "name": "aria-disabled", "deprecated": true, "inherited": true }, { "name": "aria-dropeffect", "inherited": true }, { "name": "aria-errormessage", "deprecated": true, "inherited": true }, { "name": "aria-flowto", "inherited": true }, { "name": "aria-grabbed", "inherited": true }, { "name": "aria-haspopup", "deprecated": true, "inherited": true }, { "name": "aria-hidden", "inherited": true }, { "name": "aria-invalid", "deprecated": true, "inherited": true }, { "name": "aria-keyshortcuts", "inherited": true }, { "name": "aria-label", "inherited": true }, { "name": "aria-labelledby", "inherited": true }, { "name": "aria-live", "inherited": true }, { "name": "aria-owns", "inherited": true }, { "name": "aria-relevant", "inherited": true }, { "name": "aria-roledescription", "inherited": true } ], "prohibitedProperties": [] }, { "name": "menu", "description": "A type of widget that offers a list of choices to the user.\n\nA menu is a container, generally rendered as a popup or overlay, for a set of menu items that can be invoked to perform an action or function. The function is almost always closely related or directly related to the element that the user activated to invoke the menu. Activating a menu item both performs the associated function of the menu item, and results in the automatic dismissal of the menu.\n\nThe menu role is appropriate when a set of menu items is presented in a manner similar to a popup menu. For instance, a menu could be used to represent a context menu for its invoking element, or it would be used to render sub-menus for items of a menubar or another menu popup.\n\nTo be keyboard accessible, authors SHOULD manage focus of descendants for all instances of this role, as described in Managing Focus.\n\nElements with the role menu have an implicit aria-orientation value of vertical.", "generalization": ["select"], "requiredContextRole": [], "requiredOwnedElements": [ "group > menuitem", "group > menuitemradio", "group > menuitemcheckbox", "menuitem", "menuitemcheckbox", "menuitemradio", "separator" ], "accessibleNameRequired": false, "accessibleNameFromAuthor": true, "accessibleNameFromContent": false, "accessibleNameProhibited": false, "ownedProperties": [ { "name": "aria-activedescendant", "inherited": true }, { "name": "aria-atomic", "inherited": true }, { "name": "aria-braillelabel", "inherited": true }, { "name": "aria-brailleroledescription", "inherited": true }, { "name": "aria-busy", "inherited": true }, { "name": "aria-controls", "inherited": true }, { "name": "aria-current", "inherited": true }, { "name": "aria-describedby", "inherited": true }, { "name": "aria-description", "inherited": true }, { "name": "aria-details", "inherited": true }, { "name": "aria-disabled", "inherited": true }, { "name": "aria-dropeffect", "inherited": true }, { "name": "aria-errormessage", "deprecated": true, "inherited": true }, { "name": "aria-flowto", "inherited": true }, { "name": "aria-grabbed", "inherited": true }, { "name": "aria-haspopup", "deprecated": true, "inherited": true }, { "name": "aria-hidden", "inherited": true }, { "name": "aria-invalid", "deprecated": true, "inherited": true }, { "name": "aria-keyshortcuts", "inherited": true }, { "name": "aria-label", "inherited": true }, { "name": "aria-labelledby", "inherited": true }, { "name": "aria-live", "inherited": true }, { "name": "aria-orientation", "inherited": true }, { "name": "aria-owns", "inherited": true }, { "name": "aria-relevant", "inherited": true }, { "name": "aria-roledescription", "inherited": true } ], "prohibitedProperties": [] }, { "name": "menubar", "description": "A presentation of menu that usually remains visible and is usually presented horizontally.\n\nThe menubar role is used to create a menu bar similar to those found in Windows, Mac, and Gnome desktop applications. A menu bar is used to create a consistent set of frequently used commands. Authors SHOULD ensure that menubar interaction is similar to the typical menu bar interaction in a desktop graphical user interface.\n\nTo be keyboard accessible, authors SHOULD manage focus of descendants for all instances of this role, as described in Managing Focus.\n\nElements with the role menubar have an implicit aria-orientation value of horizontal.", "generalization": ["menu"], "requiredContextRole": [], "requiredOwnedElements": [ "group > menuitem", "group > menuitemradio", "group > menuitemcheckbox", "menuitem", "menuitemcheckbox", "menuitemradio", "separator" ], "accessibleNameRequired": false, "accessibleNameFromAuthor": true, "accessibleNameFromContent": false, "accessibleNameProhibited": false, "ownedProperties": [ { "name": "aria-activedescendant", "inherited": true }, { "name": "aria-atomic", "inherited": true }, { "name": "aria-braillelabel", "inherited": true }, { "name": "aria-brailleroledescription", "inherited": true }, { "name": "aria-busy", "inherited": true }, { "name": "aria-controls", "inherited": true }, { "name": "aria-current", "inherited": true }, { "name": "aria-describedby", "inherited": true }, { "name": "aria-description", "inherited": true }, { "name": "aria-details", "inherited": true }, { "name": "aria-disabled", "inherited": true }, { "name": "aria-dropeffect", "inherited": true }, { "name": "aria-errormessage", "deprecated": true, "inherited": true }, { "name": "aria-flowto", "inherited": true }, { "name": "aria-grabbed", "inherited": true }, { "name": "aria-haspopup", "deprecated": true, "inherited": true }, { "name": "aria-hidden", "inherited": true }, { "name": "aria-invalid", "deprecated": true, "inherited": true }, { "name": "aria-keyshortcuts", "inherited": true }, { "name": "aria-label", "inherited": true }, { "name": "aria-labelledby", "inherited": true }, { "name": "aria-live", "inherited": true }, { "name": "aria-orientation", "inherited": true }, { "name": "aria-owns", "inherited": true }, { "name": "aria-relevant", "inherited": true }, { "name": "aria-roledescription", "inherited": true } ], "prohibitedProperties": [] }, { "name": "menuitem", "description": "An option in a set of choices contained by a menu or menubar.\n\nAuthors MUST ensure elements with role menuitem are accessibility children of an element with role menu, menubar, or an element with role group that is an accessibility child of an element with role menu or menubar.\n\nAuthors MAY disable a menu item with the aria-disabled attribute. If the menu item has its aria-haspopup attribute set to true, it indicates that the menu item can be used to launch a sub-level menu, and authors SHOULD display a new sub-level menu when the menu item is activated.\n\nIn order to identify that they are related widgets, authors MUST ensure that menu items are accessibility descendants of an element with role menu or menubar. Authors MAY separate menu items into sets by use of a separator or an element with an equivalent role from the native markup language.", "generalization": ["command"], "requiredContextRole": ["menu", "menubar", "menu > group", "menubar > group"], "requiredOwnedElements": [], "accessibleNameRequired": true, "accessibleNameFromAuthor": true, "accessibleNameFromContent": true, "accessibleNameProhibited": false, "ownedProperties": [ { "name": "aria-atomic", "inherited": true }, { "name": "aria-braillelabel", "inherited": true }, { "name": "aria-brailleroledescription", "inherited": true }, { "name": "aria-busy", "inherited": true }, { "name": "aria-controls", "inherited": true }, { "name": "aria-current", "inherited": true }, { "name": "aria-describedby", "inherited": true }, { "name": "aria-description", "inherited": true }, { "name": "aria-details", "inherited": true }, { "name": "aria-disabled" }, { "name": "aria-dropeffect", "inherited": true }, { "name": "aria-errormessage", "deprecated": true, "inherited": true }, { "name": "aria-expanded" }, { "name": "aria-flowto", "inherited": true }, { "name": "aria-grabbed", "inherited": true }, { "name": "aria-haspopup" }, { "name": "aria-hidden", "inherited": true }, { "name": "aria-invalid", "deprecated": true, "inherited": true }, { "name": "aria-keyshortcuts", "inherited": true }, { "name": "aria-label", "inherited": true }, { "name": "aria-labelledby", "inherited": true }, { "name": "aria-live", "inherited": true }, { "name": "aria-owns", "inherited": true }, { "name": "aria-posinset" }, { "name": "aria-relevant", "inherited": true }, { "name": "aria-roledescription", "inherited": true }, { "name": "aria-setsize" } ], "prohibitedProperties": [] }, { "name": "menuitemcheckbox", "description": "A menuitem with a checkable state whose possible values are true, false, or mixed.\n\nAuthors MUST ensure elements with role menuitemcheckbox are accessibility children of an element with role menu, menubar, or an element with role group that is an accessibility child of an element with role menu or menubar.\n\nThe aria-checked attribute of a menuitemcheckbox indicates whether the menu item is checked (true), unchecked (false), or represents a sub-level menu of other menu items that have a mixture of checked and unchecked values (mixed).\n\nIn order to identify that they are related widgets, authors MUST ensure that menu item checkboxes are the accessibility descendants of an element with role menu or menubar. Authors MAY separate menu items into sets by use of a separator or an element with an equivalent role from the native markup language.", "generalization": ["menuitem"], "requiredContextRole": ["menu", "menubar", "menu > group", "menubar > group"], "requiredOwnedElements": [], "accessibleNameRequired": true, "accessibleNameFromAuthor": true, "accessibleNameFromContent": true, "accessibleNameProhibited": false, "childrenPresentational": true, "ownedProperties": [ { "name": "aria-atomic", "inherited": true }, { "name": "aria-braillelabel", "inherited": true }, { "name": "aria-brailleroledescription", "inherited": true }, { "name": "aria-busy", "inherited": true }, { "name": "aria-checked", "required": true }, { "name": "aria-controls", "inherited": true }, { "name": "aria-current", "inherited": true }, { "name": "aria-describedby", "inherited": true }, { "name": "aria-description", "inherited": true }, { "name": "aria-details", "inherited": true }, { "name": "aria-disabled", "inherited": true }, { "name": "aria-dropeffect", "inherited": true }, { "name": "aria-errormessage", "deprecated": true, "inherited": true }, { "name": "aria-expanded", "inherited": true }, { "name": "aria-flowto", "inherited": true }, { "name": "aria-grabbed", "inherited": true }, { "name": "aria-haspopup", "inherited": true }, { "name": "aria-hidden", "inherited": true }, { "name": "aria-invalid", "deprecated": true, "inherited": true }, { "name": "aria-keyshortcuts", "inherited": true }, { "name": "aria-label", "inherited": true }, { "name": "aria-labelledby", "inherited": true }, { "name": "aria-live", "inherited": true }, { "name": "aria-owns", "inherited": true }, { "name": "aria-posinset", "inherited": true }, { "name": "aria-relevant", "inherited": true }, { "name": "aria-roledescription", "inherited": true }, { "name": "aria-setsize", "inherited": true } ], "prohibitedProperties": [] }, { "name": "menuitemradio", "description": "A checkable menuitem in a set of elements with the same role, only one of which can be checked at a time.\n\nAuthors MUST ensure elements with role menuitemradio are accessibility children of an element with role menu, menubar, or an element with role group that is an accessibility child of an element with role menu or menubar.\n\nAuthors SHOULD enforce that only one menuitemradio in a group can be checked at the same time. When one item in the group is checked, the previously checked item becomes unchecked (its aria-checked attribute becomes false).\n\nIn order to identify that they are related widgets, authors MUST ensure that menu item radios are accessibility descendants of an element with role menu or menubar.\n\nIf a menu or menubar contains more than one group of menuitemradio elements, or if the menu contains one group and other, unrelated menu items, authors SHOULD contain each set of related menuitemradio elements in an element using the group role. Authors MAY also delimit the group from other menu items with an element using the separator role, or an element with an equivalent role from the native markup language.", "generalization": ["menuitem"], "requiredContextRole": ["menu", "menubar", "menu > group", "menubar > group"], "requiredOwnedElements": [], "accessibleNameRequired": true, "accessibleNameFromAuthor": true, "accessibleNameFromContent": true, "accessibleNameProhibited": false, "childrenPresentational": true, "ownedProperties": [ { "name": "aria-atomic", "inherited": true }, { "name": "aria-braillelabel", "inherited": true }, { "name": "aria-brailleroledescription", "inherited": true }, { "name": "aria-busy", "inherited": true }, { "name": "aria-checked", "required": true }, { "name": "aria-controls", "inherited": true }, { "name": "aria-current", "inherited": true }, { "name": "aria-describedby", "inherited": true }, { "name": "aria-description", "inherited": true }, { "name": "aria-details", "inherited": true }, { "name": "aria-disabled", "inherited": true }, { "name": "aria-dropeffect", "inherited": true }, { "name": "aria-errormessage", "deprecated": true, "inherited": true }, { "name": "aria-expanded", "inherited": true }, { "name": "aria-flowto", "inherited": true }, { "name": "aria-grabbed", "inherited": true }, { "name": "aria-haspopup", "inherited": true }, { "name": "aria-hidden", "inherited": true }, { "name": "aria-invalid", "deprecated": true, "inherited": true }, { "name": "aria-keyshortcuts", "inherited": true }, { "name": "aria-label", "inherited": true }, { "name": "aria-labelledby", "inherited": true }, { "name": "aria-live", "inherited": true }, { "name": "aria-owns", "inherited": true }, { "name": "aria-posinset", "inherited": true }, { "name": "aria-relevant", "inherited": true }, { "name": "aria-roledescription", "inherited": true }, { "name": "aria-setsize", "inherited": true } ], "prohibitedProperties": [] }, { "name": "meter", "description": "An element that represents a scalar measurement within a known range, or a fractional value. See related progressbar.\n\nAuthors MAY set aria-valuemin and aria-valuemax to indicate the minimum and maximum values for the meter. Otherwise, their implicit values follow the same rules as in HTML:\n\nThe value of aria-valuenow MUST NOT fall below or exceed the computed values of aria-valuemin and aria-valuemax, respectively.\n\nAuthors SHOULD NOT use the meter role to indicate progress; the progressbar role exists to address that need.\n\nPresently, there are no WAI-ARIA properties corresponding to the low, optimum, and high attributes supported on the element in HTML. The addition of these properties will be considered for ARIA version 1.3.", "generalization": ["range"], "requiredContextRole": [], "requiredOwnedElements": [], "accessibleNameRequired": true, "accessibleNameFromAuthor": true, "accessibleNameFromContent": false, "accessibleNameProhibited": false, "childrenPresentational": true, "ownedProperties": [ { "name": "aria-atomic", "inherited": true }, { "name": "aria-braillelabel", "inherited": true }, { "name": "aria-brailleroledescription", "inherited": true }, { "name": "aria-busy", "inherited": true }, { "name": "aria-controls", "inherited": true }, { "name": "aria-current", "inherited": true }, { "name": "aria-describedby", "inherited": true }, { "name": "aria-description", "inherited": true }, { "name": "aria-details", "inherited": true }, { "name": "aria-disabled", "deprecated": true, "inherited": true }, { "name": "aria-dropeffect", "inherited": true }, { "name": "aria-errormessage", "deprecated": true, "inherited": true }, { "name": "aria-flowto", "inherited": true }, { "name": "aria-grabbed", "inherited": true }, { "name": "aria-haspopup", "deprecated": true, "inherited": true }, { "name": "aria-hidden", "inherited": true }, { "name": "aria-invalid", "deprecated": true, "inherited": true }, { "name": "aria-keyshortcuts", "inherited": true }, { "name": "aria-label", "inherited": true }, { "name": "aria-labelledby", "inherited": true }, { "name": "aria-live", "inherited": true }, { "name": "aria-owns", "inherited": true }, { "name": "aria-relevant", "inherited": true }, { "name": "aria-roledescription", "inherited": true }, { "name": "aria-valuemax", "inherited": true }, { "name": "aria-valuemin", "inherited": true }, { "name": "aria-valuenow", "required": true }, { "name": "aria-valuetext", "inherited": true } ], "prohibitedProperties": [] }, { "name": "navigation", "description": "A landmark containing a collection of navigational elements (usually links) for navigating the document or related documents.\n\nAssistive technologies SHOULD enable users to quickly navigate to elements with role navigation. user agents SHOULD treat elements with role navigation as navigational landmarks. user agents MAY enable users to quickly navigate to elements with role navigation.", "generalization": ["landmark"], "requiredContextRole": [], "requiredOwnedElements": [], "accessibleNameRequired": false, "accessibleNameFromAuthor": true, "accessibleNameFromContent": false, "accessibleNameProhibited": false, "ownedProperties": [ { "name": "aria-atomic", "inherited": true }, { "name": "aria-braillelabel", "inherited": true }, { "name": "aria-brailleroledescription", "inherited": true }, { "name": "aria-busy", "inherited": true }, { "name": "aria-controls", "inherited": true }, { "name": "aria-current", "inherited": true }, { "name": "aria-describedby", "inherited": true }, { "name": "aria-description", "inherited": true }, { "name": "aria-details", "inherited": true }, { "name": "aria-disabled", "deprecated": true, "inherited": true }, { "name": "aria-dropeffect", "inherited": true }, { "name": "aria-errormessage", "deprecated": true, "inherited": true }, { "name": "aria-flowto", "inherited": true }, { "name": "aria-grabbed", "inherited": true }, { "name": "aria-haspopup", "deprecated": true, "inherited": true }, { "name": "aria-hidden", "inherited": true }, { "name": "aria-invalid", "deprecated": true, "inherited": true }, { "name": "aria-keyshortcuts", "inherited": true }, { "name": "aria-label", "inherited": true }, { "name": "aria-labelledby", "inherited": true }, { "name": "aria-live", "inherited": true }, { "name": "aria-owns", "inherited": true }, { "name": "aria-relevant", "inherited": true }, { "name": "aria-roledescription", "inherited": true } ], "prohibitedProperties": [] }, { "name": "none", "description": "An element whose implicit native role semantics will not be mapped to the accessibility API. See synonym presentation.\n\nIn ARIA 1.1, the working group introduced none as a synonym to the presentation role, due to author confusion surrounding the intended meaning of the word \"presentation\" or \"presentational.\" Many individuals erroneously consider role=\"presentation\" to be synonymous with aria-hidden=\"true\", and we believe role=\"none\" conveys the actual meaning more unambiguously.\n\nThe intended use is when an element is used to change the look of the page but does not have all the functional, interactive, or structural relevance implied by the element type, or can be used to provide for an accessible fallback in older browsers that do not support WAI-ARIA.\n\nExample use cases:\n\nFor any element with a role of none/presentation and which is not focusable, the user agent MUST NOT expose the implicit native semantics of the element (the role and its states and properties) to accessibility APIs. However, the user agent MUST expose content and descendant elements that do not have an explicit or inherited role of none/presentation. Thus, the none/presentation role causes a given element to be treated as having no role or to be removed from the accessibility tree, but does not cause the content contained within the element to be removed from the accessibility tree.\n\nFor example, the following two markup snippets will be exposed similarly to an accessibility API.\n\nIn HTML, the element is treated as a single entity regardless of the type of image file. Consequently, using role=\"none\" or role=\"presentation\" on an HTML img is equivalent to using aria-hidden=\"true\". In order to make the image contents accessible, authors can embed the object using an or