From c4ceecf6d907e88dffa061fe9f3a87b6dc409e34 Mon Sep 17 00:00:00 2001 From: Peter Krautzberger Date: Mon, 26 Jun 2023 13:23:43 +0200 Subject: [PATCH 01/16] chore: github action to run prettier --- .github/workflow/prettier.yaml | 23 +++++++++++++++++++++++ 1 file changed, 23 insertions(+) create mode 100644 .github/workflow/prettier.yaml diff --git a/.github/workflow/prettier.yaml b/.github/workflow/prettier.yaml new file mode 100644 index 0000000..b59d08e --- /dev/null +++ b/.github/workflow/prettier.yaml @@ -0,0 +1,23 @@ +name: Prettier +# minimally modified from https://github.com/creyD/prettier_action#example-2-using-the-only_changed-or-same_commit-option-on-pr + +on: + pull_request: + branches: + - main + +jobs: + prettier: + runs-on: ubuntu-latest + + steps: + - name: Checkout + uses: actions/checkout@v3 + with: + # Make sure the actual branch is checked out when running on pull requests + ref: ${{ github.head_ref }} + # This is important to fetch the changes to the previous commit + fetch-depth: 0 + + - name: Prettify code + uses: creyD/prettier_action@v4.3 From bf96aa80a35b4f665425bd540c4ebd2f99bcb670 Mon Sep 17 00:00:00 2001 From: Peter Krautzberger Date: Mon, 26 Jun 2023 13:26:29 +0200 Subject: [PATCH 02/16] chore: fix CI paths --- .github/{workflow => workflows}/prettier.yaml | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) rename .github/{workflow => workflows}/prettier.yaml (97%) diff --git a/.github/workflow/prettier.yaml b/.github/workflows/prettier.yaml similarity index 97% rename from .github/workflow/prettier.yaml rename to .github/workflows/prettier.yaml index b59d08e..dc028e0 100644 --- a/.github/workflow/prettier.yaml +++ b/.github/workflows/prettier.yaml @@ -3,7 +3,7 @@ name: Prettier on: pull_request: - branches: + branches: - main jobs: From 81347458de1028c2fcdcbf33576c0e62358701ad Mon Sep 17 00:00:00 2001 From: pkra Date: Mon, 26 Jun 2023 11:26:50 +0000 Subject: [PATCH 03/16] Prettified Code! --- common/biblio.js | 84 +- common/script/aria.js | 1406 ++- common/script/ariaChild.js | 203 +- common/script/mapping-tables.js | 152 +- common/script/resolveReferences.js | 121 +- common/script/roleInfo.js | 13162 +++++++++++++-------------- common/script/utility.js | 16 +- 7 files changed, 7452 insertions(+), 7692 deletions(-) diff --git a/common/biblio.js b/common/biblio.js index cbce2a8..e712193 100644 --- a/common/biblio.js +++ b/common/biblio.js @@ -1,46 +1,42 @@ respecConfig.localBiblio = { - - "ACCNAME-AAM": { - "aliasOf": "ACCNAME-AAM-1.1", - }, - "ARIA-PRACTICES": { - "aliasOf": "WAI-ARIA-PRACTICES-1.2", - }, - "CORE-AAM": { - "aliasOf": "CORE-AAM-1.1", - }, - "DPUB-ARIA": { - "aliasOf": "DPUB-ARIA-1.0", - }, - "GRAPHICS-ARIA": { - "aliasOf": "GRAPHICS-ARIA-1.0", - }, - "GRAPHICS-AAM": { - "aliasOf": "GRAPHICS-AAM-1.0", - }, - "EPUB-Content": { - "href": "http://www.idpf.org/epub/31/spec/epub-contentdocs.html", - "title": "EPUB Content Documents 3.1", - "publisher": "IDPF" - }, - "HTML-AAM": { - "aliasOf": "HTML-AAM-1.0", - }, - "MathML-Core": { - "href": "https://mathml-refresh.github.io/mathml-core/", - "title": "MathML Core", - "authors": [ - "David Carlisle", - "Frédéric Wang" - ] - }, - "SVG-AAM": { - "aliasOf": "SVG-AAM-1.0", - }, - "SVG1": { - "aliasOf": "SVG", - }, - "WAI-ARIA": { - "aliasOf": "WAI-ARIA-1.1", - } + "ACCNAME-AAM": { + aliasOf: "ACCNAME-AAM-1.1", + }, + "ARIA-PRACTICES": { + aliasOf: "WAI-ARIA-PRACTICES-1.2", + }, + "CORE-AAM": { + aliasOf: "CORE-AAM-1.1", + }, + "DPUB-ARIA": { + aliasOf: "DPUB-ARIA-1.0", + }, + "GRAPHICS-ARIA": { + aliasOf: "GRAPHICS-ARIA-1.0", + }, + "GRAPHICS-AAM": { + aliasOf: "GRAPHICS-AAM-1.0", + }, + "EPUB-Content": { + href: "http://www.idpf.org/epub/31/spec/epub-contentdocs.html", + title: "EPUB Content Documents 3.1", + publisher: "IDPF", + }, + "HTML-AAM": { + aliasOf: "HTML-AAM-1.0", + }, + "MathML-Core": { + href: "https://mathml-refresh.github.io/mathml-core/", + title: "MathML Core", + authors: ["David Carlisle", "Frédéric Wang"], + }, + "SVG-AAM": { + aliasOf: "SVG-AAM-1.0", + }, + SVG1: { + aliasOf: "SVG", + }, + "WAI-ARIA": { + aliasOf: "WAI-ARIA-1.1", + }, }; diff --git a/common/script/aria.js b/common/script/aria.js index c4df7c1..985f73f 100644 --- a/common/script/aria.js +++ b/common/script/aria.js @@ -13,770 +13,766 @@ var roleInfo = {}; function ariaAttributeReferences() { - var propList = {}; - var globalSP = []; + var propList = {}; + var globalSP = []; - var skipIndex = 0; - var myURL = document.URL; - if (myURL.match(/\?fast/)) { - skipIndex = 1; - } - - // process the document before anything else is done - // first get the properties - Array.prototype.slice - .call(document.querySelectorAll('pdef, sdef')) - .forEach(function (item) { - var type = item.localName === 'pdef' ? 'property' : 'state'; - var container = item.parentNode; - var content = item.innerHTML; - var sp = document.createElement('span'); - var title = item.getAttribute('title'); - if (!title) { - title = content; - } - sp.className = type + '-name'; - sp.title = title; - sp.innerHTML = - '' + - content + - ' ' + - type + - ''; - sp.setAttribute('aria-describedby', 'desc-' + title); - var dRef = item.nextElementSibling; - var desc = cloneWithoutIds(dRef.firstElementChild).innerHTML; - dRef.id = 'desc-' + title; - dRef.setAttribute('role', 'definition'); - var heading = document.createElement('h4'); - heading.appendChild(sp); - container.replaceChild(heading, item); - // add this item to the index - propList[title] = { - is: type, - title: title, - name: content, - desc: desc, - roles: [], - }; - var abstract = container.querySelector('.' + type + '-applicability'); - if ( - (abstract.textContent || abstract.innerText) === - 'All elements of the base markup' - ) { - globalSP.push({ - is: type, - title: title, - name: content, - desc: desc, - prohibited: false, - deprecated: false, - }); - } else if ( - (abstract.textContent || abstract.innerText) === - 'All elements of the base markup except for some roles or elements that prohibit its use' - ) { - globalSP.push({ - is: type, - title: title, - name: content, - desc: desc, - prohibited: true, - deprecated: false, - }); - } else if ( - (abstract.textContent || abstract.innerText) === - 'Use as a global deprecated in ARIA 1.2' - ) { - globalSP.push({ - is: type, - title: title, - name: content, - desc: desc, - prohibited: false, - deprecated: true, - }); - } - // the rdef is gone. if we are in a div, convert that div to a section + var skipIndex = 0; + var myURL = document.URL; + if (myURL.match(/\?fast/)) { + skipIndex = 1; + } - if (container.nodeName.toLowerCase() == 'div') { - // change the enclosing DIV to a section with notoc - var sec = document.createElement('section'); - Array.prototype.slice - .call(container.attributes) - .forEach(function (attr) { - sec.setAttribute(attr.name, attr.value); - }); - sec.classList.add('notoc'); - var theContents = container.innerHTML; - sec.innerHTML = theContents; - container.parentNode.replaceChild(sec, container); - } + // process the document before anything else is done + // first get the properties + Array.prototype.slice + .call(document.querySelectorAll("pdef, sdef")) + .forEach(function (item) { + var type = item.localName === "pdef" ? "property" : "state"; + var container = item.parentNode; + var content = item.innerHTML; + var sp = document.createElement("span"); + var title = item.getAttribute("title"); + if (!title) { + title = content; + } + sp.className = type + "-name"; + sp.title = title; + sp.innerHTML = + "" + + content + + ' ' + + type + + ""; + sp.setAttribute("aria-describedby", "desc-" + title); + var dRef = item.nextElementSibling; + var desc = cloneWithoutIds(dRef.firstElementChild).innerHTML; + dRef.id = "desc-" + title; + dRef.setAttribute("role", "definition"); + var heading = document.createElement("h4"); + heading.appendChild(sp); + container.replaceChild(heading, item); + // add this item to the index + propList[title] = { + is: type, + title: title, + name: content, + desc: desc, + roles: [], + }; + var abstract = container.querySelector("." + type + "-applicability"); + if ( + (abstract.textContent || abstract.innerText) === + "All elements of the base markup" + ) { + globalSP.push({ + is: type, + title: title, + name: content, + desc: desc, + prohibited: false, + deprecated: false, }); - - if (!skipIndex) { - // we have all the properties and states - spit out the - // index - var propIndex = ''; - var sortedList = []; - - Object.keys(propList).forEach(function (key) { - sortedList.push(key); + } else if ( + (abstract.textContent || abstract.innerText) === + "All elements of the base markup except for some roles or elements that prohibit its use" + ) { + globalSP.push({ + is: type, + title: title, + name: content, + desc: desc, + prohibited: true, + deprecated: false, }); - sortedList = sortedList.sort(); - - for (var i = 0; i < sortedList.length; i++) { - var item = propList[sortedList[i]]; - propIndex += - '
' + - item.name + - '
\n'; - propIndex += '
' + item.desc + '
\n'; - } - var node = document.getElementById('index_state_prop'); - var parentNode = node.parentNode; - var l = document.createElement('dl'); - l.id = 'index_state_prop'; - l.className = 'compact'; - l.innerHTML = propIndex; - parentNode.replaceChild(l, node); - - var globalSPIndex = ''; - sortedList = globalSP.sort(function (a, b) { - return a.name < b.name ? -1 : a.name > b.name ? 1 : 0; + } else if ( + (abstract.textContent || abstract.innerText) === + "Use as a global deprecated in ARIA 1.2" + ) { + globalSP.push({ + is: type, + title: title, + name: content, + desc: desc, + prohibited: false, + deprecated: true, }); - for (i = 0; i < sortedList.length; i++) { - var lItem = sortedList[i]; - globalSPIndex += '
  • '; - if (lItem.is === 'state') { - globalSPIndex += - '' + - lItem.name + - ' (state)'; - } else { - globalSPIndex += - '' + - lItem.name + - ''; - } - if (lItem.prohibited) { - globalSPIndex += ' (Except where prohibited)'; - } - if (lItem.deprecated) { - globalSPIndex += ' (Global use deprecated in ARIA 1.2)'; - } - globalSPIndex += '
    • \n'; - } - parentNode = document.querySelector('#global_states'); - if (parentNode) { - node = parentNode.querySelector('.placeholder'); - if (node) { - l = document.createElement('ul'); - l.innerHTML = globalSPIndex; - parentNode.replaceChild(l, node); - } - } - // there is only one role that uses the global properties - parentNode = document.querySelector( - '#roletype td.role-properties span.placeholder' - ); - if (parentNode) { - node = parentNode.parentNode; - if ( - (parentNode.textContent || parentNode.innerText) === - 'Placeholder for global states and properties' - ) { - l = document.createElement('ul'); - l.innerHTML = globalSPIndex; - node.replaceChild(l, parentNode); - } - } } + // the rdef is gone. if we are in a div, convert that div to a section + + if (container.nodeName.toLowerCase() == "div") { + // change the enclosing DIV to a section with notoc + var sec = document.createElement("section"); + Array.prototype.slice + .call(container.attributes) + .forEach(function (attr) { + sec.setAttribute(attr.name, attr.value); + }); + sec.classList.add("notoc"); + var theContents = container.innerHTML; + sec.innerHTML = theContents; + container.parentNode.replaceChild(sec, container); + } + }); + + if (!skipIndex) { + // we have all the properties and states - spit out the + // index + var propIndex = ""; + var sortedList = []; + + Object.keys(propList).forEach(function (key) { + sortedList.push(key); + }); + sortedList = sortedList.sort(); + + for (var i = 0; i < sortedList.length; i++) { + var item = propList[sortedList[i]]; + propIndex += + '
    ' + + item.name + + "
    \n"; + propIndex += "
    " + item.desc + "
    \n"; + } + var node = document.getElementById("index_state_prop"); + var parentNode = node.parentNode; + var l = document.createElement("dl"); + l.id = "index_state_prop"; + l.className = "compact"; + l.innerHTML = propIndex; + parentNode.replaceChild(l, node); + + var globalSPIndex = ""; + sortedList = globalSP.sort(function (a, b) { + return a.name < b.name ? -1 : a.name > b.name ? 1 : 0; + }); + for (i = 0; i < sortedList.length; i++) { + var lItem = sortedList[i]; + globalSPIndex += "
  • "; + if (lItem.is === "state") { + globalSPIndex += + "' + + lItem.name + + " (state)"; + } else { + globalSPIndex += + "" + + lItem.name + + ""; + } + if (lItem.prohibited) { + globalSPIndex += " (Except where prohibited)"; + } + if (lItem.deprecated) { + globalSPIndex += " (Global use deprecated in ARIA 1.2)"; + } + globalSPIndex += "
    • \n"; + } + parentNode = document.querySelector("#global_states"); + if (parentNode) { + node = parentNode.querySelector(".placeholder"); + if (node) { + l = document.createElement("ul"); + l.innerHTML = globalSPIndex; + parentNode.replaceChild(l, node); + } + } + // there is only one role that uses the global properties + parentNode = document.querySelector( + "#roletype td.role-properties span.placeholder" + ); + if (parentNode) { + node = parentNode.parentNode; + if ( + (parentNode.textContent || parentNode.innerText) === + "Placeholder for global states and properties" + ) { + l = document.createElement("ul"); + l.innerHTML = globalSPIndex; + node.replaceChild(l, parentNode); + } + } + } - // what about roles? - // - // we need to do a few things here: - // 1. expand the rdef elements. - // 2. accumulate the roles into a table for the indices - // 3. grab the parent role reference so we can build up the tree - // 4. grab any local states and properties so we can hand those down to the children - // - - var subRoles = []; - var roleIndex = ''; - var fromAuthor = ''; - var fromHeading = ""; - var fromContent = ''; - var fromProhibited = ''; - - Array.prototype.slice - .call(document.querySelectorAll('rdef')) - .forEach(function (item) { - var container = item.parentNode; - var content = item.innerHTML; - var sp = document.createElement('h4'); - var title = item.getAttribute('title'); - if (!title) { - title = content; - } + // what about roles? + // + // we need to do a few things here: + // 1. expand the rdef elements. + // 2. accumulate the roles into a table for the indices + // 3. grab the parent role reference so we can build up the tree + // 4. grab any local states and properties so we can hand those down to the children + // + + var subRoles = []; + var roleIndex = ""; + var fromAuthor = ""; + var fromHeading = ""; + var fromContent = ""; + var fromProhibited = ""; + + Array.prototype.slice + .call(document.querySelectorAll("rdef")) + .forEach(function (item) { + var container = item.parentNode; + var content = item.innerHTML; + var sp = document.createElement("h4"); + var title = item.getAttribute("title"); + if (!title) { + title = content; + } - var pnID = title; - container.id = pnID; - sp.className = 'role-name'; - sp.title = title; - // is this a role or an abstract role - var type = 'role'; - var isAbstract = false; - var abstract = container.querySelectorAll('.role-abstract'); - if (abstract.innerText === 'True') { - type = 'abstract role'; - isAbstract = true; - } - sp.innerHTML = - '' + - content + - ' ' + - type + - ''; - // sp.id = title; - sp.setAttribute('aria-describedby', 'desc-' + title); - var dRef = item.nextElementSibling; - var desc = cloneWithoutIds(dRef.firstElementChild).innerHTML; - dRef.id = 'desc-' + title; - dRef.setAttribute('role', 'definition'); - container.replaceChild(sp, item); - roleIndex += - '
    ' + - content + - '' + - (isAbstract ? ' (abstract role) ' : '') + - '
    \n'; - roleIndex += '
    ' + desc + '
    \n'; - // grab info about this role - // do we have a parent class? if so, put us in that parents list - var node = Array.prototype.slice.call( - container.querySelectorAll('.role-parent rref') - ); - // s will hold the name of the parent role if any - var s = null; - var parentRoles = []; - if (node.length) { - node.forEach(function (roleref) { - s = roleref.textContent || roleref.innerText; - - if (!subRoles[s]) { - subRoles.push(s); - subRoles[s] = []; - } - subRoles[s].push(title); - parentRoles.push(s); - }); + var pnID = title; + container.id = pnID; + sp.className = "role-name"; + sp.title = title; + // is this a role or an abstract role + var type = "role"; + var isAbstract = false; + var abstract = container.querySelectorAll(".role-abstract"); + if (abstract.innerText === "True") { + type = "abstract role"; + isAbstract = true; + } + sp.innerHTML = + "" + + content + + ' ' + + type + + ""; + // sp.id = title; + sp.setAttribute("aria-describedby", "desc-" + title); + var dRef = item.nextElementSibling; + var desc = cloneWithoutIds(dRef.firstElementChild).innerHTML; + dRef.id = "desc-" + title; + dRef.setAttribute("role", "definition"); + container.replaceChild(sp, item); + roleIndex += + '
    ' + + content + + "" + + (isAbstract ? " (abstract role) " : "") + + "
    \n"; + roleIndex += "
    " + desc + "
    \n"; + // grab info about this role + // do we have a parent class? if so, put us in that parents list + var node = Array.prototype.slice.call( + container.querySelectorAll(".role-parent rref") + ); + // s will hold the name of the parent role if any + var s = null; + var parentRoles = []; + if (node.length) { + node.forEach(function (roleref) { + s = roleref.textContent || roleref.innerText; + + if (!subRoles[s]) { + subRoles.push(s); + subRoles[s] = []; } - // are there supported states / properties in this role? - var attrs = []; - Array.prototype.slice - .call( - container.querySelectorAll( - '.role-properties, .role-required-properties, .role-disallowed' - ) - ) - .forEach(function (node) { - if ( - node && - ((node.textContent && node.textContent.length !== 1) || - (node.innerText && node.innerText.length !== 1)) - ) { - // looks like we do - Array.prototype.slice - .call(node.querySelectorAll('pref,sref')) - .forEach(function (item) { - var name = item.getAttribute('title'); - if (!name) { - name = item.textContent || item.innerText; - } - var type = item.localName === 'pref' ? 'property' : 'state'; - var req = node.classList.contains( - 'role-required-properties' - ); - var dis = node.classList.contains('role-disallowed'); - var dep = item.hasAttribute('data-deprecated'); - attrs.push({ - is: type, - name: name, - required: req, - disallowed: dis, - deprecated: dep, - }); - - // remember that the state or property is - // referenced by this role - propList[name].roles.push(title); - }); - } - }); - roleInfo[title] = { - name: title, - fragID: pnID, - parentRoles: parentRoles, - localprops: attrs, - }; - - // is there a namefrom indication? If so, add this one to - // the list - if (!isAbstract) { + subRoles[s].push(title); + parentRoles.push(s); + }); + } + // are there supported states / properties in this role? + var attrs = []; + Array.prototype.slice + .call( + container.querySelectorAll( + ".role-properties, .role-required-properties, .role-disallowed" + ) + ) + .forEach(function (node) { + if ( + node && + ((node.textContent && node.textContent.length !== 1) || + (node.innerText && node.innerText.length !== 1)) + ) { + // looks like we do Array.prototype.slice - .call(container.querySelectorAll('.role-namefrom')) - .forEach(function (node) { - var reqRef = container.querySelector('.role-namerequired'); - var req = ''; - if (reqRef && reqRef.innerText === 'True') { - req = ' (name required)'; + .call(node.querySelectorAll("pref,sref")) + .forEach(function (item) { + var name = item.getAttribute("title"); + if (!name) { + name = item.textContent || item.innerText; } + var type = item.localName === "pref" ? "property" : "state"; + var req = node.classList.contains("role-required-properties"); + var dis = node.classList.contains("role-disallowed"); + var dep = item.hasAttribute("data-deprecated"); + attrs.push({ + is: type, + name: name, + required: req, + disallowed: dis, + deprecated: dep, + }); - if (node.textContent.indexOf('author') !== -1) { - fromAuthor += - '
  • ' + - content + - '' + - req + - '
    • '; - } - if (node.textContent.indexOf('heading') !== -1) { - fromHeading += - '
  • ' + - content + - '' + - req + - '
    • '; - } - if (!isAbstract && node.textContent.indexOf('content') !== -1) { - fromContent += - '
  • ' + - content + - '' + - req + - '
    • '; - } - if (node.textContent.indexOf('prohibited') !== -1) { - fromProhibited += - '
  • ' + - content + - '' + - req + - '
    • '; - } + // remember that the state or property is + // referenced by this role + propList[name].roles.push(title); }); } - if (container.nodeName.toLowerCase() == 'div') { - // change the enclosing DIV to a section with notoc - var sec = document.createElement('section'); - Array.prototype.slice - .call(container.attributes) - .forEach(function (attr) { - sec.setAttribute(attr.name, attr.value); - }); - - sec.classList.add('notoc'); - var theContents = container.innerHTML; - sec.innerHTML = theContents; - container.parentNode.replaceChild(sec, container); - } }); - - var getStates = function (role) { - var ref = roleInfo[role]; - if (!ref) { - msg.pub('error', 'No role definition for ' + role); - } else if (ref.allprops) { - return ref.allprops; - } else { - var myList = ref.localprops; - Array.prototype.slice.call(ref.parentRoles).forEach(function (item) { - var pList = getStates(item); - myList = myList.concat(pList); - }); - ref.allprops = myList; - return myList; - } + roleInfo[title] = { + name: title, + fragID: pnID, + parentRoles: parentRoles, + localprops: attrs, }; - // TODO: test this on a page where `skipIndex` is truthy - if (!skipIndex) { - // build up the complete inherited SP lists for each role - // however, if the role already specifies an item, do not include it - Object.entries(roleInfo).forEach(function (index) { - var item = index[1]; - var output = ''; - var placeholder = document.querySelector( - '#' + item.fragID + ' .role-inherited' - ); - - if (placeholder) { - var myList = []; - item.parentRoles.forEach(function (role) { - myList = myList.concat(getStates(role)); - }); - /* jshint loopfunc: true */ - // strip out any items that we have locally - if (item.localprops.length && myList.length) { - for (var j = myList.length - 1; j >= 0; j--) { - item.localprops.forEach(function (x) { - if (x.name == myList[j].name) { - myList.splice(j, 1); - } - }); - } + // is there a namefrom indication? If so, add this one to + // the list + if (!isAbstract) { + Array.prototype.slice + .call(container.querySelectorAll(".role-namefrom")) + .forEach(function (node) { + var reqRef = container.querySelector(".role-namerequired"); + var req = ""; + if (reqRef && reqRef.innerText === "True") { + req = " (name required)"; } - var reducedList = myList.reduce((uniqueList, item) => { - return uniqueList.includes(item) - ? uniqueList - : [...uniqueList, item]; - }, []); - - var sortedList = reducedList.sort((a, b) => { - if (a.name == b.name) { - // Ensure deprecated false properties occur first - if (a.deprecated !== b.deprecated) { - return a.deprecated ? 1 : b.deprecated ? -1 : 0; - } - } - return a.name < b.name ? -1 : a.name > b.name ? 1 : 0; - }, []); - - var prev; - for (var k = 0; k < sortedList.length; k++) { - var property = sortedList[k]; - var req = ''; - var dep = ''; - if (property.required) { - req = ' (required)'; - } - if (property.deprecated) { - dep = ' (deprecated on this role in ARIA 1.2)'; - } - if (prev != property.name) { - output += '
  • '; - if (property.is === 'state') { - output += - '' + property.name + ' (state)' + req + dep; - } else { - output += '' + property.name + '' + req + dep; - } - output += '
    • \n'; - prev = property.name; - } + if (node.textContent.indexOf("author") !== -1) { + fromAuthor += + '
  • ' + + content + + "" + + req + + "
    • "; } - if (output !== '') { - output = '
      \n' + output + '
    \n'; - placeholder.innerHTML = output; + if (node.textContent.indexOf("heading") !== -1) { + fromHeading += + '
  • ' + + content + + "" + + req + + "
    • "; } - } - }); + if (!isAbstract && node.textContent.indexOf("content") !== -1) { + fromContent += + '
  • ' + + content + + "" + + req + + "
    • "; + } + if (node.textContent.indexOf("prohibited") !== -1) { + fromProhibited += + '
  • ' + + content + + "" + + req + + "
    • "; + } + }); + } + if (container.nodeName.toLowerCase() == "div") { + // change the enclosing DIV to a section with notoc + var sec = document.createElement("section"); + Array.prototype.slice + .call(container.attributes) + .forEach(function (attr) { + sec.setAttribute(attr.name, attr.value); + }); - // Update state and property role references - var getAllSubRoles = function (role) { - var ref = subRoles[role]; - if (ref && ref.length) { - var myList = []; - ref.forEach(function (item) { - if (!myList.item) { - myList[item] = 1; - myList.push(item); - var childList = getAllSubRoles(item); - myList = myList.concat(childList); + sec.classList.add("notoc"); + var theContents = container.innerHTML; + sec.innerHTML = theContents; + container.parentNode.replaceChild(sec, container); + } + }); + + var getStates = function (role) { + var ref = roleInfo[role]; + if (!ref) { + msg.pub("error", "No role definition for " + role); + } else if (ref.allprops) { + return ref.allprops; + } else { + var myList = ref.localprops; + Array.prototype.slice.call(ref.parentRoles).forEach(function (item) { + var pList = getStates(item); + myList = myList.concat(pList); + }); + ref.allprops = myList; + return myList; + } + }; + + // TODO: test this on a page where `skipIndex` is truthy + if (!skipIndex) { + // build up the complete inherited SP lists for each role + // however, if the role already specifies an item, do not include it + Object.entries(roleInfo).forEach(function (index) { + var item = index[1]; + var output = ""; + var placeholder = document.querySelector( + "#" + item.fragID + " .role-inherited" + ); + + if (placeholder) { + var myList = []; + item.parentRoles.forEach(function (role) { + myList = myList.concat(getStates(role)); + }); + /* jshint loopfunc: true */ + // strip out any items that we have locally + if (item.localprops.length && myList.length) { + for (var j = myList.length - 1; j >= 0; j--) { + item.localprops.forEach(function (x) { + if (x.name == myList[j].name) { + myList.splice(j, 1); } }); - return myList; - } else { - return []; } - }; - - Object.entries(propList).forEach(function (index) { - var output = ''; - var item = index[1]; - var section = document.querySelector('#' + item.name); - var placeholder = section.querySelector( - '.state-applicability, .property-applicability' - ); - if ( - placeholder && - (placeholder.textContent || placeholder.innerText) === - 'Placeholder' && - item.roles.length - ) { - // update the used in roles list - var sortedList = []; - sortedList = item.roles.sort(); - for (var j = 0; j < sortedList.length; j++) { - output += '
  • ' + sortedList[j] + '
    • \n'; - } - if (output !== '') { - output = '
      \n' + output + '
    \n'; - } - placeholder.innerHTML = output; - // also update any inherited roles - var myList = []; - item.roles.forEach(function (role) { - var children = getAllSubRoles(role); - // Some subroles have required properties which are also required by the superclass. - // Example: The checked state of radio, which is also required by superclass checkbox. - // We only want to include these one time, so filter out the subroles. - children = children.filter(function (subrole) { - return subrole.indexOf(propList[item.name].roles) === -1; - }); - myList = myList.concat(children); - }); - placeholder = section.querySelector( - '.state-descendants, .property-descendants' - ); - if (placeholder && myList.length) { - sortedList = myList.sort(); - output = ''; - var last = ''; - for (j = 0; j < sortedList.length; j++) { - var sItem = sortedList[j]; - if (last != sItem) { - output += '
  • ' + sItem + '
    • \n'; - last = sItem; - } - } - if (output !== '') { - output = '
      \n' + output + '
    \n'; - } - placeholder.innerHTML = output; - } - } else if ( - placeholder && - (placeholder.textContent || placeholder.innerText) === - 'Use as a global deprecated in ARIA 1.2' && - item.roles.length - ) { - // update the used in roles list - var sortedList = []; - sortedList = item.roles.sort(); - //remove roletype from the sorted list - const index = sortedList.indexOf('roletype'); - if (index > -1) { - sortedList.splice(index, 1); - } + } - for (var j = 0; j < sortedList.length; j++) { - output += '
  • ' + sortedList[j] + '
    • \n'; - } - if (output !== '') { - output = '
      \n' + output + '
    \n'; - } - placeholder.innerHTML = output; - // also update any inherited roles - var myList = []; - item.roles.forEach(function (role) { - var children = getAllSubRoles(role); - // Some subroles have required properties which are also required by the superclass. - // Example: The checked state of radio, which is also required by superclass checkbox. - // We only want to include these one time, so filter out the subroles. - children = children.filter(function (subrole) { - return subrole.indexOf(propList[item.name].roles) === -1; - }); - myList = myList.concat(children); - }); - placeholder = section.querySelector( - '.state-descendants, .property-descendants' - ); - if (placeholder && myList.length) { - sortedList = myList.sort(); - output = ''; - var last = ''; - for (j = 0; j < sortedList.length; j++) { - var sItem = sortedList[j]; - if (last != sItem) { - output += '
  • ' + sItem + '
    • \n'; - last = sItem; - } - } - if (output !== '') { - output = '
      \n' + output + '
    \n'; - } - placeholder.innerHTML = output; + var reducedList = myList.reduce((uniqueList, item) => { + return uniqueList.includes(item) ? uniqueList : [...uniqueList, item]; + }, []); + + var sortedList = reducedList.sort((a, b) => { + if (a.name == b.name) { + // Ensure deprecated false properties occur first + if (a.deprecated !== b.deprecated) { + return a.deprecated ? 1 : b.deprecated ? -1 : 0; } } - else if ( - placeholder && - (placeholder.textContent || placeholder.innerText) === - 'All elements of the base markup except for some roles or elements that prohibit its use' && - item.roles.length - ) { - // for prohibited roles the roles list just includes those roles which are prohibited... weird I know but it is what it is - var sortedList = []; - sortedList = item.roles.sort(); - //remove roletype from the sorted list - const index = sortedList.indexOf('roletype'); - if (index > -1) { - sortedList.splice(index, 1); - } - output += 'All elements of the base markup except for the following roles: '; - for (var j = 0; j < sortedList.length-1; j++) { - output += '' + sortedList[j] + ', '; + return a.name < b.name ? -1 : a.name > b.name ? 1 : 0; + }, []); + + var prev; + for (var k = 0; k < sortedList.length; k++) { + var property = sortedList[k]; + var req = ""; + var dep = ""; + if (property.required) { + req = " (required)"; + } + if (property.deprecated) { + dep = " (deprecated on this role in ARIA 1.2)"; + } + if (prev != property.name) { + output += "
  • "; + if (property.is === "state") { + output += + "" + property.name + " (state)" + req + dep; + } else { + output += "" + property.name + "" + req + dep; } - output += '' + sortedList[sortedList.length-1] + ''; - placeholder.innerHTML = output; + output += "
    • \n"; + prev = property.name; + } + } + if (output !== "") { + output = "
      \n" + output + "
    \n"; + placeholder.innerHTML = output; + } + } + }); + + // Update state and property role references + var getAllSubRoles = function (role) { + var ref = subRoles[role]; + if (ref && ref.length) { + var myList = []; + ref.forEach(function (item) { + if (!myList.item) { + myList[item] = 1; + myList.push(item); + var childList = getAllSubRoles(item); + myList = myList.concat(childList); } }); - - // spit out the index - var node = document.getElementById('index_role'); - var parentNode = node.parentNode; - var list = document.createElement('dl'); - list.id = 'index_role'; - list.className = 'compact'; - list.innerHTML = roleIndex; - parentNode.replaceChild(list, node); - - // and the namefrom lists - node = document.getElementById('index_fromauthor'); - if (node) { - parentNode = node.parentNode; - list = document.createElement('ul'); - list.id = 'index_fromauthor'; - list.className = 'compact'; - list.innerHTML = fromAuthor; - parentNode.replaceChild(list, node); + return myList; + } else { + return []; + } + }; + + Object.entries(propList).forEach(function (index) { + var output = ""; + var item = index[1]; + var section = document.querySelector("#" + item.name); + var placeholder = section.querySelector( + ".state-applicability, .property-applicability" + ); + if ( + placeholder && + (placeholder.textContent || placeholder.innerText) === "Placeholder" && + item.roles.length + ) { + // update the used in roles list + var sortedList = []; + sortedList = item.roles.sort(); + for (var j = 0; j < sortedList.length; j++) { + output += "
  • " + sortedList[j] + "
    • \n"; } - - node = document.getElementById('index_fromheading'); - if (node) { - parentNode = node.parentNode; - list = document.createElement('ul'); - list.id = 'index_fromheading'; - list.className = 'compact'; - list.innerHTML = fromHeading; - parentNode.replaceChild(list, node); + if (output !== "") { + output = "
      \n" + output + "
    \n"; } - - node = document.getElementById('index_fromcontent'); - if (node) { - parentNode = node.parentNode; - list = document.createElement('ul'); - list.id = 'index_fromcontent'; - list.className = 'compact'; - list.innerHTML = fromContent; - parentNode.replaceChild(list, node); + placeholder.innerHTML = output; + // also update any inherited roles + var myList = []; + item.roles.forEach(function (role) { + var children = getAllSubRoles(role); + // Some subroles have required properties which are also required by the superclass. + // Example: The checked state of radio, which is also required by superclass checkbox. + // We only want to include these one time, so filter out the subroles. + children = children.filter(function (subrole) { + return subrole.indexOf(propList[item.name].roles) === -1; + }); + myList = myList.concat(children); + }); + placeholder = section.querySelector( + ".state-descendants, .property-descendants" + ); + if (placeholder && myList.length) { + sortedList = myList.sort(); + output = ""; + var last = ""; + for (j = 0; j < sortedList.length; j++) { + var sItem = sortedList[j]; + if (last != sItem) { + output += "
  • " + sItem + "
    • \n"; + last = sItem; + } + } + if (output !== "") { + output = "
      \n" + output + "
    \n"; + } + placeholder.innerHTML = output; + } + } else if ( + placeholder && + (placeholder.textContent || placeholder.innerText) === + "Use as a global deprecated in ARIA 1.2" && + item.roles.length + ) { + // update the used in roles list + var sortedList = []; + sortedList = item.roles.sort(); + //remove roletype from the sorted list + const index = sortedList.indexOf("roletype"); + if (index > -1) { + sortedList.splice(index, 1); } - node = document.getElementById('index_fromprohibited'); - if (node) { - parentNode = node.parentNode; - list = document.createElement('ul'); - list.id = 'index_fromprohibited'; - list.className = 'compact'; - list.innerHTML = fromProhibited; - parentNode.replaceChild(list, node); + for (var j = 0; j < sortedList.length; j++) { + output += "
  • " + sortedList[j] + "
    • \n"; } - // assuming we found some parent roles, update those parents with their children - for (var i = 0; i < subRoles.length; i++) { - var item = subRoles[subRoles[i]]; - var sortedList = item.sort(function (a, b) { - return a < b ? -1 : a > b ? 1 : 0; + if (output !== "") { + output = "
      \n" + output + "
    \n"; + } + placeholder.innerHTML = output; + // also update any inherited roles + var myList = []; + item.roles.forEach(function (role) { + var children = getAllSubRoles(role); + // Some subroles have required properties which are also required by the superclass. + // Example: The checked state of radio, which is also required by superclass checkbox. + // We only want to include these one time, so filter out the subroles. + children = children.filter(function (subrole) { + return subrole.indexOf(propList[item.name].roles) === -1; }); - var output = '
      \n'; - for (var j = 0; j < sortedList.length; j++) { - output += '
    • ' + sortedList[j] + '
      • \n'; - } - output += '
    \n'; - // put it somewhere - var subRolesContainer = document.querySelector('#' + subRoles[i]); - if (subRolesContainer) { - var subRolesListContainer = subRolesContainer.querySelector( - '.role-children' - ); - if (subRolesListContainer) { - subRolesListContainer.innerHTML = output; + myList = myList.concat(children); + }); + placeholder = section.querySelector( + ".state-descendants, .property-descendants" + ); + if (placeholder && myList.length) { + sortedList = myList.sort(); + output = ""; + var last = ""; + for (j = 0; j < sortedList.length; j++) { + var sItem = sortedList[j]; + if (last != sItem) { + output += "
  • " + sItem + "
    • \n"; + last = sItem; } } + if (output !== "") { + output = "
      \n" + output + "
    \n"; + } + placeholder.innerHTML = output; + } + } else if ( + placeholder && + (placeholder.textContent || placeholder.innerText) === + "All elements of the base markup except for some roles or elements that prohibit its use" && + item.roles.length + ) { + // for prohibited roles the roles list just includes those roles which are prohibited... weird I know but it is what it is + var sortedList = []; + sortedList = item.roles.sort(); + //remove roletype from the sorted list + const index = sortedList.indexOf("roletype"); + if (index > -1) { + sortedList.splice(index, 1); } + output += + "All elements of the base markup except for the following roles: "; + for (var j = 0; j < sortedList.length - 1; j++) { + output += "" + sortedList[j] + ", "; + } + output += "" + sortedList[sortedList.length - 1] + ""; + placeholder.innerHTML = output; } + }); + + // spit out the index + var node = document.getElementById("index_role"); + var parentNode = node.parentNode; + var list = document.createElement("dl"); + list.id = "index_role"; + list.className = "compact"; + list.innerHTML = roleIndex; + parentNode.replaceChild(list, node); + + // and the namefrom lists + node = document.getElementById("index_fromauthor"); + if (node) { + parentNode = node.parentNode; + list = document.createElement("ul"); + list.id = "index_fromauthor"; + list.className = "compact"; + list.innerHTML = fromAuthor; + parentNode.replaceChild(list, node); + } - // prune out unused rows throughout the document - Array.prototype.slice - .call( - document.querySelectorAll( - '.role-abstract, .role-parent, .role-base, .role-related, .role-scope, .role-mustcontain, .role-required-properties, .role-properties, .role-namefrom, .role-namerequired, .role-namerequired-inherited, .role-childpresentational, .role-presentational-inherited, .state-related, .property-related,.role-inherited, .role-children, .property-descendants, .state-descendants, .implicit-values' - ) - ) - .forEach(function (item) { - var content = item.innerText; - if (content.length === 1 || content.length === 0) { - // there is no item - remove the row - item.parentNode.parentNode.removeChild(item.parentNode); - } else if ( - content === 'Placeholder' && - !skipIndex && - (item.className === 'role-inherited' || - item.className === 'role-children' || - item.className === 'property-descendants' || - item.className === 'state-descendants') - ) { - item.parentNode.remove(); - } - }); + node = document.getElementById("index_fromheading"); + if (node) { + parentNode = node.parentNode; + list = document.createElement("ul"); + list.id = "index_fromheading"; + list.className = "compact"; + list.innerHTML = fromHeading; + parentNode.replaceChild(list, node); + } - updateReferences(document); + node = document.getElementById("index_fromcontent"); + if (node) { + parentNode = node.parentNode; + list = document.createElement("ul"); + list.id = "index_fromcontent"; + list.className = "compact"; + list.innerHTML = fromContent; + parentNode.replaceChild(list, node); + } - function cloneWithoutIds(node) { - const clone = node.cloneNode(true); - for (const elementWithId of clone.querySelectorAll("[id]")) { - elementWithId.removeAttribute("id"); + node = document.getElementById("index_fromprohibited"); + if (node) { + parentNode = node.parentNode; + list = document.createElement("ul"); + list.id = "index_fromprohibited"; + list.className = "compact"; + list.innerHTML = fromProhibited; + parentNode.replaceChild(list, node); + } + // assuming we found some parent roles, update those parents with their children + for (var i = 0; i < subRoles.length; i++) { + var item = subRoles[subRoles[i]]; + var sortedList = item.sort(function (a, b) { + return a < b ? -1 : a > b ? 1 : 0; + }); + var output = "
      \n"; + for (var j = 0; j < sortedList.length; j++) { + output += "
    • " + sortedList[j] + "
      • \n"; + } + output += "
    \n"; + // put it somewhere + var subRolesContainer = document.querySelector("#" + subRoles[i]); + if (subRolesContainer) { + var subRolesListContainer = + subRolesContainer.querySelector(".role-children"); + if (subRolesListContainer) { + subRolesListContainer.innerHTML = output; } - return clone; } + } + } + + // prune out unused rows throughout the document + Array.prototype.slice + .call( + document.querySelectorAll( + ".role-abstract, .role-parent, .role-base, .role-related, .role-scope, .role-mustcontain, .role-required-properties, .role-properties, .role-namefrom, .role-namerequired, .role-namerequired-inherited, .role-childpresentational, .role-presentational-inherited, .state-related, .property-related,.role-inherited, .role-children, .property-descendants, .state-descendants, .implicit-values" + ) + ) + .forEach(function (item) { + var content = item.innerText; + if (content.length === 1 || content.length === 0) { + // there is no item - remove the row + item.parentNode.parentNode.removeChild(item.parentNode); + } else if ( + content === "Placeholder" && + !skipIndex && + (item.className === "role-inherited" || + item.className === "role-children" || + item.className === "property-descendants" || + item.className === "state-descendants") + ) { + item.parentNode.remove(); + } + }); + + updateReferences(document); + + function cloneWithoutIds(node) { + const clone = node.cloneNode(true); + for (const elementWithId of clone.querySelectorAll("[id]")) { + elementWithId.removeAttribute("id"); + } + return clone; } +} -require(['core/pubsubhub'], function (respecEvents) { +require(["core/pubsubhub"], function (respecEvents) { const button = respecUI.addCommand( - 'Save roles as JSON', + "Save roles as JSON", showAriaSave, null, - '☁️' + "☁️" ); function showAriaSave() { - const json = JSON.stringify(roleInfo, null, ' '); - const href = "data:text/html;charset=utf-8," + "/* This file is generated - do not modify */\nvar roleInfo = " + encodeURIComponent(json); - const ariaUI = document.createElement('div'); - ariaUI.classList.add('respec-save-buttons'); + const json = JSON.stringify(roleInfo, null, " "); + const href = + "data:text/html;charset=utf-8," + + "/* This file is generated - do not modify */\nvar roleInfo = " + + encodeURIComponent(json); + const ariaUI = document.createElement("div"); + ariaUI.classList.add("respec-save-buttons"); ariaUI.innerHTML = ` Save JSON `; - respecUI.freshModal('Save Aria roles as JSON', ariaUI, button); - ariaUI.querySelector('a').focus(); + respecUI.freshModal("Save Aria roles as JSON", ariaUI, button); + ariaUI.querySelector("a").focus(); } - respecEvents.sub('end', function (msg) { - if (msg == 'w3c/conformance') { + respecEvents.sub("end", function (msg) { + if (msg == "w3c/conformance") { ariaAttributeReferences(); } }); }); - diff --git a/common/script/ariaChild.js b/common/script/ariaChild.js index 37e817a..f7b16e8 100644 --- a/common/script/ariaChild.js +++ b/common/script/ariaChild.js @@ -17,7 +17,7 @@ var localRoleInfo = {}; * @param {Boolean} noLC do not convert to lowercase * @returns {String} generated (or existing) id for element */ - function addId(elem, pfx = "", txt = "", noLC = false) { +function addId(elem, pfx = "", txt = "", noLC = false) { if (elem.id) { return elem.id; } @@ -68,30 +68,30 @@ function ariaAttributeReferences() { // process the document before anything else is done // first get the properties Array.prototype.slice - .call(document.querySelectorAll('pdef, sdef')) + .call(document.querySelectorAll("pdef, sdef")) .forEach(function (item) { - var type = item.localName === 'pdef' ? 'property' : 'state'; + var type = item.localName === "pdef" ? "property" : "state"; var container = item.parentNode; var content = item.innerHTML; - var sp = document.createElement('span'); - var title = item.getAttribute('title'); + var sp = document.createElement("span"); + var title = item.getAttribute("title"); if (!title) { title = content; } - sp.className = type + '-name'; + sp.className = type + "-name"; sp.title = title; sp.innerHTML = - '' + + "" + content + ' (' + type + - ')'; - sp.setAttribute('aria-describedby', 'desc-' + title); + ")"; + sp.setAttribute("aria-describedby", "desc-" + title); var dRef = item.nextElementSibling; var desc = dRef.firstElementChild.innerHTML; - dRef.id = 'desc-' + title; - dRef.setAttribute('role', 'definition'); - var heading = document.createElement('h3'); + dRef.id = "desc-" + title; + dRef.setAttribute("role", "definition"); + var heading = document.createElement("h3"); heading.appendChild(sp); container.replaceChild(heading, item); // add this item to the index @@ -102,10 +102,10 @@ function ariaAttributeReferences() { desc: desc, roles: [], }; - var abstract = container.querySelector('.' + type + '-applicability'); + var abstract = container.querySelector("." + type + "-applicability"); if ( (abstract.textContent || abstract.innerText) === - 'All elements of the base markup' + "All elements of the base markup" ) { globalSP.push({ is: type, @@ -116,15 +116,15 @@ function ariaAttributeReferences() { } // the pdef/sdef is gone. if we are in a div, convert that div to a section - if (container.nodeName.toLowerCase() == 'div') { + if (container.nodeName.toLowerCase() == "div") { // change the enclosing DIV to a section with notoc - var sec = document.createElement('section'); + var sec = document.createElement("section"); Array.prototype.slice .call(container.attributes) .forEach(function (attr) { sec.setAttribute(attr.name, attr.value); }); - sec.classList.add('notoc'); + sec.classList.add("notoc"); var theContents = container.innerHTML; sec.innerHTML = theContents; container.parentNode.replaceChild(sec, container); @@ -141,52 +141,52 @@ function ariaAttributeReferences() { // var subRoles = []; - var roleIndex = ''; + var roleIndex = ""; Array.prototype.slice - .call(document.querySelectorAll('rdef')) + .call(document.querySelectorAll("rdef")) .forEach(function (item) { var container = item.parentNode; var content = item.innerHTML; - var sp = document.createElement('h3'); - var title = item.getAttribute('title'); + var sp = document.createElement("h3"); + var title = item.getAttribute("title"); if (!title) { title = content; } - var pnID = addId(container, '', title); - sp.className = 'role-name'; + var pnID = addId(container, "", title); + sp.className = "role-name"; sp.title = title; // is this a role or an abstract role - var type = 'role'; - var abstract = container.querySelectorAll('.role-abstract'); - if (abstract.innerText === 'True') { - type = 'abstract role'; + var type = "role"; + var abstract = container.querySelectorAll(".role-abstract"); + if (abstract.innerText === "True") { + type = "abstract role"; } sp.innerHTML = - '' + + "" + content + ' (' + type + - ')'; + ")"; // sp.id = title; - sp.setAttribute('aria-describedby', 'desc-' + title); + sp.setAttribute("aria-describedby", "desc-" + title); var dRef = item.nextElementSibling; var desc = dRef.firstElementChild.innerHTML; - dRef.id = 'desc-' + title; - dRef.setAttribute('role', 'definition'); + dRef.id = "desc-" + title; + dRef.setAttribute("role", "definition"); container.replaceChild(sp, item); roleIndex += '
    ' + content + - '
    \n'; - roleIndex += '
    ' + desc + '
    \n'; + "\n"; + roleIndex += "
    " + desc + "
    \n"; // grab info about this role // do we have a parent class? if so, put us in that parents list - var node = container.querySelectorAll('.role-parent rref'); + var node = container.querySelectorAll(".role-parent rref"); // s will hold the name of the parent role if any var s = null; var parentRoles = []; @@ -209,7 +209,7 @@ function ariaAttributeReferences() { Array.prototype.slice .call( container.querySelectorAll( - '.role-properties, .role-required-properties' + ".role-properties, .role-required-properties" ) ) .forEach(function (node) { @@ -220,16 +220,14 @@ function ariaAttributeReferences() { ) { // looks like we do Array.prototype.slice - .call(node.querySelectorAll('pref,sref')) + .call(node.querySelectorAll("pref,sref")) .forEach(function (item) { - var name = item.getAttribute('title'); + var name = item.getAttribute("title"); if (!name) { name = item.textContent || item.innerText; } - var type = item.localName === 'pref' ? 'property' : 'state'; - var req = node.classList.contains( - 'role-required-properties' - ); + var type = item.localName === "pref" ? "property" : "state"; + var req = node.classList.contains("role-required-properties"); attrs.push({ is: type, name: name, required: req }); // remember that the state or property is // referenced by this role @@ -245,15 +243,15 @@ function ariaAttributeReferences() { localprops: attrs, }; - if (container.nodeName.toLowerCase() == 'div') { + if (container.nodeName.toLowerCase() == "div") { // change the enclosing DIV to a section with notoc - var sec = document.createElement('section'); + var sec = document.createElement("section"); Array.prototype.slice .call(container.attributes) .forEach(function (attr) { sec.setAttribute(attr.name, attr.value); }); - sec.classList.add('notoc'); + sec.classList.add("notoc"); var theContents = container.innerHTML; sec.innerHTML = theContents; container.parentNode.replaceChild(sec, container); @@ -266,7 +264,7 @@ function ariaAttributeReferences() { ref = roleInfo[role]; } if (!ref) { - msg.pub('error', 'No role definition for ' + role); + msg.pub("error", "No role definition for " + role); } else if (ref.allprops) { return ref.allprops; } else { @@ -286,9 +284,9 @@ function ariaAttributeReferences() { // build up the complete inherited SP lists for each role Object.entries(localRoleInfo).forEach(function (index) { item = index[1]; - var output = ''; + var output = ""; var placeholder = document.querySelector( - '#' + item.fragID + ' .role-inherited' + "#" + item.fragID + " .role-inherited" ); if (placeholder) { @@ -317,46 +315,46 @@ function ariaAttributeReferences() { if (sortedList) { for (var k = 0; k < sortedList.length; k++) { var role = sortedList[k]; - var req = ''; + var req = ""; if (role.required) { - req = ' (required)'; + req = " (required)"; } if (prev != role.name) { - output += '
  • '; - if (role.is === 'state') { + output += "
  • "; + if (role.is === "state") { output += - '' + role.name + - ' (state)' + + " (state)" + req; } else { output += - '' + + "" + role.name + - '' + + "" + req; } if (role.prohibited) { - output += ' (Except where prohibited)'; + output += " (Except where prohibited)"; } if (role.deprecated) { - output += ' (Global use deprecated in ARIA 1.2)'; + output += " (Global use deprecated in ARIA 1.2)"; } - output += '
    • \n'; + output += "\n"; prev = role.name; } } } - if (output !== '') { - output = '
      \n' + output + '
    \n'; + if (output !== "") { + output = "
      \n" + output + "
    \n"; placeholder.innerHTML = output; } } @@ -384,25 +382,25 @@ function ariaAttributeReferences() { }; Object.values(propList).forEach(function (item) { - var output = ''; - var section = document.querySelector('#' + item.name); + var output = ""; + var section = document.querySelector("#" + item.name); var placeholder = section.querySelector( - '.state-applicability, .property-applicability' + ".state-applicability, .property-applicability" ); if ( placeholder && (placeholder.textContent || placeholder.innerText) === - 'Placeholder' && + "Placeholder" && item.roles.length ) { // update the used in roles list var sortedList = []; sortedList = item.roles.sort(); for (var j = 0; j < sortedList.length; j++) { - output += '
  • ' + sortedList[j] + '
    • \n'; + output += "
  • " + sortedList[j] + "
    • \n"; } - if (output !== '') { - output = '
      \n' + output + '
    \n'; + if (output !== "") { + output = "
      \n" + output + "
    \n"; } placeholder.innerHTML = output; // also update any inherited roles @@ -421,22 +419,22 @@ function ariaAttributeReferences() { }); placeholder = section.querySelector( - '.state-descendants, .property-descendants' + ".state-descendants, .property-descendants" ); if (placeholder && myList.length) { sortedList = myList.sort(); - output = ''; - var last = ''; + output = ""; + var last = ""; for (var k = 0; k < sortedList.length; k++) { var lItem = sortedList[k]; if (last != lItem) { - output += '
  • ' + lItem + '
    • \n'; + output += "
  • " + lItem + "
    • \n"; last = lItem; } } - if (output !== '') { - output = '
      \n' + output + '
    \n'; + if (output !== "") { + output = "
      \n" + output + "
    \n"; } placeholder.innerHTML = output; } @@ -444,11 +442,11 @@ function ariaAttributeReferences() { }); // spit out the index - var node = document.getElementById('index_role'); + var node = document.getElementById("index_role"); var parentNode = node.parentNode; - var list = document.createElement('dl'); - list.id = 'index_role'; - list.className = 'compact'; + var list = document.createElement("dl"); + list.id = "index_role"; + list.className = "compact"; list.innerHTML = roleIndex; parentNode.replaceChild(list, node); @@ -458,17 +456,16 @@ function ariaAttributeReferences() { var sortedList = item.sort(function (a, b) { return a < b ? -1 : a > b ? 1 : 0; }); - var output = '
      \n'; + var output = "
        \n"; for (var j = 0; j < sortedList.length; j++) { - output += '
      • ' + sortedList[j] + '
        • \n'; + output += "
      • " + sortedList[j] + "
        • \n"; } - output += '
      \n'; + output += "
    \n"; // put it somewhere - var subRolesContainer = document.querySelector('#' + subRoles[i]); + var subRolesContainer = document.querySelector("#" + subRoles[i]); if (subRolesContainer) { - var subRolesListContainer = subRolesContainer.querySelector( - '.role-children' - ); + var subRolesListContainer = + subRolesContainer.querySelector(".role-children"); if (subRolesListContainer) { subRolesListContainer.innerHTML = output; } @@ -482,8 +479,8 @@ function ariaAttributeReferences() { Array.prototype.slice .call( - document.querySelectorAll( - '.role-abstract, .role-parent, .role-base, .role-related, .role-scope, .role-mustcontain, .role-required-properties, .role-properties, .role-namefrom, .role-namerequired, .role-namerequired-inherited, .role-childpresentational, .role-presentational-inherited, .state-related, .property-related,.role-inherited, .role-children, .property-descendants, .state-descendants, .implicit-values' + document.querySelectorAll( + ".role-abstract, .role-parent, .role-base, .role-related, .role-scope, .role-mustcontain, .role-required-properties, .role-properties, .role-namefrom, .role-namerequired, .role-namerequired-inherited, .role-childpresentational, .role-presentational-inherited, .state-related, .property-related,.role-inherited, .role-children, .property-descendants, .state-descendants, .implicit-values" ) ) .forEach(function (item) { @@ -492,23 +489,23 @@ function ariaAttributeReferences() { // there is no item - remove the row item.parentNode.parentNode.removeChild(item.parentNode); } else if ( - content === 'Placeholder' && + content === "Placeholder" && !skipIndex && - (item.className === 'role-inherited' || - item.className === 'role-children' || - item.className === 'property-descendants' || - item.className === 'state-descendants') + (item.className === "role-inherited" || + item.className === "role-children" || + item.className === "property-descendants" || + item.className === "state-descendants") ) { item.parentNode.remove(); } }); } -} +} -require(['core/pubsubhub'], function (respecEvents) { - respecEvents.sub('end', function (msg) { - if (msg == 'w3c/conformance') { - ariaAttributeReferences(); - } +require(["core/pubsubhub"], function (respecEvents) { + respecEvents.sub("end", function (msg) { + if (msg == "w3c/conformance") { + ariaAttributeReferences(); + } }); }); diff --git a/common/script/mapping-tables.js b/common/script/mapping-tables.js index a4e6d12..fb89d9f 100644 --- a/common/script/mapping-tables.js +++ b/common/script/mapping-tables.js @@ -1,11 +1,11 @@ /* global mappingTables */ function hideElement(element) { - element.style.display = 'none'; + element.style.display = "none"; } function showElement(element) { - element.style.display = 'block'; + element.style.display = "block"; } function queryAll(selector, context) { @@ -28,19 +28,15 @@ function viewAsSingleTable(tableContainer, detailsContainer) { showElement(tableContainer); // Remove ids from summary - queryAll('summary', detailsContainer).forEach(function ( - summary - ) { - summary.dataset['id'] = summary.id; - summary.removeAttribute('id'); + queryAll("summary", detailsContainer).forEach(function (summary) { + summary.dataset["id"] = summary.id; + summary.removeAttribute("id"); }); // Add ids to table - queryAll('tbody tr', tableContainer).forEach(function ( - tr - ) { - tr.id = tr.dataset['id']; - tr.removeAttribute('data-id'); + queryAll("tbody tr", tableContainer).forEach(function (tr) { + tr.id = tr.dataset["id"]; + tr.removeAttribute("data-id"); }); } @@ -49,23 +45,18 @@ function viewAsDetails(tableContainer, detailsContainer) { showElement(detailsContainer); // Remove ids from table - queryAll('tbody tr', tableContainer).forEach(function ( - tr - ) { - tr.dataset['id'] = tr.id; - tr.removeAttribute('id'); + queryAll("tbody tr", tableContainer).forEach(function (tr) { + tr.dataset["id"] = tr.id; + tr.removeAttribute("id"); }); // Add ids to summary - queryAll('summary', detailsContainer).forEach(function ( - summary - ) { - summary.id = summary.dataset['id']; - summary.removeAttribute('data-id'); + queryAll("summary", detailsContainer).forEach(function (summary) { + summary.id = summary.dataset["id"]; + summary.removeAttribute("data-id"); }); } - function expandReferredDetails(summaryFragId) { // if details element is not open, activate click on summary if (!summaryFragId.parentNode.open) { @@ -74,8 +65,7 @@ function expandReferredDetails(summaryFragId) { } function mappingTables() { - queryAll('.table-container').forEach(function (container) { - + queryAll(".table-container").forEach(function (container) { // object to store information about a mapping table. var tableInfo = {}; mappingTableInfos.push(tableInfo); @@ -85,27 +75,27 @@ function mappingTables() { hideElement(container); // store a reference to the table - tableInfo.table = container.querySelector('table'); + tableInfo.table = container.querySelector("table"); // create a container div to hold all the details element and insert after table - tableInfo.detailsContainer = document.createElement('div'); - tableInfo.detailsContainer.className = 'details'; - tableInfo.id = tableInfo.table.id + '-details'; + tableInfo.detailsContainer = document.createElement("div"); + tableInfo.detailsContainer.className = "details"; + tableInfo.id = tableInfo.table.id + "-details"; tableInfo.tableContainer.insertAdjacentElement( - 'afterend', + "afterend", tableInfo.detailsContainer ); // add switch to view as single table or details/summary - var viewSwitch = document.createElement('button'); - viewSwitch.className = 'switch-view'; + var viewSwitch = document.createElement("button"); + viewSwitch.className = "switch-view"; viewSwitch.innerHTML = mappingTableLabels.viewByTable; - tableInfo.tableContainer.insertAdjacentElement('beforebegin', viewSwitch); + tableInfo.tableContainer.insertAdjacentElement("beforebegin", viewSwitch); // store the table's column headers in array colHeaders // TODO: figure out what browsers we have to support and replace this with Array#map if possible var colHeaders = []; - queryAll('thead th', tableInfo.table).forEach(function (th) { + queryAll("thead th", tableInfo.table).forEach(function (th) { colHeaders.push(th.innerHTML); }); @@ -113,64 +103,60 @@ function mappingTables() { colHeaders.shift(); // for each row in the table, create details/summary.. - queryAll('tbody tr', tableInfo.table).forEach(function (row) { - var caption = row.querySelector('th').innerHTML; - var summary = caption.replace(/]+>|<\/a>/g, ''); + queryAll("tbody tr", tableInfo.table).forEach(function (row) { + var caption = row.querySelector("th").innerHTML; + var summary = caption.replace(/]+>|<\/a>/g, ""); // get the tr's @id var id = row.id; row.dataset.id = id; // remove the tr's @id since same id will be used in the relevant summary element - row.removeAttribute('id'); + row.removeAttribute("id"); // store the row's cells in array rowCells var rowCells = []; // add row cells to array rowCells for use in the details' table - queryAll('td', row).forEach(function (cell) { + queryAll("td", row).forEach(function (cell) { rowCells.push(cell.innerHTML); }); // clone colHeaders array for use in details table row headers var rowHeaders = colHeaders.slice(0); // if attributes mapping table... - if (tableInfo.table.classList.contains('attributes')) { + if (tableInfo.table.classList.contains("attributes")) { // remove second column header from array rowHeaders.shift(); // remove and store "HTML elements" cell from rowCells array for use in details' summary and table caption var relevantElsCaption = rowCells.shift(); var relevantElsSummary = relevantElsCaption.replace( /]+>|<\/a>/g, - '' + "" ); } // create content for each
    element; add row header's content to summary - var details = document.createElement('details'); - details.className = 'map'; + var details = document.createElement("details"); + details.className = "map"; var detailsHTML = '' + summary; // if attributes mapping table, append relevant elements to summary - if (tableInfo.table.classList.contains('attributes')) { - detailsHTML += ' [' + relevantElsSummary + ']'; + if (tableInfo.table.classList.contains("attributes")) { + detailsHTML += " [" + relevantElsSummary + "]"; } - detailsHTML += '
    ' + caption; + detailsHTML += "'; + detailsHTML += ""; // add table rows using appropriate header from detailsRowHead array and relevant value from rowCells array for (var i = 0, len = rowCells.length; i < len; i++) { detailsHTML += - ''; + ""; } - detailsHTML += '
    " + caption; - if (tableInfo.table.classList.contains('attributes')) { - detailsHTML += ' [' + relevantElsCaption + ']'; + if (tableInfo.table.classList.contains("attributes")) { + detailsHTML += " [" + relevantElsCaption + "]"; } - detailsHTML += '
    ' + - rowHeaders[i] + - '' + - rowCells[i] + - '
    " + rowHeaders[i] + "" + rowCells[i] + "
    '; + detailsHTML += "
    "; details.innerHTML = detailsHTML; // append the
    element to the detailsContainer div @@ -178,13 +164,13 @@ function mappingTables() { }); // add 'expand/collapse all' functionality - var expandAllButton = document.createElement('button'); - expandAllButton.className = 'expand'; + var expandAllButton = document.createElement("button"); + expandAllButton.className = "expand"; expandAllButton.innerHTML = mappingTableLabels.expand; - var collapseAllButton = document.createElement('button'); + var collapseAllButton = document.createElement("button"); collapseAllButton.disabled = true; - collapseAllButton.className = 'collapse'; + collapseAllButton.className = "collapse"; collapseAllButton.innerHTML = mappingTableLabels.collapse; tableInfo.detailsContainer.insertBefore( @@ -203,17 +189,17 @@ function mappingTables() { window.location = hash; var frag = document.querySelector(hash); // if frag id is for a summary element, expand the parent details element - if (frag && frag.tagName === 'SUMMARY') { + if (frag && frag.tagName === "SUMMARY") { expandReferredDetails(hash); } } // Add a hook to expand referred details element when whose @href is fragid of a is clicked. queryAll('a[href^="#"]').forEach(function (a) { - var fragId = a.getAttribute('href'); + var fragId = a.getAttribute("href"); - if (fragId.tagName === 'SUMMARY') { - a.addEventListener('click', function () { + if (fragId.tagName === "SUMMARY") { + a.addEventListener("click", function () { expandReferredDetails(fragId); }); } @@ -221,18 +207,16 @@ function mappingTables() { } document.addEventListener("DOMContentLoaded", () => { + document.querySelectorAll("button.switch-view").forEach(function (b) { + b.addEventListener("click", function () { + tableContainer = b.parentElement.querySelector(".table-container"); + table = tableContainer.querySelector("table"); + detailsContainer = b.parentElement.querySelector(".details"); - document.querySelectorAll('button.switch-view').forEach(function (b){ - b.addEventListener('click', function () { - tableContainer = b.parentElement.querySelector('.table-container'); - table = tableContainer.querySelector('table'); - detailsContainer = b.parentElement.querySelector('.details'); - - if (detailsContainer.style.display !== 'none') { + if (detailsContainer.style.display !== "none") { viewAsSingleTable(tableContainer, detailsContainer); // toggle the viewSwitch label from view-as-single-table to view-by-X - b.innerHTML = - mappingTableLabels.viewByLabels[table.id]; + b.innerHTML = mappingTableLabels.viewByLabels[table.id]; } else { viewAsDetails(tableContainer, detailsContainer); // toggle the viewSwitch label from view-by-X to view-as-single-table. @@ -242,30 +226,30 @@ document.addEventListener("DOMContentLoaded", () => { }); var expandCollapseDetails = function (detCont, action) { - queryAll('details', detCont).forEach(function (details) { - details.open = action !== 'collapse' + queryAll("details", detCont).forEach(function (details) { + details.open = action !== "collapse"; }); }; - document.querySelectorAll('button.expand').forEach(function (b){ - b.addEventListener('click', function () { + document.querySelectorAll("button.expand").forEach(function (b) { + b.addEventListener("click", function () { detailsContainer = b.parentElement; - expandCollapseDetails(detailsContainer, 'expand'); + expandCollapseDetails(detailsContainer, "expand"); b.disabled = true; b.parentElement - .querySelector('button.collapse') - .removeAttribute('disabled'); + .querySelector("button.collapse") + .removeAttribute("disabled"); }); }); - document.querySelectorAll('button.collapse').forEach(function (b){ - b.addEventListener('click', function () { + document.querySelectorAll("button.collapse").forEach(function (b) { + b.addEventListener("click", function () { detailsContainer = b.parentElement; - expandCollapseDetails(detailsContainer, 'collapse'); + expandCollapseDetails(detailsContainer, "collapse"); b.disabled = true; b.parentElement - .querySelector('button.expand') - .removeAttribute('disabled'); + .querySelector("button.expand") + .removeAttribute("disabled"); }); }); }); diff --git a/common/script/resolveReferences.js b/common/script/resolveReferences.js index 5edb65e..ae105b6 100644 --- a/common/script/resolveReferences.js +++ b/common/script/resolveReferences.js @@ -37,7 +37,7 @@ function norm(str) { * @param {Boolean} noLC do not convert to lowercase * @returns {String} generated (or existing) id for element */ - function addId(elem, pfx = "", txt = "", noLC = false) { +function addId(elem, pfx = "", txt = "", noLC = false) { if (elem.id) { return elem.id; } @@ -74,39 +74,38 @@ function norm(str) { return id; } - // NOTE: this was taken from https://github.com/w3c/respec/blob/develop/src/core/utils.js#L474 while removing jQuery function getDfnTitles(elem) { const titleSet = new Set(); // data-lt-noDefault avoid using the text content of a definition // in the definition list. // ltNodefault is === "data-lt-noDefault"... someone screwed up 😖 - const normText = 'ltNodefault' in elem.dataset ? '' : norm(elem.textContent); + const normText = "ltNodefault" in elem.dataset ? "" : norm(elem.textContent); const child = /** @type {HTMLElement | undefined} */ (elem.children[0]); if (elem.dataset.lt) { // prefer @data-lt for the list of title aliases elem.dataset.lt - .split('|') + .split("|") .map((item) => norm(item)) .forEach((item) => titleSet.add(item)); } else if ( elem.childNodes.length === 1 && - elem.getElementsByTagName('abbr').length === 1 && + elem.getElementsByTagName("abbr").length === 1 && child.title ) { titleSet.add(child.title); } else if (elem.textContent === '""') { - titleSet.add('the-empty-string'); + titleSet.add("the-empty-string"); } titleSet.add(normText); - titleSet.delete(''); + titleSet.delete(""); // We could have done this with @data-lt (as the logic is same), but if // @data-lt was not present, we would end up using @data-local-lt as element's // id (in other words, we prefer textContent over @data-local-lt for dfn id) if (elem.dataset.localLt) { - const localLt = elem.dataset.localLt.split('|'); + const localLt = elem.dataset.localLt.split("|"); localLt.forEach((item) => titleSet.add(norm(item))); } @@ -115,7 +114,7 @@ function getDfnTitles(elem) { } function linkCrossReferences() { - 'use strict'; + "use strict"; var specBaseURL = respecConfig.ariaSpecURLs ? respecConfig.ariaSpecURLs[respecConfig.specStatus] @@ -151,91 +150,90 @@ function linkCrossReferences() { Array.prototype.slice .call(document.querySelectorAll(selString)) .forEach(function (el) { - var href = el.getAttribute('href'); - el.setAttribute('href', baseUrl + href); + var href = el.getAttribute("href"); + el.setAttribute("href", baseUrl + href); }); } // First the links to the definitions of roles, states, and properties. if (!!specBaseURL) { setHrefs( - 'a.role-reference, a.property-reference, a.state-reference, a.specref', + "a.role-reference, a.property-reference, a.state-reference, a.specref", specBaseURL ); } else { - console.log('linkCrossReferences(): specBaseURL is not defined.'); + console.log("linkCrossReferences(): specBaseURL is not defined."); } // Second, for links to role, state, and property mappings in the core mapping // doc. if (!!coreMappingURL) { - setHrefs('a.core-mapping', coreMappingURL); + setHrefs("a.core-mapping", coreMappingURL); } else { console.log( - 'linkCrossReferences(): Note -- coreMappingURL is not defined.' + "linkCrossReferences(): Note -- coreMappingURL is not defined." ); } // Third, for links into the accname document. if (!!accNameURL) { - setHrefs('a.accname', accNameURL); + setHrefs("a.accname", accNameURL); } else { - console.log('linkCrossReferences(): Note -- accNameURL is not defined.'); + console.log("linkCrossReferences(): Note -- accNameURL is not defined."); } // Fourth, for links to role, state, and property mappings in the html mapping // doc. if (!!htmlMappingURL) { - setHrefs('a.html-mapping', htmlMappingURL); + setHrefs("a.html-mapping", htmlMappingURL); } else { console.log( - 'linkCrossReferences(): Note -- htmlMappingURL is not defined.' + "linkCrossReferences(): Note -- htmlMappingURL is not defined." ); } // Links to the DPub WAI-ARIA Module. if (!!dpubModURL) { setHrefs( - 'a.dpub-role-reference, a.dpub-property-reference, a.dpub-state-reference, a.dpub', + "a.dpub-role-reference, a.dpub-property-reference, a.dpub-state-reference, a.dpub", dpubModURL ); } else { - console.log('linkCrossReferences(): dpubModURL is not defined.'); + console.log("linkCrossReferences(): dpubModURL is not defined."); } // Links to the Graphics WAI-ARIA Module. if (!!graphicsModURL) { setHrefs( - 'a.graphics-role-reference, a.graphics-property-reference, a.graphics-state-reference, a.graphics', + "a.graphics-role-reference, a.graphics-property-reference, a.graphics-state-reference, a.graphics", graphicsModURL ); } else { - console.log('linkCrossReferences(): graphicsModURL is not defined.'); + console.log("linkCrossReferences(): graphicsModURL is not defined."); } // Links to the Graphics Mapping WAI-ARIA Module. if (!!graphicsMappingModURL) { setHrefs( - 'a.graphics-role-mapping, a.graphics-property-mapping, a.graphics-state-mapping, a.graphics-mapping', + "a.graphics-role-mapping, a.graphics-property-mapping, a.graphics-state-mapping, a.graphics-mapping", graphicsMappingModURL ); } else { console.log( - 'linkCrossReferences(): graphicsMappingModURL is not defined.' + "linkCrossReferences(): graphicsMappingModURL is not defined." ); } // Links to the Authoring Practices. if (!!practicesURL) { - setHrefs('a.practices', practicesURL); + setHrefs("a.practices", practicesURL); } else { - console.log('linkCrossReferences(): practicesURL is not defined.'); + console.log("linkCrossReferences(): practicesURL is not defined."); } // Update any terms linked using termref to be informative as all aria terms are linked informatively Array.prototype.slice - .call(document.querySelectorAll('.termref')) - .forEach(function (item) { - item.classList.add("informative"); - }); + .call(document.querySelectorAll(".termref")) + .forEach(function (item) { + item.classList.add("informative"); + }); } - function updateReferences(base) { // update references to properties // @@ -245,20 +243,20 @@ function updateReferences(base) { // 2. if we have not already seen this item in this section, it is a link using 'a' // 3. otherwise, it is just a styled reference to the item using 'code' - 'use strict'; + "use strict"; var baseURL = respecConfig.ariaSpecURLs[respecConfig.specStatus]; var sectionMap = {}; Array.prototype.slice - .call(base.querySelectorAll('pref, sref, rref')) + .call(base.querySelectorAll("pref, sref, rref")) .forEach(function (item) { // what are we referencing? var content = item.innerText; var usedTitle = false; - var ref = item.getAttribute('title'); + var ref = item.getAttribute("title"); if (!ref) { - ref = item.getAttribute('data-lt'); + ref = item.getAttribute("data-lt"); if (!ref) { ref = content; } else { @@ -268,24 +266,27 @@ function updateReferences(base) { usedTitle = true; } - var isPreref = item.tagName.toLowerCase() === 'pref'; - var isSref = item.tagName.toLowerCase() === 'sref'; + var isPreref = item.tagName.toLowerCase() === "pref"; + var isSref = item.tagName.toLowerCase() === "sref"; // what sort of reference are we? var theClass = isPreref - ? 'property-reference' + ? "property-reference" : isSref - ? 'state-reference' - : 'role-reference'; + ? "state-reference" + : "role-reference"; // property and state references are assumed to be in the parent document // a role reference might be local or might be elsewhere - var URL = isPreref || isSref ? baseURL + '#' : '#'; + var URL = isPreref || isSref ? baseURL + "#" : "#"; // assume we are making a link - var theElement = 'a'; + var theElement = "a"; // pSec is the nearest parent section element - var parentNodes = parents(item, 'section, div.role, div.state, div.property'); + var parentNodes = parents( + item, + "section, div.role, div.state, div.property" + ); if (parentNodes) { var pSec = parentNodes[0]; var pID = pSec.id; @@ -293,11 +294,11 @@ function updateReferences(base) { if (sectionMap[pID]) { if (sectionMap[pID][ref]) { // only change the element if we not in a table or a dl - if (parents(item, 'table dl').length === 0) { + if (parents(item, "table dl").length === 0) { if (usedTitle) { - theElement = 'span'; + theElement = "span"; } else { - theElement = 'code'; + theElement = "code"; } } } else { @@ -310,22 +311,22 @@ function updateReferences(base) { } } - if (theElement === 'a' && item.tagName.toLowerCase() === 'rref') { - if (typeof localRoleInfo !== 'undefined' && localRoleInfo[ref]) { + if (theElement === "a" && item.tagName.toLowerCase() === "rref") { + if (typeof localRoleInfo !== "undefined" && localRoleInfo[ref]) { ref = localRoleInfo[ref].fragID; } else if (baseURL && roleInfo[ref]) { ref = roleInfo[ref].fragID; - URL = baseURL + '#'; + URL = baseURL + "#"; } else { // no roleInfo structure. Make an assumption - URL = baseURL + '#'; + URL = baseURL + "#"; } } var sp = document.createElement(theElement); - if (theElement === 'a') { + if (theElement === "a") { sp.href = URL + ref; sp.className = theClass; - content = '' + content + ''; + content = "" + content + ""; } sp.innerHTML = content; item.parentElement.replaceChild(sp, item); @@ -338,17 +339,17 @@ function updateReferences(base) { var termNames = []; function restrictReferences(utils, content) { - 'use strict'; - var base = document.createElement('div'); + "use strict"; + var base = document.createElement("div"); base.innerHTML = content; updateReferences(base); // strategy: Traverse the content finding all of the terms defined Array.prototype.slice - .call(base.querySelectorAll('dfn')) + .call(base.querySelectorAll("dfn")) .forEach(function (item) { var titles = getDfnTitles(item); - var n = addId(item, 'dfn', titles[0]); + var n = addId(item, "dfn", titles[0]); if (n) { termNames[n] = item.parentNode; @@ -358,14 +359,12 @@ function restrictReferences(utils, content) { return base.innerHTML; } - - // included files are brought in after proProc. Create a DOM tree // of content then call the updateReferences method above on it. Return // the transformed content function fixIncludes(utils, content) { - 'use strict'; - var base = document.createElement('div'); + "use strict"; + var base = document.createElement("div"); base.innerHTML = content; updateReferences(base); return base.innerHTML; diff --git a/common/script/roleInfo.js b/common/script/roleInfo.js index b0cb7e0..32e0469 100644 --- a/common/script/roleInfo.js +++ b/common/script/roleInfo.js @@ -1,8971 +1,8757 @@ -/* This file is generated - do not modify */var roleInfo = { - "alert": { - "name": "alert", - "fragID": "alert", - "parentRoles": [ - "section" - ], - "localprops": [], - "allprops": [ +/* This file is generated - do not modify */ var roleInfo = { + alert: { + name: "alert", + fragID: "alert", + parentRoles: ["section"], + localprops: [], + allprops: [ { - "is": "property", - "name": "aria-atomic", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-atomic", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-braillelabel", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-braillelabel", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-brailleroledescription", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-brailleroledescription", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "state", - "name": "aria-busy", - "required": false, - "disallowed": false, - "deprecated": false + is: "state", + name: "aria-busy", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-controls", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-controls", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "state", - "name": "aria-current", - "required": false, - "disallowed": false, - "deprecated": false + is: "state", + name: "aria-current", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-describedby", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-describedby", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-description", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-description", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-details", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-details", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "state", - "name": "aria-disabled", - "required": false, - "disallowed": false, - "deprecated": true + is: "state", + name: "aria-disabled", + required: false, + disallowed: false, + deprecated: true, }, { - "is": "property", - "name": "aria-dropeffect", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-dropeffect", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-errormessage", - "required": false, - "disallowed": false, - "deprecated": true + is: "property", + name: "aria-errormessage", + required: false, + disallowed: false, + deprecated: true, }, { - "is": "property", - "name": "aria-flowto", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-flowto", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "state", - "name": "aria-grabbed", - "required": false, - "disallowed": false, - "deprecated": false + is: "state", + name: "aria-grabbed", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-haspopup", - "required": false, - "disallowed": false, - "deprecated": true + is: "property", + name: "aria-haspopup", + required: false, + disallowed: false, + deprecated: true, }, { - "is": "state", - "name": "aria-hidden", - "required": false, - "disallowed": false, - "deprecated": false + is: "state", + name: "aria-hidden", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "state", - "name": "aria-invalid", - "required": false, - "disallowed": false, - "deprecated": true + is: "state", + name: "aria-invalid", + required: false, + disallowed: false, + deprecated: true, }, { - "is": "property", - "name": "aria-keyshortcuts", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-keyshortcuts", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-label", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-label", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-labelledby", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-labelledby", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-live", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-live", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-owns", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-owns", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-relevant", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-relevant", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-roledescription", - "required": false, - "disallowed": false, - "deprecated": false - } - ] - }, - "alertdialog": { - "name": "alertdialog", - "fragID": "alertdialog", - "parentRoles": [ - "alert", - "dialog" + is: "property", + name: "aria-roledescription", + required: false, + disallowed: false, + deprecated: false, + }, ], - "localprops": [] }, - "application": { - "name": "application", - "fragID": "application", - "parentRoles": [ - "structure" - ], - "localprops": [ + alertdialog: { + name: "alertdialog", + fragID: "alertdialog", + parentRoles: ["alert", "dialog"], + localprops: [], + }, + application: { + name: "application", + fragID: "application", + parentRoles: ["structure"], + localprops: [ { - "is": "property", - "name": "aria-activedescendant", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-activedescendant", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "state", - "name": "aria-disabled", - "required": false, - "disallowed": false, - "deprecated": false + is: "state", + name: "aria-disabled", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-errormessage", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-errormessage", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "state", - "name": "aria-expanded", - "required": false, - "disallowed": false, - "deprecated": false + is: "state", + name: "aria-expanded", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-haspopup", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-haspopup", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "state", - "name": "aria-invalid", - "required": false, - "disallowed": false, - "deprecated": false - } - ] - }, - "article": { - "name": "article", - "fragID": "article", - "parentRoles": [ - "document" + is: "state", + name: "aria-invalid", + required: false, + disallowed: false, + deprecated: false, + }, ], - "localprops": [ + }, + article: { + name: "article", + fragID: "article", + parentRoles: ["document"], + localprops: [ { - "is": "property", - "name": "aria-posinset", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-posinset", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-setsize", - "required": false, - "disallowed": false, - "deprecated": false - } + is: "property", + name: "aria-setsize", + required: false, + disallowed: false, + deprecated: false, + }, ], - "allprops": [ + allprops: [ { - "is": "property", - "name": "aria-posinset", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-posinset", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-setsize", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-setsize", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-atomic", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-atomic", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-braillelabel", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-braillelabel", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-brailleroledescription", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-brailleroledescription", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "state", - "name": "aria-busy", - "required": false, - "disallowed": false, - "deprecated": false + is: "state", + name: "aria-busy", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-controls", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-controls", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "state", - "name": "aria-current", - "required": false, - "disallowed": false, - "deprecated": false + is: "state", + name: "aria-current", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-describedby", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-describedby", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-description", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-description", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-details", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-details", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "state", - "name": "aria-disabled", - "required": false, - "disallowed": false, - "deprecated": true + is: "state", + name: "aria-disabled", + required: false, + disallowed: false, + deprecated: true, }, { - "is": "property", - "name": "aria-dropeffect", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-dropeffect", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-errormessage", - "required": false, - "disallowed": false, - "deprecated": true + is: "property", + name: "aria-errormessage", + required: false, + disallowed: false, + deprecated: true, }, { - "is": "property", - "name": "aria-flowto", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-flowto", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "state", - "name": "aria-grabbed", - "required": false, - "disallowed": false, - "deprecated": false + is: "state", + name: "aria-grabbed", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-haspopup", - "required": false, - "disallowed": false, - "deprecated": true + is: "property", + name: "aria-haspopup", + required: false, + disallowed: false, + deprecated: true, }, { - "is": "state", - "name": "aria-hidden", - "required": false, - "disallowed": false, - "deprecated": false + is: "state", + name: "aria-hidden", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "state", - "name": "aria-invalid", - "required": false, - "disallowed": false, - "deprecated": true + is: "state", + name: "aria-invalid", + required: false, + disallowed: false, + deprecated: true, }, { - "is": "property", - "name": "aria-keyshortcuts", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-keyshortcuts", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-label", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-label", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-labelledby", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-labelledby", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-live", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-live", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-owns", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-owns", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-relevant", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-relevant", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-roledescription", - "required": false, - "disallowed": false, - "deprecated": false - } - ] - }, - "associationlist": { - "name": "associationlist", - "fragID": "associationlist", - "parentRoles": [ - "section" + is: "property", + name: "aria-roledescription", + required: false, + disallowed: false, + deprecated: false, + }, ], - "localprops": [] }, - "associationlistitemkey": { - "name": "associationlistitemkey", - "fragID": "associationlistitemkey", - "parentRoles": [ - "section" - ], - "localprops": [ + associationlist: { + name: "associationlist", + fragID: "associationlist", + parentRoles: ["section"], + localprops: [], + }, + associationlistitemkey: { + name: "associationlistitemkey", + fragID: "associationlistitemkey", + parentRoles: ["section"], + localprops: [ { - "is": "property", - "name": "aria-level", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-level", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-posinset", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-posinset", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-setsize", - "required": false, - "disallowed": false, - "deprecated": false - } - ] - }, - "associationlistitemvalue": { - "name": "associationlistitemvalue", - "fragID": "associationlistitemvalue", - "parentRoles": [ - "section" + is: "property", + name: "aria-setsize", + required: false, + disallowed: false, + deprecated: false, + }, ], - "localprops": [ - { - "is": "property", - "name": "aria-posinset", - "required": false, - "disallowed": false, - "deprecated": false - }, - { - "is": "property", - "name": "aria-setsize", - "required": false, - "disallowed": false, - "deprecated": false - } - ] }, - "banner": { - "name": "banner", - "fragID": "banner", - "parentRoles": [ - "landmark" + associationlistitemvalue: { + name: "associationlistitemvalue", + fragID: "associationlistitemvalue", + parentRoles: ["section"], + localprops: [ + { + is: "property", + name: "aria-posinset", + required: false, + disallowed: false, + deprecated: false, + }, + { + is: "property", + name: "aria-setsize", + required: false, + disallowed: false, + deprecated: false, + }, ], - "localprops": [] }, - "blockquote": { - "name": "blockquote", - "fragID": "blockquote", - "parentRoles": [ - "section" - ], - "localprops": [] + banner: { + name: "banner", + fragID: "banner", + parentRoles: ["landmark"], + localprops: [], }, - "button": { - "name": "button", - "fragID": "button", - "parentRoles": [ - "command" - ], - "localprops": [ + blockquote: { + name: "blockquote", + fragID: "blockquote", + parentRoles: ["section"], + localprops: [], + }, + button: { + name: "button", + fragID: "button", + parentRoles: ["command"], + localprops: [ { - "is": "state", - "name": "aria-disabled", - "required": false, - "disallowed": false, - "deprecated": false + is: "state", + name: "aria-disabled", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-haspopup", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-haspopup", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "state", - "name": "aria-expanded", - "required": false, - "disallowed": false, - "deprecated": false + is: "state", + name: "aria-expanded", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "state", - "name": "aria-pressed", - "required": false, - "disallowed": false, - "deprecated": false - } - ] - }, - "caption": { - "name": "caption", - "fragID": "caption", - "parentRoles": [ - "section" + is: "state", + name: "aria-pressed", + required: false, + disallowed: false, + deprecated: false, + }, ], - "localprops": [ - { - "is": "property", - "name": "aria-label", - "required": false, - "disallowed": true, - "deprecated": false - }, - { - "is": "property", - "name": "aria-labelledby", - "required": false, - "disallowed": true, - "deprecated": false - } - ] }, - "cell": { - "name": "cell", - "fragID": "cell", - "parentRoles": [ - "section" + caption: { + name: "caption", + fragID: "caption", + parentRoles: ["section"], + localprops: [ + { + is: "property", + name: "aria-label", + required: false, + disallowed: true, + deprecated: false, + }, + { + is: "property", + name: "aria-labelledby", + required: false, + disallowed: true, + deprecated: false, + }, ], - "localprops": [ + }, + cell: { + name: "cell", + fragID: "cell", + parentRoles: ["section"], + localprops: [ { - "is": "property", - "name": "aria-colindex", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-colindex", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-colindextext", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-colindextext", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-colspan", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-colspan", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-rowindex", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-rowindex", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-rowindextext", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-rowindextext", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-rowspan", - "required": false, - "disallowed": false, - "deprecated": false - } + is: "property", + name: "aria-rowspan", + required: false, + disallowed: false, + deprecated: false, + }, ], - "allprops": [ + allprops: [ { - "is": "property", - "name": "aria-colindex", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-colindex", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-colindextext", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-colindextext", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-colspan", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-colspan", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-rowindex", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-rowindex", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-rowindextext", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-rowindextext", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-rowspan", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-rowspan", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-atomic", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-atomic", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-braillelabel", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-braillelabel", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-brailleroledescription", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-brailleroledescription", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "state", - "name": "aria-busy", - "required": false, - "disallowed": false, - "deprecated": false + is: "state", + name: "aria-busy", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-controls", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-controls", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "state", - "name": "aria-current", - "required": false, - "disallowed": false, - "deprecated": false + is: "state", + name: "aria-current", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-describedby", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-describedby", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-description", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-description", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-details", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-details", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "state", - "name": "aria-disabled", - "required": false, - "disallowed": false, - "deprecated": true + is: "state", + name: "aria-disabled", + required: false, + disallowed: false, + deprecated: true, }, { - "is": "property", - "name": "aria-dropeffect", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-dropeffect", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-errormessage", - "required": false, - "disallowed": false, - "deprecated": true + is: "property", + name: "aria-errormessage", + required: false, + disallowed: false, + deprecated: true, }, { - "is": "property", - "name": "aria-flowto", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-flowto", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "state", - "name": "aria-grabbed", - "required": false, - "disallowed": false, - "deprecated": false + is: "state", + name: "aria-grabbed", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-haspopup", - "required": false, - "disallowed": false, - "deprecated": true + is: "property", + name: "aria-haspopup", + required: false, + disallowed: false, + deprecated: true, }, { - "is": "state", - "name": "aria-hidden", - "required": false, - "disallowed": false, - "deprecated": false + is: "state", + name: "aria-hidden", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "state", - "name": "aria-invalid", - "required": false, - "disallowed": false, - "deprecated": true + is: "state", + name: "aria-invalid", + required: false, + disallowed: false, + deprecated: true, }, { - "is": "property", - "name": "aria-keyshortcuts", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-keyshortcuts", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-label", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-label", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-labelledby", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-labelledby", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-live", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-live", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-owns", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-owns", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-relevant", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-relevant", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-roledescription", - "required": false, - "disallowed": false, - "deprecated": false - } - ] - }, - "checkbox": { - "name": "checkbox", - "fragID": "checkbox", - "parentRoles": [ - "input" + is: "property", + name: "aria-roledescription", + required: false, + disallowed: false, + deprecated: false, + }, ], - "localprops": [ + }, + checkbox: { + name: "checkbox", + fragID: "checkbox", + parentRoles: ["input"], + localprops: [ { - "is": "state", - "name": "aria-checked", - "required": true, - "disallowed": false, - "deprecated": false + is: "state", + name: "aria-checked", + required: true, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-errormessage", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-errormessage", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "state", - "name": "aria-expanded", - "required": false, - "disallowed": false, - "deprecated": false + is: "state", + name: "aria-expanded", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "state", - "name": "aria-invalid", - "required": false, - "disallowed": false, - "deprecated": false + is: "state", + name: "aria-invalid", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-readonly", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-readonly", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-required", - "required": false, - "disallowed": false, - "deprecated": false - } + is: "property", + name: "aria-required", + required: false, + disallowed: false, + deprecated: false, + }, ], - "allprops": [ + allprops: [ { - "is": "state", - "name": "aria-checked", - "required": true, - "disallowed": false, - "deprecated": false + is: "state", + name: "aria-checked", + required: true, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-errormessage", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-errormessage", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "state", - "name": "aria-expanded", - "required": false, - "disallowed": false, - "deprecated": false + is: "state", + name: "aria-expanded", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "state", - "name": "aria-invalid", - "required": false, - "disallowed": false, - "deprecated": false + is: "state", + name: "aria-invalid", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-readonly", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-readonly", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-required", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-required", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "state", - "name": "aria-disabled", - "required": false, - "disallowed": false, - "deprecated": false + is: "state", + name: "aria-disabled", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-atomic", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-atomic", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-braillelabel", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-braillelabel", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-brailleroledescription", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-brailleroledescription", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "state", - "name": "aria-busy", - "required": false, - "disallowed": false, - "deprecated": false + is: "state", + name: "aria-busy", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-controls", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-controls", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "state", - "name": "aria-current", - "required": false, - "disallowed": false, - "deprecated": false + is: "state", + name: "aria-current", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-describedby", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-describedby", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-description", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-description", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-details", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-details", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "state", - "name": "aria-disabled", - "required": false, - "disallowed": false, - "deprecated": true + is: "state", + name: "aria-disabled", + required: false, + disallowed: false, + deprecated: true, }, { - "is": "property", - "name": "aria-dropeffect", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-dropeffect", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-errormessage", - "required": false, - "disallowed": false, - "deprecated": true + is: "property", + name: "aria-errormessage", + required: false, + disallowed: false, + deprecated: true, }, { - "is": "property", - "name": "aria-flowto", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-flowto", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "state", - "name": "aria-grabbed", - "required": false, - "disallowed": false, - "deprecated": false + is: "state", + name: "aria-grabbed", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-haspopup", - "required": false, - "disallowed": false, - "deprecated": true + is: "property", + name: "aria-haspopup", + required: false, + disallowed: false, + deprecated: true, }, { - "is": "state", - "name": "aria-hidden", - "required": false, - "disallowed": false, - "deprecated": false + is: "state", + name: "aria-hidden", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "state", - "name": "aria-invalid", - "required": false, - "disallowed": false, - "deprecated": true + is: "state", + name: "aria-invalid", + required: false, + disallowed: false, + deprecated: true, }, { - "is": "property", - "name": "aria-keyshortcuts", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-keyshortcuts", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-label", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-label", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-labelledby", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-labelledby", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-live", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-live", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-owns", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-owns", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-relevant", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-relevant", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-roledescription", - "required": false, - "disallowed": false, - "deprecated": false - } - ] - }, - "code": { - "name": "code", - "fragID": "code", - "parentRoles": [ - "section" + is: "property", + name: "aria-roledescription", + required: false, + disallowed: false, + deprecated: false, + }, ], - "localprops": [ - { - "is": "property", - "name": "aria-label", - "required": false, - "disallowed": true, - "deprecated": false - }, - { - "is": "property", - "name": "aria-labelledby", - "required": false, - "disallowed": true, - "deprecated": false - } - ] }, - "columnheader": { - "name": "columnheader", - "fragID": "columnheader", - "parentRoles": [ - "cell", - "gridcell", - "sectionhead" + code: { + name: "code", + fragID: "code", + parentRoles: ["section"], + localprops: [ + { + is: "property", + name: "aria-label", + required: false, + disallowed: true, + deprecated: false, + }, + { + is: "property", + name: "aria-labelledby", + required: false, + disallowed: true, + deprecated: false, + }, ], - "localprops": [ - { - "is": "property", - "name": "aria-sort", - "required": false, - "disallowed": false, - "deprecated": false - } - ] }, - "combobox": { - "name": "combobox", - "fragID": "combobox", - "parentRoles": [ - "input" + columnheader: { + name: "columnheader", + fragID: "columnheader", + parentRoles: ["cell", "gridcell", "sectionhead"], + localprops: [ + { + is: "property", + name: "aria-sort", + required: false, + disallowed: false, + deprecated: false, + }, ], - "localprops": [ + }, + combobox: { + name: "combobox", + fragID: "combobox", + parentRoles: ["input"], + localprops: [ { - "is": "state", - "name": "aria-expanded", - "required": true, - "disallowed": false, - "deprecated": false + is: "state", + name: "aria-expanded", + required: true, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-activedescendant", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-activedescendant", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-autocomplete", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-autocomplete", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-controls", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-controls", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-errormessage", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-errormessage", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-haspopup", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-haspopup", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "state", - "name": "aria-invalid", - "required": false, - "disallowed": false, - "deprecated": false + is: "state", + name: "aria-invalid", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-readonly", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-readonly", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-required", - "required": false, - "disallowed": false, - "deprecated": false - } - ] - }, - "command": { - "name": "command", - "fragID": "command", - "parentRoles": [ - "widget" + is: "property", + name: "aria-required", + required: false, + disallowed: false, + deprecated: false, + }, ], - "localprops": [], - "allprops": [ + }, + command: { + name: "command", + fragID: "command", + parentRoles: ["widget"], + localprops: [], + allprops: [ { - "is": "property", - "name": "aria-atomic", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-atomic", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-braillelabel", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-braillelabel", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-brailleroledescription", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-brailleroledescription", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "state", - "name": "aria-busy", - "required": false, - "disallowed": false, - "deprecated": false + is: "state", + name: "aria-busy", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-controls", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-controls", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "state", - "name": "aria-current", - "required": false, - "disallowed": false, - "deprecated": false + is: "state", + name: "aria-current", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-describedby", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-describedby", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-description", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-description", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-details", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-details", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "state", - "name": "aria-disabled", - "required": false, - "disallowed": false, - "deprecated": true + is: "state", + name: "aria-disabled", + required: false, + disallowed: false, + deprecated: true, }, { - "is": "property", - "name": "aria-dropeffect", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-dropeffect", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-errormessage", - "required": false, - "disallowed": false, - "deprecated": true + is: "property", + name: "aria-errormessage", + required: false, + disallowed: false, + deprecated: true, }, { - "is": "property", - "name": "aria-flowto", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-flowto", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "state", - "name": "aria-grabbed", - "required": false, - "disallowed": false, - "deprecated": false + is: "state", + name: "aria-grabbed", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-haspopup", - "required": false, - "disallowed": false, - "deprecated": true + is: "property", + name: "aria-haspopup", + required: false, + disallowed: false, + deprecated: true, }, { - "is": "state", - "name": "aria-hidden", - "required": false, - "disallowed": false, - "deprecated": false + is: "state", + name: "aria-hidden", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "state", - "name": "aria-invalid", - "required": false, - "disallowed": false, - "deprecated": true + is: "state", + name: "aria-invalid", + required: false, + disallowed: false, + deprecated: true, }, { - "is": "property", - "name": "aria-keyshortcuts", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-keyshortcuts", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-label", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-label", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-labelledby", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-labelledby", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-live", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-live", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-owns", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-owns", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-relevant", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-relevant", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-roledescription", - "required": false, - "disallowed": false, - "deprecated": false - } - ] - }, - "comment": { - "name": "comment", - "fragID": "comment", - "parentRoles": [ - "article" + is: "property", + name: "aria-roledescription", + required: false, + disallowed: false, + deprecated: false, + }, ], - "localprops": [ + }, + comment: { + name: "comment", + fragID: "comment", + parentRoles: ["article"], + localprops: [ { - "is": "property", - "name": "aria-level", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-level", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-posinset", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-posinset", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-setsize", - "required": false, - "disallowed": false, - "deprecated": false - } - ] - }, - "complementary": { - "name": "complementary", - "fragID": "complementary", - "parentRoles": [ - "landmark" + is: "property", + name: "aria-setsize", + required: false, + disallowed: false, + deprecated: false, + }, ], - "localprops": [] }, - "composite": { - "name": "composite", - "fragID": "composite", - "parentRoles": [ - "widget" - ], - "localprops": [ + complementary: { + name: "complementary", + fragID: "complementary", + parentRoles: ["landmark"], + localprops: [], + }, + composite: { + name: "composite", + fragID: "composite", + parentRoles: ["widget"], + localprops: [ { - "is": "property", - "name": "aria-activedescendant", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-activedescendant", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "state", - "name": "aria-disabled", - "required": false, - "disallowed": false, - "deprecated": false - } + is: "state", + name: "aria-disabled", + required: false, + disallowed: false, + deprecated: false, + }, ], - "allprops": [ + allprops: [ { - "is": "property", - "name": "aria-activedescendant", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-activedescendant", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "state", - "name": "aria-disabled", - "required": false, - "disallowed": false, - "deprecated": false + is: "state", + name: "aria-disabled", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-atomic", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-atomic", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-braillelabel", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-braillelabel", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-brailleroledescription", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-brailleroledescription", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "state", - "name": "aria-busy", - "required": false, - "disallowed": false, - "deprecated": false + is: "state", + name: "aria-busy", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-controls", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-controls", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "state", - "name": "aria-current", - "required": false, - "disallowed": false, - "deprecated": false + is: "state", + name: "aria-current", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-describedby", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-describedby", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-description", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-description", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-details", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-details", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "state", - "name": "aria-disabled", - "required": false, - "disallowed": false, - "deprecated": true + is: "state", + name: "aria-disabled", + required: false, + disallowed: false, + deprecated: true, }, { - "is": "property", - "name": "aria-dropeffect", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-dropeffect", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-errormessage", - "required": false, - "disallowed": false, - "deprecated": true + is: "property", + name: "aria-errormessage", + required: false, + disallowed: false, + deprecated: true, }, { - "is": "property", - "name": "aria-flowto", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-flowto", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "state", - "name": "aria-grabbed", - "required": false, - "disallowed": false, - "deprecated": false + is: "state", + name: "aria-grabbed", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-haspopup", - "required": false, - "disallowed": false, - "deprecated": true + is: "property", + name: "aria-haspopup", + required: false, + disallowed: false, + deprecated: true, }, { - "is": "state", - "name": "aria-hidden", - "required": false, - "disallowed": false, - "deprecated": false + is: "state", + name: "aria-hidden", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "state", - "name": "aria-invalid", - "required": false, - "disallowed": false, - "deprecated": true + is: "state", + name: "aria-invalid", + required: false, + disallowed: false, + deprecated: true, }, { - "is": "property", - "name": "aria-keyshortcuts", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-keyshortcuts", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-label", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-label", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-labelledby", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-labelledby", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-live", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-live", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-owns", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-owns", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-relevant", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-relevant", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-roledescription", - "required": false, - "disallowed": false, - "deprecated": false - } - ] - }, - "contentinfo": { - "name": "contentinfo", - "fragID": "contentinfo", - "parentRoles": [ - "landmark" + is: "property", + name: "aria-roledescription", + required: false, + disallowed: false, + deprecated: false, + }, ], - "localprops": [] }, - "definition": { - "name": "definition", - "fragID": "definition", - "parentRoles": [ - "section" - ], - "localprops": [ - { - "is": "property", - "name": "aria-label", - "required": false, - "disallowed": true, - "deprecated": false - }, - { - "is": "property", - "name": "aria-labelledby", - "required": false, - "disallowed": true, - "deprecated": false - } - ] + contentinfo: { + name: "contentinfo", + fragID: "contentinfo", + parentRoles: ["landmark"], + localprops: [], }, - "deletion": { - "name": "deletion", - "fragID": "deletion", - "parentRoles": [ - "section" + definition: { + name: "definition", + fragID: "definition", + parentRoles: ["section"], + localprops: [ + { + is: "property", + name: "aria-label", + required: false, + disallowed: true, + deprecated: false, + }, + { + is: "property", + name: "aria-labelledby", + required: false, + disallowed: true, + deprecated: false, + }, ], - "localprops": [ - { - "is": "property", - "name": "aria-label", - "required": false, - "disallowed": true, - "deprecated": false - }, - { - "is": "property", - "name": "aria-labelledby", - "required": false, - "disallowed": true, - "deprecated": false - } - ] }, - "dialog": { - "name": "dialog", - "fragID": "dialog", - "parentRoles": [ - "window" + deletion: { + name: "deletion", + fragID: "deletion", + parentRoles: ["section"], + localprops: [ + { + is: "property", + name: "aria-label", + required: false, + disallowed: true, + deprecated: false, + }, + { + is: "property", + name: "aria-labelledby", + required: false, + disallowed: true, + deprecated: false, + }, ], - "localprops": [], - "allprops": [ + }, + dialog: { + name: "dialog", + fragID: "dialog", + parentRoles: ["window"], + localprops: [], + allprops: [ { - "is": "property", - "name": "aria-modal", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-modal", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-atomic", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-atomic", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-braillelabel", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-braillelabel", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-brailleroledescription", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-brailleroledescription", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "state", - "name": "aria-busy", - "required": false, - "disallowed": false, - "deprecated": false + is: "state", + name: "aria-busy", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-controls", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-controls", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "state", - "name": "aria-current", - "required": false, - "disallowed": false, - "deprecated": false + is: "state", + name: "aria-current", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-describedby", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-describedby", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-description", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-description", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-details", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-details", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "state", - "name": "aria-disabled", - "required": false, - "disallowed": false, - "deprecated": true + is: "state", + name: "aria-disabled", + required: false, + disallowed: false, + deprecated: true, }, { - "is": "property", - "name": "aria-dropeffect", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-dropeffect", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-errormessage", - "required": false, - "disallowed": false, - "deprecated": true + is: "property", + name: "aria-errormessage", + required: false, + disallowed: false, + deprecated: true, }, { - "is": "property", - "name": "aria-flowto", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-flowto", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "state", - "name": "aria-grabbed", - "required": false, - "disallowed": false, - "deprecated": false + is: "state", + name: "aria-grabbed", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-haspopup", - "required": false, - "disallowed": false, - "deprecated": true + is: "property", + name: "aria-haspopup", + required: false, + disallowed: false, + deprecated: true, }, { - "is": "state", - "name": "aria-hidden", - "required": false, - "disallowed": false, - "deprecated": false + is: "state", + name: "aria-hidden", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "state", - "name": "aria-invalid", - "required": false, - "disallowed": false, - "deprecated": true + is: "state", + name: "aria-invalid", + required: false, + disallowed: false, + deprecated: true, }, { - "is": "property", - "name": "aria-keyshortcuts", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-keyshortcuts", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-label", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-label", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-labelledby", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-labelledby", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-live", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-live", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-owns", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-owns", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-relevant", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-relevant", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-roledescription", - "required": false, - "disallowed": false, - "deprecated": false - } - ] - }, - "directory": { - "name": "directory", - "fragID": "directory", - "parentRoles": [ - "list" + is: "property", + name: "aria-roledescription", + required: false, + disallowed: false, + deprecated: false, + }, ], - "localprops": [] }, - "document": { - "name": "document", - "fragID": "document", - "parentRoles": [ - "structure" - ], - "localprops": [], - "allprops": [ + directory: { + name: "directory", + fragID: "directory", + parentRoles: ["list"], + localprops: [], + }, + document: { + name: "document", + fragID: "document", + parentRoles: ["structure"], + localprops: [], + allprops: [ { - "is": "property", - "name": "aria-atomic", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-atomic", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-braillelabel", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-braillelabel", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-brailleroledescription", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-brailleroledescription", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "state", - "name": "aria-busy", - "required": false, - "disallowed": false, - "deprecated": false + is: "state", + name: "aria-busy", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-controls", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-controls", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "state", - "name": "aria-current", - "required": false, - "disallowed": false, - "deprecated": false + is: "state", + name: "aria-current", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-describedby", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-describedby", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-description", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-description", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-details", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-details", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "state", - "name": "aria-disabled", - "required": false, - "disallowed": false, - "deprecated": true + is: "state", + name: "aria-disabled", + required: false, + disallowed: false, + deprecated: true, }, { - "is": "property", - "name": "aria-dropeffect", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-dropeffect", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-errormessage", - "required": false, - "disallowed": false, - "deprecated": true + is: "property", + name: "aria-errormessage", + required: false, + disallowed: false, + deprecated: true, }, { - "is": "property", - "name": "aria-flowto", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-flowto", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "state", - "name": "aria-grabbed", - "required": false, - "disallowed": false, - "deprecated": false + is: "state", + name: "aria-grabbed", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-haspopup", - "required": false, - "disallowed": false, - "deprecated": true + is: "property", + name: "aria-haspopup", + required: false, + disallowed: false, + deprecated: true, }, { - "is": "state", - "name": "aria-hidden", - "required": false, - "disallowed": false, - "deprecated": false + is: "state", + name: "aria-hidden", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "state", - "name": "aria-invalid", - "required": false, - "disallowed": false, - "deprecated": true + is: "state", + name: "aria-invalid", + required: false, + disallowed: false, + deprecated: true, }, { - "is": "property", - "name": "aria-keyshortcuts", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-keyshortcuts", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-label", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-label", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-labelledby", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-labelledby", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-live", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-live", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-owns", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-owns", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-relevant", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-relevant", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-roledescription", - "required": false, - "disallowed": false, - "deprecated": false - } - ] - }, - "emphasis": { - "name": "emphasis", - "fragID": "emphasis", - "parentRoles": [ - "section" + is: "property", + name: "aria-roledescription", + required: false, + disallowed: false, + deprecated: false, + }, ], - "localprops": [ - { - "is": "property", - "name": "aria-label", - "required": false, - "disallowed": true, - "deprecated": false - }, - { - "is": "property", - "name": "aria-labelledby", - "required": false, - "disallowed": true, - "deprecated": false - } - ] }, - "feed": { - "name": "feed", - "fragID": "feed", - "parentRoles": [ - "list" + emphasis: { + name: "emphasis", + fragID: "emphasis", + parentRoles: ["section"], + localprops: [ + { + is: "property", + name: "aria-label", + required: false, + disallowed: true, + deprecated: false, + }, + { + is: "property", + name: "aria-labelledby", + required: false, + disallowed: true, + deprecated: false, + }, ], - "localprops": [] }, - "figure": { - "name": "figure", - "fragID": "figure", - "parentRoles": [ - "section" - ], - "localprops": [] + feed: { + name: "feed", + fragID: "feed", + parentRoles: ["list"], + localprops: [], }, - "form": { - "name": "form", - "fragID": "form", - "parentRoles": [ - "landmark" - ], - "localprops": [] + figure: { + name: "figure", + fragID: "figure", + parentRoles: ["section"], + localprops: [], }, - "generic": { - "name": "generic", - "fragID": "generic", - "parentRoles": [ - "structure" - ], - "localprops": [ + form: { + name: "form", + fragID: "form", + parentRoles: ["landmark"], + localprops: [], + }, + generic: { + name: "generic", + fragID: "generic", + parentRoles: ["structure"], + localprops: [ { - "is": "property", - "name": "aria-brailleroledescription", - "required": false, - "disallowed": true, - "deprecated": false + is: "property", + name: "aria-brailleroledescription", + required: false, + disallowed: true, + deprecated: false, }, { - "is": "property", - "name": "aria-label", - "required": false, - "disallowed": true, - "deprecated": false + is: "property", + name: "aria-label", + required: false, + disallowed: true, + deprecated: false, }, { - "is": "property", - "name": "aria-labelledby", - "required": false, - "disallowed": true, - "deprecated": false + is: "property", + name: "aria-labelledby", + required: false, + disallowed: true, + deprecated: false, }, { - "is": "property", - "name": "aria-roledescription", - "required": false, - "disallowed": true, - "deprecated": false - } - ] - }, - "grid": { - "name": "grid", - "fragID": "grid", - "parentRoles": [ - "composite", - "table" + is: "property", + name: "aria-roledescription", + required: false, + disallowed: true, + deprecated: false, + }, ], - "localprops": [ + }, + grid: { + name: "grid", + fragID: "grid", + parentRoles: ["composite", "table"], + localprops: [ { - "is": "property", - "name": "aria-multiselectable", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-multiselectable", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-readonly", - "required": false, - "disallowed": false, - "deprecated": false - } + is: "property", + name: "aria-readonly", + required: false, + disallowed: false, + deprecated: false, + }, ], - "allprops": [ + allprops: [ { - "is": "property", - "name": "aria-multiselectable", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-multiselectable", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-readonly", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-readonly", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-activedescendant", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-activedescendant", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "state", - "name": "aria-disabled", - "required": false, - "disallowed": false, - "deprecated": false + is: "state", + name: "aria-disabled", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-atomic", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-atomic", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-braillelabel", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-braillelabel", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-brailleroledescription", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-brailleroledescription", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "state", - "name": "aria-busy", - "required": false, - "disallowed": false, - "deprecated": false + is: "state", + name: "aria-busy", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-controls", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-controls", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "state", - "name": "aria-current", - "required": false, - "disallowed": false, - "deprecated": false + is: "state", + name: "aria-current", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-describedby", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-describedby", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-description", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-description", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-details", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-details", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "state", - "name": "aria-disabled", - "required": false, - "disallowed": false, - "deprecated": true + is: "state", + name: "aria-disabled", + required: false, + disallowed: false, + deprecated: true, }, { - "is": "property", - "name": "aria-dropeffect", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-dropeffect", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-errormessage", - "required": false, - "disallowed": false, - "deprecated": true + is: "property", + name: "aria-errormessage", + required: false, + disallowed: false, + deprecated: true, }, { - "is": "property", - "name": "aria-flowto", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-flowto", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "state", - "name": "aria-grabbed", - "required": false, - "disallowed": false, - "deprecated": false + is: "state", + name: "aria-grabbed", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-haspopup", - "required": false, - "disallowed": false, - "deprecated": true + is: "property", + name: "aria-haspopup", + required: false, + disallowed: false, + deprecated: true, }, { - "is": "state", - "name": "aria-hidden", - "required": false, - "disallowed": false, - "deprecated": false + is: "state", + name: "aria-hidden", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "state", - "name": "aria-invalid", - "required": false, - "disallowed": false, - "deprecated": true + is: "state", + name: "aria-invalid", + required: false, + disallowed: false, + deprecated: true, }, { - "is": "property", - "name": "aria-keyshortcuts", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-keyshortcuts", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-label", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-label", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-labelledby", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-labelledby", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-live", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-live", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-owns", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-owns", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-relevant", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-relevant", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-roledescription", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-roledescription", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-colcount", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-colcount", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-rowcount", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-rowcount", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-atomic", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-atomic", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-braillelabel", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-braillelabel", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-brailleroledescription", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-brailleroledescription", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "state", - "name": "aria-busy", - "required": false, - "disallowed": false, - "deprecated": false + is: "state", + name: "aria-busy", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-controls", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-controls", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "state", - "name": "aria-current", - "required": false, - "disallowed": false, - "deprecated": false + is: "state", + name: "aria-current", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-describedby", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-describedby", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-description", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-description", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-details", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-details", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "state", - "name": "aria-disabled", - "required": false, - "disallowed": false, - "deprecated": true + is: "state", + name: "aria-disabled", + required: false, + disallowed: false, + deprecated: true, }, { - "is": "property", - "name": "aria-dropeffect", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-dropeffect", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-errormessage", - "required": false, - "disallowed": false, - "deprecated": true + is: "property", + name: "aria-errormessage", + required: false, + disallowed: false, + deprecated: true, }, { - "is": "property", - "name": "aria-flowto", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-flowto", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "state", - "name": "aria-grabbed", - "required": false, - "disallowed": false, - "deprecated": false + is: "state", + name: "aria-grabbed", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-haspopup", - "required": false, - "disallowed": false, - "deprecated": true + is: "property", + name: "aria-haspopup", + required: false, + disallowed: false, + deprecated: true, }, { - "is": "state", - "name": "aria-hidden", - "required": false, - "disallowed": false, - "deprecated": false + is: "state", + name: "aria-hidden", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "state", - "name": "aria-invalid", - "required": false, - "disallowed": false, - "deprecated": true + is: "state", + name: "aria-invalid", + required: false, + disallowed: false, + deprecated: true, }, { - "is": "property", - "name": "aria-keyshortcuts", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-keyshortcuts", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-label", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-label", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-labelledby", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-labelledby", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-live", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-live", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-owns", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-owns", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-relevant", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-relevant", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-roledescription", - "required": false, - "disallowed": false, - "deprecated": false - } - ] - }, - "gridcell": { - "name": "gridcell", - "fragID": "gridcell", - "parentRoles": [ - "cell", - "widget" + is: "property", + name: "aria-roledescription", + required: false, + disallowed: false, + deprecated: false, + }, ], - "localprops": [ + }, + gridcell: { + name: "gridcell", + fragID: "gridcell", + parentRoles: ["cell", "widget"], + localprops: [ { - "is": "state", - "name": "aria-disabled", - "required": false, - "disallowed": false, - "deprecated": false + is: "state", + name: "aria-disabled", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-errormessage", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-errormessage", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "state", - "name": "aria-expanded", - "required": false, - "disallowed": false, - "deprecated": false + is: "state", + name: "aria-expanded", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-haspopup", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-haspopup", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "state", - "name": "aria-invalid", - "required": false, - "disallowed": false, - "deprecated": false + is: "state", + name: "aria-invalid", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-readonly", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-readonly", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-required", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-required", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "state", - "name": "aria-selected", - "required": false, - "disallowed": false, - "deprecated": false - } + is: "state", + name: "aria-selected", + required: false, + disallowed: false, + deprecated: false, + }, ], - "allprops": [ + allprops: [ { - "is": "state", - "name": "aria-disabled", - "required": false, - "disallowed": false, - "deprecated": false + is: "state", + name: "aria-disabled", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-errormessage", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-errormessage", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "state", - "name": "aria-expanded", - "required": false, - "disallowed": false, - "deprecated": false + is: "state", + name: "aria-expanded", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-haspopup", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-haspopup", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "state", - "name": "aria-invalid", - "required": false, - "disallowed": false, - "deprecated": false + is: "state", + name: "aria-invalid", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-readonly", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-readonly", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-required", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-required", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "state", - "name": "aria-selected", - "required": false, - "disallowed": false, - "deprecated": false + is: "state", + name: "aria-selected", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-colindex", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-colindex", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-colindextext", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-colindextext", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-colspan", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-colspan", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-rowindex", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-rowindex", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-rowindextext", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-rowindextext", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-rowspan", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-rowspan", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-atomic", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-atomic", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-braillelabel", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-braillelabel", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-brailleroledescription", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-brailleroledescription", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "state", - "name": "aria-busy", - "required": false, - "disallowed": false, - "deprecated": false + is: "state", + name: "aria-busy", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-controls", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-controls", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "state", - "name": "aria-current", - "required": false, - "disallowed": false, - "deprecated": false + is: "state", + name: "aria-current", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-describedby", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-describedby", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-description", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-description", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-details", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-details", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "state", - "name": "aria-disabled", - "required": false, - "disallowed": false, - "deprecated": true + is: "state", + name: "aria-disabled", + required: false, + disallowed: false, + deprecated: true, }, { - "is": "property", - "name": "aria-dropeffect", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-dropeffect", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-errormessage", - "required": false, - "disallowed": false, - "deprecated": true + is: "property", + name: "aria-errormessage", + required: false, + disallowed: false, + deprecated: true, }, { - "is": "property", - "name": "aria-flowto", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-flowto", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "state", - "name": "aria-grabbed", - "required": false, - "disallowed": false, - "deprecated": false + is: "state", + name: "aria-grabbed", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-haspopup", - "required": false, - "disallowed": false, - "deprecated": true + is: "property", + name: "aria-haspopup", + required: false, + disallowed: false, + deprecated: true, }, { - "is": "state", - "name": "aria-hidden", - "required": false, - "disallowed": false, - "deprecated": false + is: "state", + name: "aria-hidden", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "state", - "name": "aria-invalid", - "required": false, - "disallowed": false, - "deprecated": true + is: "state", + name: "aria-invalid", + required: false, + disallowed: false, + deprecated: true, }, { - "is": "property", - "name": "aria-keyshortcuts", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-keyshortcuts", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-label", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-label", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-labelledby", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-labelledby", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-live", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-live", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-owns", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-owns", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-relevant", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-relevant", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-roledescription", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-roledescription", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-atomic", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-atomic", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-braillelabel", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-braillelabel", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-brailleroledescription", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-brailleroledescription", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "state", - "name": "aria-busy", - "required": false, - "disallowed": false, - "deprecated": false + is: "state", + name: "aria-busy", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-controls", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-controls", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "state", - "name": "aria-current", - "required": false, - "disallowed": false, - "deprecated": false + is: "state", + name: "aria-current", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-describedby", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-describedby", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-description", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-description", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-details", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-details", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "state", - "name": "aria-disabled", - "required": false, - "disallowed": false, - "deprecated": true + is: "state", + name: "aria-disabled", + required: false, + disallowed: false, + deprecated: true, }, { - "is": "property", - "name": "aria-dropeffect", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-dropeffect", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-errormessage", - "required": false, - "disallowed": false, - "deprecated": true + is: "property", + name: "aria-errormessage", + required: false, + disallowed: false, + deprecated: true, }, { - "is": "property", - "name": "aria-flowto", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-flowto", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "state", - "name": "aria-grabbed", - "required": false, - "disallowed": false, - "deprecated": false + is: "state", + name: "aria-grabbed", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-haspopup", - "required": false, - "disallowed": false, - "deprecated": true + is: "property", + name: "aria-haspopup", + required: false, + disallowed: false, + deprecated: true, }, { - "is": "state", - "name": "aria-hidden", - "required": false, - "disallowed": false, - "deprecated": false + is: "state", + name: "aria-hidden", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "state", - "name": "aria-invalid", - "required": false, - "disallowed": false, - "deprecated": true + is: "state", + name: "aria-invalid", + required: false, + disallowed: false, + deprecated: true, }, { - "is": "property", - "name": "aria-keyshortcuts", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-keyshortcuts", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-label", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-label", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-labelledby", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-labelledby", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-live", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-live", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-owns", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-owns", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-relevant", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-relevant", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-roledescription", - "required": false, - "disallowed": false, - "deprecated": false - } - ] - }, - "group": { - "name": "group", - "fragID": "group", - "parentRoles": [ - "section" + is: "property", + name: "aria-roledescription", + required: false, + disallowed: false, + deprecated: false, + }, ], - "localprops": [ + }, + group: { + name: "group", + fragID: "group", + parentRoles: ["section"], + localprops: [ { - "is": "property", - "name": "aria-activedescendant", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-activedescendant", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "state", - "name": "aria-disabled", - "required": false, - "disallowed": false, - "deprecated": false - } + is: "state", + name: "aria-disabled", + required: false, + disallowed: false, + deprecated: false, + }, ], - "allprops": [ + allprops: [ { - "is": "property", - "name": "aria-activedescendant", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-activedescendant", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "state", - "name": "aria-disabled", - "required": false, - "disallowed": false, - "deprecated": false + is: "state", + name: "aria-disabled", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-atomic", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-atomic", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-braillelabel", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-braillelabel", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-brailleroledescription", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-brailleroledescription", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "state", - "name": "aria-busy", - "required": false, - "disallowed": false, - "deprecated": false + is: "state", + name: "aria-busy", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-controls", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-controls", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "state", - "name": "aria-current", - "required": false, - "disallowed": false, - "deprecated": false + is: "state", + name: "aria-current", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-describedby", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-describedby", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-description", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-description", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-details", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-details", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "state", - "name": "aria-disabled", - "required": false, - "disallowed": false, - "deprecated": true + is: "state", + name: "aria-disabled", + required: false, + disallowed: false, + deprecated: true, }, { - "is": "property", - "name": "aria-dropeffect", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-dropeffect", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-errormessage", - "required": false, - "disallowed": false, - "deprecated": true + is: "property", + name: "aria-errormessage", + required: false, + disallowed: false, + deprecated: true, }, { - "is": "property", - "name": "aria-flowto", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-flowto", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "state", - "name": "aria-grabbed", - "required": false, - "disallowed": false, - "deprecated": false + is: "state", + name: "aria-grabbed", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-haspopup", - "required": false, - "disallowed": false, - "deprecated": true + is: "property", + name: "aria-haspopup", + required: false, + disallowed: false, + deprecated: true, }, { - "is": "state", - "name": "aria-hidden", - "required": false, - "disallowed": false, - "deprecated": false + is: "state", + name: "aria-hidden", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "state", - "name": "aria-invalid", - "required": false, - "disallowed": false, - "deprecated": true + is: "state", + name: "aria-invalid", + required: false, + disallowed: false, + deprecated: true, }, { - "is": "property", - "name": "aria-keyshortcuts", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-keyshortcuts", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-label", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-label", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-labelledby", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-labelledby", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-live", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-live", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-owns", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-owns", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-relevant", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-relevant", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-roledescription", - "required": false, - "disallowed": false, - "deprecated": false - } - ] + is: "property", + name: "aria-roledescription", + required: false, + disallowed: false, + deprecated: false, + }, + ], }, - "heading": { - "name": "heading", - "fragID": "heading", - "parentRoles": [ - "sectionhead" + heading: { + name: "heading", + fragID: "heading", + parentRoles: ["sectionhead"], + localprops: [ + { + is: "property", + name: "aria-level", + required: true, + disallowed: false, + deprecated: false, + }, ], - "localprops": [ - { - "is": "property", - "name": "aria-level", - "required": true, - "disallowed": false, - "deprecated": false - } - ] }, - "image": { - "name": "image", - "fragID": "image", - "parentRoles": [], - "localprops": [] + image: { + name: "image", + fragID: "image", + parentRoles: [], + localprops: [], }, - "img": { - "name": "img", - "fragID": "img", - "parentRoles": [ - "section" - ], - "localprops": [] + img: { + name: "img", + fragID: "img", + parentRoles: ["section"], + localprops: [], }, - "input": { - "name": "input", - "fragID": "input", - "parentRoles": [ - "widget" - ], - "localprops": [ - { - "is": "state", - "name": "aria-disabled", - "required": false, - "disallowed": false, - "deprecated": false - } + input: { + name: "input", + fragID: "input", + parentRoles: ["widget"], + localprops: [ + { + is: "state", + name: "aria-disabled", + required: false, + disallowed: false, + deprecated: false, + }, ], - "allprops": [ + allprops: [ { - "is": "state", - "name": "aria-disabled", - "required": false, - "disallowed": false, - "deprecated": false + is: "state", + name: "aria-disabled", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-atomic", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-atomic", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-braillelabel", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-braillelabel", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-brailleroledescription", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-brailleroledescription", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "state", - "name": "aria-busy", - "required": false, - "disallowed": false, - "deprecated": false + is: "state", + name: "aria-busy", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-controls", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-controls", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "state", - "name": "aria-current", - "required": false, - "disallowed": false, - "deprecated": false + is: "state", + name: "aria-current", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-describedby", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-describedby", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-description", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-description", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-details", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-details", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "state", - "name": "aria-disabled", - "required": false, - "disallowed": false, - "deprecated": true + is: "state", + name: "aria-disabled", + required: false, + disallowed: false, + deprecated: true, }, { - "is": "property", - "name": "aria-dropeffect", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-dropeffect", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-errormessage", - "required": false, - "disallowed": false, - "deprecated": true + is: "property", + name: "aria-errormessage", + required: false, + disallowed: false, + deprecated: true, }, { - "is": "property", - "name": "aria-flowto", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-flowto", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "state", - "name": "aria-grabbed", - "required": false, - "disallowed": false, - "deprecated": false + is: "state", + name: "aria-grabbed", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-haspopup", - "required": false, - "disallowed": false, - "deprecated": true + is: "property", + name: "aria-haspopup", + required: false, + disallowed: false, + deprecated: true, }, { - "is": "state", - "name": "aria-hidden", - "required": false, - "disallowed": false, - "deprecated": false + is: "state", + name: "aria-hidden", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "state", - "name": "aria-invalid", - "required": false, - "disallowed": false, - "deprecated": true + is: "state", + name: "aria-invalid", + required: false, + disallowed: false, + deprecated: true, }, { - "is": "property", - "name": "aria-keyshortcuts", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-keyshortcuts", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-label", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-label", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-labelledby", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-labelledby", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-live", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-live", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-owns", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-owns", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-relevant", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-relevant", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-roledescription", - "required": false, - "disallowed": false, - "deprecated": false - } - ] - }, - "insertion": { - "name": "insertion", - "fragID": "insertion", - "parentRoles": [ - "section" + is: "property", + name: "aria-roledescription", + required: false, + disallowed: false, + deprecated: false, + }, ], - "localprops": [ - { - "is": "property", - "name": "aria-label", - "required": false, - "disallowed": true, - "deprecated": false - }, - { - "is": "property", - "name": "aria-labelledby", - "required": false, - "disallowed": true, - "deprecated": false - } - ] }, - "landmark": { - "name": "landmark", - "fragID": "landmark", - "parentRoles": [ - "section" + insertion: { + name: "insertion", + fragID: "insertion", + parentRoles: ["section"], + localprops: [ + { + is: "property", + name: "aria-label", + required: false, + disallowed: true, + deprecated: false, + }, + { + is: "property", + name: "aria-labelledby", + required: false, + disallowed: true, + deprecated: false, + }, ], - "localprops": [], - "allprops": [ + }, + landmark: { + name: "landmark", + fragID: "landmark", + parentRoles: ["section"], + localprops: [], + allprops: [ { - "is": "property", - "name": "aria-atomic", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-atomic", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-braillelabel", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-braillelabel", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-brailleroledescription", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-brailleroledescription", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "state", - "name": "aria-busy", - "required": false, - "disallowed": false, - "deprecated": false + is: "state", + name: "aria-busy", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-controls", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-controls", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "state", - "name": "aria-current", - "required": false, - "disallowed": false, - "deprecated": false + is: "state", + name: "aria-current", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-describedby", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-describedby", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-description", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-description", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-details", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-details", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "state", - "name": "aria-disabled", - "required": false, - "disallowed": false, - "deprecated": true + is: "state", + name: "aria-disabled", + required: false, + disallowed: false, + deprecated: true, }, { - "is": "property", - "name": "aria-dropeffect", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-dropeffect", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-errormessage", - "required": false, - "disallowed": false, - "deprecated": true + is: "property", + name: "aria-errormessage", + required: false, + disallowed: false, + deprecated: true, }, { - "is": "property", - "name": "aria-flowto", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-flowto", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "state", - "name": "aria-grabbed", - "required": false, - "disallowed": false, - "deprecated": false + is: "state", + name: "aria-grabbed", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-haspopup", - "required": false, - "disallowed": false, - "deprecated": true + is: "property", + name: "aria-haspopup", + required: false, + disallowed: false, + deprecated: true, }, { - "is": "state", - "name": "aria-hidden", - "required": false, - "disallowed": false, - "deprecated": false + is: "state", + name: "aria-hidden", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "state", - "name": "aria-invalid", - "required": false, - "disallowed": false, - "deprecated": true + is: "state", + name: "aria-invalid", + required: false, + disallowed: false, + deprecated: true, }, { - "is": "property", - "name": "aria-keyshortcuts", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-keyshortcuts", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-label", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-label", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-labelledby", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-labelledby", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-live", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-live", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-owns", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-owns", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-relevant", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-relevant", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-roledescription", - "required": false, - "disallowed": false, - "deprecated": false - } - ] - }, - "link": { - "name": "link", - "fragID": "link", - "parentRoles": [ - "command" + is: "property", + name: "aria-roledescription", + required: false, + disallowed: false, + deprecated: false, + }, ], - "localprops": [ + }, + link: { + name: "link", + fragID: "link", + parentRoles: ["command"], + localprops: [ { - "is": "state", - "name": "aria-disabled", - "required": false, - "disallowed": false, - "deprecated": false + is: "state", + name: "aria-disabled", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "state", - "name": "aria-expanded", - "required": false, - "disallowed": false, - "deprecated": false + is: "state", + name: "aria-expanded", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-haspopup", - "required": false, - "disallowed": false, - "deprecated": false - } - ] - }, - "list": { - "name": "list", - "fragID": "list", - "parentRoles": [ - "section" + is: "property", + name: "aria-haspopup", + required: false, + disallowed: false, + deprecated: false, + }, ], - "localprops": [], - "allprops": [ + }, + list: { + name: "list", + fragID: "list", + parentRoles: ["section"], + localprops: [], + allprops: [ { - "is": "property", - "name": "aria-atomic", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-atomic", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-braillelabel", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-braillelabel", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-brailleroledescription", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-brailleroledescription", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "state", - "name": "aria-busy", - "required": false, - "disallowed": false, - "deprecated": false + is: "state", + name: "aria-busy", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-controls", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-controls", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "state", - "name": "aria-current", - "required": false, - "disallowed": false, - "deprecated": false + is: "state", + name: "aria-current", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-describedby", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-describedby", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-description", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-description", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-details", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-details", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "state", - "name": "aria-disabled", - "required": false, - "disallowed": false, - "deprecated": true + is: "state", + name: "aria-disabled", + required: false, + disallowed: false, + deprecated: true, }, { - "is": "property", - "name": "aria-dropeffect", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-dropeffect", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-errormessage", - "required": false, - "disallowed": false, - "deprecated": true + is: "property", + name: "aria-errormessage", + required: false, + disallowed: false, + deprecated: true, }, { - "is": "property", - "name": "aria-flowto", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-flowto", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "state", - "name": "aria-grabbed", - "required": false, - "disallowed": false, - "deprecated": false + is: "state", + name: "aria-grabbed", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-haspopup", - "required": false, - "disallowed": false, - "deprecated": true + is: "property", + name: "aria-haspopup", + required: false, + disallowed: false, + deprecated: true, }, { - "is": "state", - "name": "aria-hidden", - "required": false, - "disallowed": false, - "deprecated": false + is: "state", + name: "aria-hidden", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "state", - "name": "aria-invalid", - "required": false, - "disallowed": false, - "deprecated": true + is: "state", + name: "aria-invalid", + required: false, + disallowed: false, + deprecated: true, }, { - "is": "property", - "name": "aria-keyshortcuts", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-keyshortcuts", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-label", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-label", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-labelledby", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-labelledby", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-live", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-live", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-owns", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-owns", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-relevant", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-relevant", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-roledescription", - "required": false, - "disallowed": false, - "deprecated": false - } - ] - }, - "listbox": { - "name": "listbox", - "fragID": "listbox", - "parentRoles": [ - "select" + is: "property", + name: "aria-roledescription", + required: false, + disallowed: false, + deprecated: false, + }, ], - "localprops": [ + }, + listbox: { + name: "listbox", + fragID: "listbox", + parentRoles: ["select"], + localprops: [ { - "is": "property", - "name": "aria-errormessage", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-errormessage", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "state", - "name": "aria-expanded", - "required": false, - "disallowed": false, - "deprecated": false + is: "state", + name: "aria-expanded", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "state", - "name": "aria-invalid", - "required": false, - "disallowed": false, - "deprecated": false + is: "state", + name: "aria-invalid", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-multiselectable", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-multiselectable", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-readonly", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-readonly", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-required", - "required": false, - "disallowed": false, - "deprecated": false - } - ] - }, - "listitem": { - "name": "listitem", - "fragID": "listitem", - "parentRoles": [ - "section" + is: "property", + name: "aria-required", + required: false, + disallowed: false, + deprecated: false, + }, ], - "localprops": [ + }, + listitem: { + name: "listitem", + fragID: "listitem", + parentRoles: ["section"], + localprops: [ { - "is": "property", - "name": "aria-posinset", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-posinset", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-setsize", - "required": false, - "disallowed": false, - "deprecated": false - } + is: "property", + name: "aria-setsize", + required: false, + disallowed: false, + deprecated: false, + }, ], - "allprops": [ + allprops: [ { - "is": "property", - "name": "aria-posinset", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-posinset", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-setsize", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-setsize", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-atomic", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-atomic", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-braillelabel", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-braillelabel", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-brailleroledescription", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-brailleroledescription", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "state", - "name": "aria-busy", - "required": false, - "disallowed": false, - "deprecated": false + is: "state", + name: "aria-busy", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-controls", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-controls", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "state", - "name": "aria-current", - "required": false, - "disallowed": false, - "deprecated": false + is: "state", + name: "aria-current", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-describedby", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-describedby", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-description", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-description", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-details", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-details", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "state", - "name": "aria-disabled", - "required": false, - "disallowed": false, - "deprecated": true + is: "state", + name: "aria-disabled", + required: false, + disallowed: false, + deprecated: true, }, { - "is": "property", - "name": "aria-dropeffect", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-dropeffect", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-errormessage", - "required": false, - "disallowed": false, - "deprecated": true + is: "property", + name: "aria-errormessage", + required: false, + disallowed: false, + deprecated: true, }, { - "is": "property", - "name": "aria-flowto", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-flowto", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "state", - "name": "aria-grabbed", - "required": false, - "disallowed": false, - "deprecated": false + is: "state", + name: "aria-grabbed", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-haspopup", - "required": false, - "disallowed": false, - "deprecated": true + is: "property", + name: "aria-haspopup", + required: false, + disallowed: false, + deprecated: true, }, { - "is": "state", - "name": "aria-hidden", - "required": false, - "disallowed": false, - "deprecated": false + is: "state", + name: "aria-hidden", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "state", - "name": "aria-invalid", - "required": false, - "disallowed": false, - "deprecated": true + is: "state", + name: "aria-invalid", + required: false, + disallowed: false, + deprecated: true, }, { - "is": "property", - "name": "aria-keyshortcuts", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-keyshortcuts", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-label", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-label", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-labelledby", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-labelledby", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-live", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-live", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-owns", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-owns", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-relevant", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-relevant", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-roledescription", - "required": false, - "disallowed": false, - "deprecated": false - } - ] - }, - "log": { - "name": "log", - "fragID": "log", - "parentRoles": [ - "section" + is: "property", + name: "aria-roledescription", + required: false, + disallowed: false, + deprecated: false, + }, ], - "localprops": [] }, - "main": { - "name": "main", - "fragID": "main", - "parentRoles": [ - "landmark" - ], - "localprops": [] + log: { + name: "log", + fragID: "log", + parentRoles: ["section"], + localprops: [], }, - "mark": { - "name": "mark", - "fragID": "mark", - "parentRoles": [ - "section" - ], - "localprops": [ - { - "is": "property", - "name": "aria-label", - "required": false, - "disallowed": true, - "deprecated": false - }, - { - "is": "property", - "name": "aria-labelledby", - "required": false, - "disallowed": true, - "deprecated": false - } - ] + main: { + name: "main", + fragID: "main", + parentRoles: ["landmark"], + localprops: [], }, - "marquee": { - "name": "marquee", - "fragID": "marquee", - "parentRoles": [ - "section" + mark: { + name: "mark", + fragID: "mark", + parentRoles: ["section"], + localprops: [ + { + is: "property", + name: "aria-label", + required: false, + disallowed: true, + deprecated: false, + }, + { + is: "property", + name: "aria-labelledby", + required: false, + disallowed: true, + deprecated: false, + }, ], - "localprops": [] }, - "math": { - "name": "math", - "fragID": "math", - "parentRoles": [ - "section" - ], - "localprops": [] + marquee: { + name: "marquee", + fragID: "marquee", + parentRoles: ["section"], + localprops: [], }, - "menu": { - "name": "menu", - "fragID": "menu", - "parentRoles": [ - "select" - ], - "localprops": [], - "allprops": [ + math: { + name: "math", + fragID: "math", + parentRoles: ["section"], + localprops: [], + }, + menu: { + name: "menu", + fragID: "menu", + parentRoles: ["select"], + localprops: [], + allprops: [ { - "is": "property", - "name": "aria-orientation", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-orientation", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-activedescendant", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-activedescendant", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "state", - "name": "aria-disabled", - "required": false, - "disallowed": false, - "deprecated": false + is: "state", + name: "aria-disabled", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-atomic", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-atomic", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-braillelabel", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-braillelabel", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-brailleroledescription", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-brailleroledescription", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "state", - "name": "aria-busy", - "required": false, - "disallowed": false, - "deprecated": false + is: "state", + name: "aria-busy", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-controls", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-controls", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "state", - "name": "aria-current", - "required": false, - "disallowed": false, - "deprecated": false + is: "state", + name: "aria-current", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-describedby", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-describedby", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-description", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-description", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-details", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-details", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "state", - "name": "aria-disabled", - "required": false, - "disallowed": false, - "deprecated": true + is: "state", + name: "aria-disabled", + required: false, + disallowed: false, + deprecated: true, }, { - "is": "property", - "name": "aria-dropeffect", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-dropeffect", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-errormessage", - "required": false, - "disallowed": false, - "deprecated": true + is: "property", + name: "aria-errormessage", + required: false, + disallowed: false, + deprecated: true, }, { - "is": "property", - "name": "aria-flowto", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-flowto", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "state", - "name": "aria-grabbed", - "required": false, - "disallowed": false, - "deprecated": false + is: "state", + name: "aria-grabbed", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-haspopup", - "required": false, - "disallowed": false, - "deprecated": true + is: "property", + name: "aria-haspopup", + required: false, + disallowed: false, + deprecated: true, }, { - "is": "state", - "name": "aria-hidden", - "required": false, - "disallowed": false, - "deprecated": false + is: "state", + name: "aria-hidden", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "state", - "name": "aria-invalid", - "required": false, - "disallowed": false, - "deprecated": true + is: "state", + name: "aria-invalid", + required: false, + disallowed: false, + deprecated: true, }, { - "is": "property", - "name": "aria-keyshortcuts", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-keyshortcuts", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-label", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-label", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-labelledby", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-labelledby", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-live", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-live", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-owns", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-owns", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-relevant", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-relevant", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-roledescription", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-roledescription", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-activedescendant", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-activedescendant", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "state", - "name": "aria-disabled", - "required": false, - "disallowed": false, - "deprecated": false + is: "state", + name: "aria-disabled", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-atomic", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-atomic", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-braillelabel", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-braillelabel", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-brailleroledescription", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-brailleroledescription", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "state", - "name": "aria-busy", - "required": false, - "disallowed": false, - "deprecated": false + is: "state", + name: "aria-busy", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-controls", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-controls", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "state", - "name": "aria-current", - "required": false, - "disallowed": false, - "deprecated": false + is: "state", + name: "aria-current", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-describedby", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-describedby", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-description", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-description", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-details", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-details", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "state", - "name": "aria-disabled", - "required": false, - "disallowed": false, - "deprecated": true + is: "state", + name: "aria-disabled", + required: false, + disallowed: false, + deprecated: true, }, { - "is": "property", - "name": "aria-dropeffect", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-dropeffect", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-errormessage", - "required": false, - "disallowed": false, - "deprecated": true + is: "property", + name: "aria-errormessage", + required: false, + disallowed: false, + deprecated: true, }, { - "is": "property", - "name": "aria-flowto", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-flowto", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "state", - "name": "aria-grabbed", - "required": false, - "disallowed": false, - "deprecated": false + is: "state", + name: "aria-grabbed", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-haspopup", - "required": false, - "disallowed": false, - "deprecated": true + is: "property", + name: "aria-haspopup", + required: false, + disallowed: false, + deprecated: true, }, { - "is": "state", - "name": "aria-hidden", - "required": false, - "disallowed": false, - "deprecated": false + is: "state", + name: "aria-hidden", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "state", - "name": "aria-invalid", - "required": false, - "disallowed": false, - "deprecated": true + is: "state", + name: "aria-invalid", + required: false, + disallowed: false, + deprecated: true, }, { - "is": "property", - "name": "aria-keyshortcuts", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-keyshortcuts", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-label", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-label", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-labelledby", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-labelledby", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-live", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-live", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-owns", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-owns", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-relevant", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-relevant", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-roledescription", - "required": false, - "disallowed": false, - "deprecated": false - } - ] - }, - "menubar": { - "name": "menubar", - "fragID": "menubar", - "parentRoles": [ - "menu" + is: "property", + name: "aria-roledescription", + required: false, + disallowed: false, + deprecated: false, + }, ], - "localprops": [] }, - "menuitem": { - "name": "menuitem", - "fragID": "menuitem", - "parentRoles": [ - "command" - ], - "localprops": [ + menubar: { + name: "menubar", + fragID: "menubar", + parentRoles: ["menu"], + localprops: [], + }, + menuitem: { + name: "menuitem", + fragID: "menuitem", + parentRoles: ["command"], + localprops: [ { - "is": "state", - "name": "aria-disabled", - "required": false, - "disallowed": false, - "deprecated": false + is: "state", + name: "aria-disabled", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "state", - "name": "aria-expanded", - "required": false, - "disallowed": false, - "deprecated": false + is: "state", + name: "aria-expanded", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-haspopup", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-haspopup", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-posinset", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-posinset", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-setsize", - "required": false, - "disallowed": false, - "deprecated": false - } + is: "property", + name: "aria-setsize", + required: false, + disallowed: false, + deprecated: false, + }, ], - "allprops": [ + allprops: [ { - "is": "state", - "name": "aria-disabled", - "required": false, - "disallowed": false, - "deprecated": false + is: "state", + name: "aria-disabled", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "state", - "name": "aria-expanded", - "required": false, - "disallowed": false, - "deprecated": false + is: "state", + name: "aria-expanded", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-haspopup", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-haspopup", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-posinset", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-posinset", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-setsize", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-setsize", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-atomic", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-atomic", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-braillelabel", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-braillelabel", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-brailleroledescription", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-brailleroledescription", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "state", - "name": "aria-busy", - "required": false, - "disallowed": false, - "deprecated": false + is: "state", + name: "aria-busy", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-controls", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-controls", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "state", - "name": "aria-current", - "required": false, - "disallowed": false, - "deprecated": false + is: "state", + name: "aria-current", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-describedby", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-describedby", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-description", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-description", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-details", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-details", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "state", - "name": "aria-disabled", - "required": false, - "disallowed": false, - "deprecated": true + is: "state", + name: "aria-disabled", + required: false, + disallowed: false, + deprecated: true, }, { - "is": "property", - "name": "aria-dropeffect", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-dropeffect", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-errormessage", - "required": false, - "disallowed": false, - "deprecated": true + is: "property", + name: "aria-errormessage", + required: false, + disallowed: false, + deprecated: true, }, { - "is": "property", - "name": "aria-flowto", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-flowto", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "state", - "name": "aria-grabbed", - "required": false, - "disallowed": false, - "deprecated": false + is: "state", + name: "aria-grabbed", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-haspopup", - "required": false, - "disallowed": false, - "deprecated": true + is: "property", + name: "aria-haspopup", + required: false, + disallowed: false, + deprecated: true, }, { - "is": "state", - "name": "aria-hidden", - "required": false, - "disallowed": false, - "deprecated": false + is: "state", + name: "aria-hidden", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "state", - "name": "aria-invalid", - "required": false, - "disallowed": false, - "deprecated": true + is: "state", + name: "aria-invalid", + required: false, + disallowed: false, + deprecated: true, }, { - "is": "property", - "name": "aria-keyshortcuts", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-keyshortcuts", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-label", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-label", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-labelledby", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-labelledby", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-live", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-live", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-owns", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-owns", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-relevant", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-relevant", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-roledescription", - "required": false, - "disallowed": false, - "deprecated": false - } - ] - }, - "menuitemcheckbox": { - "name": "menuitemcheckbox", - "fragID": "menuitemcheckbox", - "parentRoles": [ - "menuitem" + is: "property", + name: "aria-roledescription", + required: false, + disallowed: false, + deprecated: false, + }, ], - "localprops": [ - { - "is": "state", - "name": "aria-checked", - "required": true, - "disallowed": false, - "deprecated": false - } - ] }, - "menuitemradio": { - "name": "menuitemradio", - "fragID": "menuitemradio", - "parentRoles": [ - "menuitem" + menuitemcheckbox: { + name: "menuitemcheckbox", + fragID: "menuitemcheckbox", + parentRoles: ["menuitem"], + localprops: [ + { + is: "state", + name: "aria-checked", + required: true, + disallowed: false, + deprecated: false, + }, ], - "localprops": [ - { - "is": "state", - "name": "aria-checked", - "required": true, - "disallowed": false, - "deprecated": false - } - ] }, - "meter": { - "name": "meter", - "fragID": "meter", - "parentRoles": [ - "range" + menuitemradio: { + name: "menuitemradio", + fragID: "menuitemradio", + parentRoles: ["menuitem"], + localprops: [ + { + is: "state", + name: "aria-checked", + required: true, + disallowed: false, + deprecated: false, + }, ], - "localprops": [ - { - "is": "property", - "name": "aria-valuenow", - "required": true, - "disallowed": false, - "deprecated": false - } - ] }, - "navigation": { - "name": "navigation", - "fragID": "navigation", - "parentRoles": [ - "landmark" + meter: { + name: "meter", + fragID: "meter", + parentRoles: ["range"], + localprops: [ + { + is: "property", + name: "aria-valuenow", + required: true, + disallowed: false, + deprecated: false, + }, ], - "localprops": [] }, - "none": { - "name": "none", - "fragID": "none", - "parentRoles": [], - "localprops": [] + navigation: { + name: "navigation", + fragID: "navigation", + parentRoles: ["landmark"], + localprops: [], }, - "note": { - "name": "note", - "fragID": "note", - "parentRoles": [ - "section" - ], - "localprops": [] + none: { + name: "none", + fragID: "none", + parentRoles: [], + localprops: [], }, - "option": { - "name": "option", - "fragID": "option", - "parentRoles": [ - "input" - ], - "localprops": [ + note: { + name: "note", + fragID: "note", + parentRoles: ["section"], + localprops: [], + }, + option: { + name: "option", + fragID: "option", + parentRoles: ["input"], + localprops: [ { - "is": "state", - "name": "aria-checked", - "required": false, - "disallowed": false, - "deprecated": false + is: "state", + name: "aria-checked", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-posinset", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-posinset", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "state", - "name": "aria-selected", - "required": false, - "disallowed": false, - "deprecated": false + is: "state", + name: "aria-selected", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-setsize", - "required": false, - "disallowed": false, - "deprecated": false - } + is: "property", + name: "aria-setsize", + required: false, + disallowed: false, + deprecated: false, + }, ], - "allprops": [ + allprops: [ { - "is": "state", - "name": "aria-checked", - "required": false, - "disallowed": false, - "deprecated": false + is: "state", + name: "aria-checked", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-posinset", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-posinset", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "state", - "name": "aria-selected", - "required": false, - "disallowed": false, - "deprecated": false + is: "state", + name: "aria-selected", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-setsize", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-setsize", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "state", - "name": "aria-disabled", - "required": false, - "disallowed": false, - "deprecated": false + is: "state", + name: "aria-disabled", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-atomic", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-atomic", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-braillelabel", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-braillelabel", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-brailleroledescription", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-brailleroledescription", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "state", - "name": "aria-busy", - "required": false, - "disallowed": false, - "deprecated": false + is: "state", + name: "aria-busy", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-controls", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-controls", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "state", - "name": "aria-current", - "required": false, - "disallowed": false, - "deprecated": false + is: "state", + name: "aria-current", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-describedby", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-describedby", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-description", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-description", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-details", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-details", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "state", - "name": "aria-disabled", - "required": false, - "disallowed": false, - "deprecated": true + is: "state", + name: "aria-disabled", + required: false, + disallowed: false, + deprecated: true, }, { - "is": "property", - "name": "aria-dropeffect", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-dropeffect", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-errormessage", - "required": false, - "disallowed": false, - "deprecated": true + is: "property", + name: "aria-errormessage", + required: false, + disallowed: false, + deprecated: true, }, { - "is": "property", - "name": "aria-flowto", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-flowto", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "state", - "name": "aria-grabbed", - "required": false, - "disallowed": false, - "deprecated": false + is: "state", + name: "aria-grabbed", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-haspopup", - "required": false, - "disallowed": false, - "deprecated": true + is: "property", + name: "aria-haspopup", + required: false, + disallowed: false, + deprecated: true, }, { - "is": "state", - "name": "aria-hidden", - "required": false, - "disallowed": false, - "deprecated": false + is: "state", + name: "aria-hidden", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "state", - "name": "aria-invalid", - "required": false, - "disallowed": false, - "deprecated": true + is: "state", + name: "aria-invalid", + required: false, + disallowed: false, + deprecated: true, }, { - "is": "property", - "name": "aria-keyshortcuts", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-keyshortcuts", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-label", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-label", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-labelledby", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-labelledby", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-live", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-live", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-owns", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-owns", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-relevant", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-relevant", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-roledescription", - "required": false, - "disallowed": false, - "deprecated": false - } - ] - }, - "paragraph": { - "name": "paragraph", - "fragID": "paragraph", - "parentRoles": [ - "section" + is: "property", + name: "aria-roledescription", + required: false, + disallowed: false, + deprecated: false, + }, ], - "localprops": [ - { - "is": "property", - "name": "aria-label", - "required": false, - "disallowed": true, - "deprecated": false - }, - { - "is": "property", - "name": "aria-labelledby", - "required": false, - "disallowed": true, - "deprecated": false - } - ] }, - "presentation": { - "name": "presentation", - "fragID": "presentation", - "parentRoles": [ - "structure" + paragraph: { + name: "paragraph", + fragID: "paragraph", + parentRoles: ["section"], + localprops: [ + { + is: "property", + name: "aria-label", + required: false, + disallowed: true, + deprecated: false, + }, + { + is: "property", + name: "aria-labelledby", + required: false, + disallowed: true, + deprecated: false, + }, ], - "localprops": [ - { - "is": "property", - "name": "aria-label", - "required": false, - "disallowed": true, - "deprecated": false - }, - { - "is": "property", - "name": "aria-labelledby", - "required": false, - "disallowed": true, - "deprecated": false - } - ] }, - "progressbar": { - "name": "progressbar", - "fragID": "progressbar", - "parentRoles": [ - "range", - "widget" + presentation: { + name: "presentation", + fragID: "presentation", + parentRoles: ["structure"], + localprops: [ + { + is: "property", + name: "aria-label", + required: false, + disallowed: true, + deprecated: false, + }, + { + is: "property", + name: "aria-labelledby", + required: false, + disallowed: true, + deprecated: false, + }, ], - "localprops": [] }, - "radio": { - "name": "radio", - "fragID": "radio", - "parentRoles": [ - "input" - ], - "localprops": [ + progressbar: { + name: "progressbar", + fragID: "progressbar", + parentRoles: ["range", "widget"], + localprops: [], + }, + radio: { + name: "radio", + fragID: "radio", + parentRoles: ["input"], + localprops: [ { - "is": "state", - "name": "aria-checked", - "required": true, - "disallowed": false, - "deprecated": false + is: "state", + name: "aria-checked", + required: true, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-posinset", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-posinset", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-setsize", - "required": false, - "disallowed": false, - "deprecated": false - } - ] - }, - "radiogroup": { - "name": "radiogroup", - "fragID": "radiogroup", - "parentRoles": [ - "select" + is: "property", + name: "aria-setsize", + required: false, + disallowed: false, + deprecated: false, + }, ], - "localprops": [ + }, + radiogroup: { + name: "radiogroup", + fragID: "radiogroup", + parentRoles: ["select"], + localprops: [ { - "is": "property", - "name": "aria-errormessage", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-errormessage", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "state", - "name": "aria-invalid", - "required": false, - "disallowed": false, - "deprecated": false + is: "state", + name: "aria-invalid", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-readonly", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-readonly", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-required", - "required": false, - "disallowed": false, - "deprecated": false - } - ] - }, - "range": { - "name": "range", - "fragID": "range", - "parentRoles": [ - "structure" + is: "property", + name: "aria-required", + required: false, + disallowed: false, + deprecated: false, + }, ], - "localprops": [ + }, + range: { + name: "range", + fragID: "range", + parentRoles: ["structure"], + localprops: [ { - "is": "property", - "name": "aria-valuemax", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-valuemax", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-valuemin", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-valuemin", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-valuenow", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-valuenow", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-valuetext", - "required": false, - "disallowed": false, - "deprecated": false - } + is: "property", + name: "aria-valuetext", + required: false, + disallowed: false, + deprecated: false, + }, ], - "allprops": [ + allprops: [ { - "is": "property", - "name": "aria-valuemax", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-valuemax", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-valuemin", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-valuemin", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-valuenow", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-valuenow", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-valuetext", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-valuetext", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-atomic", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-atomic", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-braillelabel", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-braillelabel", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-brailleroledescription", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-brailleroledescription", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "state", - "name": "aria-busy", - "required": false, - "disallowed": false, - "deprecated": false + is: "state", + name: "aria-busy", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-controls", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-controls", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "state", - "name": "aria-current", - "required": false, - "disallowed": false, - "deprecated": false + is: "state", + name: "aria-current", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-describedby", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-describedby", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-description", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-description", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-details", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-details", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "state", - "name": "aria-disabled", - "required": false, - "disallowed": false, - "deprecated": true + is: "state", + name: "aria-disabled", + required: false, + disallowed: false, + deprecated: true, }, { - "is": "property", - "name": "aria-dropeffect", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-dropeffect", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-errormessage", - "required": false, - "disallowed": false, - "deprecated": true + is: "property", + name: "aria-errormessage", + required: false, + disallowed: false, + deprecated: true, }, { - "is": "property", - "name": "aria-flowto", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-flowto", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "state", - "name": "aria-grabbed", - "required": false, - "disallowed": false, - "deprecated": false + is: "state", + name: "aria-grabbed", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-haspopup", - "required": false, - "disallowed": false, - "deprecated": true + is: "property", + name: "aria-haspopup", + required: false, + disallowed: false, + deprecated: true, }, { - "is": "state", - "name": "aria-hidden", - "required": false, - "disallowed": false, - "deprecated": false + is: "state", + name: "aria-hidden", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "state", - "name": "aria-invalid", - "required": false, - "disallowed": false, - "deprecated": true + is: "state", + name: "aria-invalid", + required: false, + disallowed: false, + deprecated: true, }, { - "is": "property", - "name": "aria-keyshortcuts", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-keyshortcuts", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-label", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-label", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-labelledby", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-labelledby", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-live", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-live", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-owns", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-owns", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-relevant", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-relevant", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-roledescription", - "required": false, - "disallowed": false, - "deprecated": false - } - ] - }, - "region": { - "name": "region", - "fragID": "region", - "parentRoles": [ - "landmark" + is: "property", + name: "aria-roledescription", + required: false, + disallowed: false, + deprecated: false, + }, ], - "localprops": [] }, - "roletype": { - "name": "roletype", - "fragID": "roletype", - "parentRoles": [], - "localprops": [ + region: { + name: "region", + fragID: "region", + parentRoles: ["landmark"], + localprops: [], + }, + roletype: { + name: "roletype", + fragID: "roletype", + parentRoles: [], + localprops: [ { - "is": "property", - "name": "aria-atomic", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-atomic", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-braillelabel", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-braillelabel", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-brailleroledescription", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-brailleroledescription", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "state", - "name": "aria-busy", - "required": false, - "disallowed": false, - "deprecated": false + is: "state", + name: "aria-busy", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-controls", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-controls", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "state", - "name": "aria-current", - "required": false, - "disallowed": false, - "deprecated": false + is: "state", + name: "aria-current", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-describedby", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-describedby", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-description", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-description", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-details", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-details", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "state", - "name": "aria-disabled", - "required": false, - "disallowed": false, - "deprecated": true + is: "state", + name: "aria-disabled", + required: false, + disallowed: false, + deprecated: true, }, { - "is": "property", - "name": "aria-dropeffect", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-dropeffect", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-errormessage", - "required": false, - "disallowed": false, - "deprecated": true + is: "property", + name: "aria-errormessage", + required: false, + disallowed: false, + deprecated: true, }, { - "is": "property", - "name": "aria-flowto", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-flowto", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "state", - "name": "aria-grabbed", - "required": false, - "disallowed": false, - "deprecated": false + is: "state", + name: "aria-grabbed", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-haspopup", - "required": false, - "disallowed": false, - "deprecated": true + is: "property", + name: "aria-haspopup", + required: false, + disallowed: false, + deprecated: true, }, { - "is": "state", - "name": "aria-hidden", - "required": false, - "disallowed": false, - "deprecated": false + is: "state", + name: "aria-hidden", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "state", - "name": "aria-invalid", - "required": false, - "disallowed": false, - "deprecated": true + is: "state", + name: "aria-invalid", + required: false, + disallowed: false, + deprecated: true, }, { - "is": "property", - "name": "aria-keyshortcuts", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-keyshortcuts", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-label", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-label", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-labelledby", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-labelledby", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-live", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-live", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-owns", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-owns", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-relevant", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-relevant", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-roledescription", - "required": false, - "disallowed": false, - "deprecated": false - } + is: "property", + name: "aria-roledescription", + required: false, + disallowed: false, + deprecated: false, + }, ], - "allprops": [ + allprops: [ { - "is": "property", - "name": "aria-atomic", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-atomic", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-braillelabel", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-braillelabel", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-brailleroledescription", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-brailleroledescription", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "state", - "name": "aria-busy", - "required": false, - "disallowed": false, - "deprecated": false + is: "state", + name: "aria-busy", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-controls", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-controls", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "state", - "name": "aria-current", - "required": false, - "disallowed": false, - "deprecated": false + is: "state", + name: "aria-current", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-describedby", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-describedby", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-description", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-description", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-details", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-details", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "state", - "name": "aria-disabled", - "required": false, - "disallowed": false, - "deprecated": true + is: "state", + name: "aria-disabled", + required: false, + disallowed: false, + deprecated: true, }, { - "is": "property", - "name": "aria-dropeffect", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-dropeffect", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-errormessage", - "required": false, - "disallowed": false, - "deprecated": true + is: "property", + name: "aria-errormessage", + required: false, + disallowed: false, + deprecated: true, }, { - "is": "property", - "name": "aria-flowto", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-flowto", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "state", - "name": "aria-grabbed", - "required": false, - "disallowed": false, - "deprecated": false + is: "state", + name: "aria-grabbed", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-haspopup", - "required": false, - "disallowed": false, - "deprecated": true + is: "property", + name: "aria-haspopup", + required: false, + disallowed: false, + deprecated: true, }, { - "is": "state", - "name": "aria-hidden", - "required": false, - "disallowed": false, - "deprecated": false + is: "state", + name: "aria-hidden", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "state", - "name": "aria-invalid", - "required": false, - "disallowed": false, - "deprecated": true + is: "state", + name: "aria-invalid", + required: false, + disallowed: false, + deprecated: true, }, { - "is": "property", - "name": "aria-keyshortcuts", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-keyshortcuts", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-label", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-label", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-labelledby", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-labelledby", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-live", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-live", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-owns", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-owns", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-relevant", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-relevant", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-roledescription", - "required": false, - "disallowed": false, - "deprecated": false - } - ] - }, - "row": { - "name": "row", - "fragID": "row", - "parentRoles": [ - "group", - "widget" + is: "property", + name: "aria-roledescription", + required: false, + disallowed: false, + deprecated: false, + }, ], - "localprops": [ + }, + row: { + name: "row", + fragID: "row", + parentRoles: ["group", "widget"], + localprops: [ { - "is": "property", - "name": "aria-colindex", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-colindex", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "state", - "name": "aria-expanded", - "required": false, - "disallowed": false, - "deprecated": false + is: "state", + name: "aria-expanded", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-level", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-level", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-posinset", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-posinset", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-rowindex", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-rowindex", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-rowindextext", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-rowindextext", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-setsize", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-setsize", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "state", - "name": "aria-selected", - "required": false, - "disallowed": false, - "deprecated": false - } - ] - }, - "rowgroup": { - "name": "rowgroup", - "fragID": "rowgroup", - "parentRoles": [ - "structure" + is: "state", + name: "aria-selected", + required: false, + disallowed: false, + deprecated: false, + }, ], - "localprops": [] }, - "rowheader": { - "name": "rowheader", - "fragID": "rowheader", - "parentRoles": [ - "cell", - "gridcell", - "sectionhead" - ], - "localprops": [ - { - "is": "state", - "name": "aria-expanded", - "required": false, - "disallowed": false, - "deprecated": false - }, - { - "is": "property", - "name": "aria-sort", - "required": false, - "disallowed": false, - "deprecated": false - } - ] + rowgroup: { + name: "rowgroup", + fragID: "rowgroup", + parentRoles: ["structure"], + localprops: [], }, - "scrollbar": { - "name": "scrollbar", - "fragID": "scrollbar", - "parentRoles": [ - "range", - "widget" + rowheader: { + name: "rowheader", + fragID: "rowheader", + parentRoles: ["cell", "gridcell", "sectionhead"], + localprops: [ + { + is: "state", + name: "aria-expanded", + required: false, + disallowed: false, + deprecated: false, + }, + { + is: "property", + name: "aria-sort", + required: false, + disallowed: false, + deprecated: false, + }, ], - "localprops": [ + }, + scrollbar: { + name: "scrollbar", + fragID: "scrollbar", + parentRoles: ["range", "widget"], + localprops: [ { - "is": "property", - "name": "aria-controls", - "required": true, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-controls", + required: true, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-valuenow", - "required": true, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-valuenow", + required: true, + disallowed: false, + deprecated: false, }, { - "is": "state", - "name": "aria-disabled", - "required": false, - "disallowed": false, - "deprecated": false + is: "state", + name: "aria-disabled", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-orientation", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-orientation", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-valuemax", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-valuemax", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-valuemin", - "required": false, - "disallowed": false, - "deprecated": false - } - ] - }, - "search": { - "name": "search", - "fragID": "search", - "parentRoles": [ - "landmark" + is: "property", + name: "aria-valuemin", + required: false, + disallowed: false, + deprecated: false, + }, ], - "localprops": [] }, - "searchbox": { - "name": "searchbox", - "fragID": "searchbox", - "parentRoles": [ - "textbox" - ], - "localprops": [] + search: { + name: "search", + fragID: "search", + parentRoles: ["landmark"], + localprops: [], }, - "section": { - "name": "section", - "fragID": "section", - "parentRoles": [ - "structure" - ], - "localprops": [], - "allprops": [ + searchbox: { + name: "searchbox", + fragID: "searchbox", + parentRoles: ["textbox"], + localprops: [], + }, + section: { + name: "section", + fragID: "section", + parentRoles: ["structure"], + localprops: [], + allprops: [ { - "is": "property", - "name": "aria-atomic", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-atomic", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-braillelabel", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-braillelabel", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-brailleroledescription", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-brailleroledescription", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "state", - "name": "aria-busy", - "required": false, - "disallowed": false, - "deprecated": false + is: "state", + name: "aria-busy", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-controls", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-controls", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "state", - "name": "aria-current", - "required": false, - "disallowed": false, - "deprecated": false + is: "state", + name: "aria-current", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-describedby", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-describedby", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-description", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-description", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-details", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-details", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "state", - "name": "aria-disabled", - "required": false, - "disallowed": false, - "deprecated": true + is: "state", + name: "aria-disabled", + required: false, + disallowed: false, + deprecated: true, }, { - "is": "property", - "name": "aria-dropeffect", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-dropeffect", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-errormessage", - "required": false, - "disallowed": false, - "deprecated": true + is: "property", + name: "aria-errormessage", + required: false, + disallowed: false, + deprecated: true, }, { - "is": "property", - "name": "aria-flowto", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-flowto", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "state", - "name": "aria-grabbed", - "required": false, - "disallowed": false, - "deprecated": false + is: "state", + name: "aria-grabbed", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-haspopup", - "required": false, - "disallowed": false, - "deprecated": true + is: "property", + name: "aria-haspopup", + required: false, + disallowed: false, + deprecated: true, }, { - "is": "state", - "name": "aria-hidden", - "required": false, - "disallowed": false, - "deprecated": false + is: "state", + name: "aria-hidden", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "state", - "name": "aria-invalid", - "required": false, - "disallowed": false, - "deprecated": true + is: "state", + name: "aria-invalid", + required: false, + disallowed: false, + deprecated: true, }, { - "is": "property", - "name": "aria-keyshortcuts", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-keyshortcuts", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-label", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-label", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-labelledby", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-labelledby", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-live", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-live", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-owns", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-owns", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-relevant", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-relevant", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-roledescription", - "required": false, - "disallowed": false, - "deprecated": false - } - ] - }, - "sectionhead": { - "name": "sectionhead", - "fragID": "sectionhead", - "parentRoles": [ - "structure" + is: "property", + name: "aria-roledescription", + required: false, + disallowed: false, + deprecated: false, + }, ], - "localprops": [], - "allprops": [ + }, + sectionhead: { + name: "sectionhead", + fragID: "sectionhead", + parentRoles: ["structure"], + localprops: [], + allprops: [ { - "is": "property", - "name": "aria-atomic", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-atomic", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-braillelabel", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-braillelabel", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-brailleroledescription", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-brailleroledescription", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "state", - "name": "aria-busy", - "required": false, - "disallowed": false, - "deprecated": false + is: "state", + name: "aria-busy", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-controls", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-controls", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "state", - "name": "aria-current", - "required": false, - "disallowed": false, - "deprecated": false + is: "state", + name: "aria-current", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-describedby", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-describedby", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-description", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-description", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-details", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-details", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "state", - "name": "aria-disabled", - "required": false, - "disallowed": false, - "deprecated": true + is: "state", + name: "aria-disabled", + required: false, + disallowed: false, + deprecated: true, }, { - "is": "property", - "name": "aria-dropeffect", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-dropeffect", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-errormessage", - "required": false, - "disallowed": false, - "deprecated": true + is: "property", + name: "aria-errormessage", + required: false, + disallowed: false, + deprecated: true, }, { - "is": "property", - "name": "aria-flowto", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-flowto", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "state", - "name": "aria-grabbed", - "required": false, - "disallowed": false, - "deprecated": false + is: "state", + name: "aria-grabbed", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-haspopup", - "required": false, - "disallowed": false, - "deprecated": true + is: "property", + name: "aria-haspopup", + required: false, + disallowed: false, + deprecated: true, }, { - "is": "state", - "name": "aria-hidden", - "required": false, - "disallowed": false, - "deprecated": false + is: "state", + name: "aria-hidden", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "state", - "name": "aria-invalid", - "required": false, - "disallowed": false, - "deprecated": true + is: "state", + name: "aria-invalid", + required: false, + disallowed: false, + deprecated: true, }, { - "is": "property", - "name": "aria-keyshortcuts", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-keyshortcuts", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-label", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-label", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-labelledby", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-labelledby", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-live", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-live", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-owns", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-owns", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-relevant", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-relevant", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-roledescription", - "required": false, - "disallowed": false, - "deprecated": false - } - ] - }, - "select": { - "name": "select", - "fragID": "select", - "parentRoles": [ - "composite", - "group" + is: "property", + name: "aria-roledescription", + required: false, + disallowed: false, + deprecated: false, + }, ], - "localprops": [ - { - "is": "property", - "name": "aria-orientation", - "required": false, - "disallowed": false, - "deprecated": false - } + }, + select: { + name: "select", + fragID: "select", + parentRoles: ["composite", "group"], + localprops: [ + { + is: "property", + name: "aria-orientation", + required: false, + disallowed: false, + deprecated: false, + }, ], - "allprops": [ + allprops: [ { - "is": "property", - "name": "aria-orientation", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-orientation", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-activedescendant", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-activedescendant", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "state", - "name": "aria-disabled", - "required": false, - "disallowed": false, - "deprecated": false + is: "state", + name: "aria-disabled", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-atomic", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-atomic", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-braillelabel", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-braillelabel", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-brailleroledescription", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-brailleroledescription", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "state", - "name": "aria-busy", - "required": false, - "disallowed": false, - "deprecated": false + is: "state", + name: "aria-busy", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-controls", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-controls", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "state", - "name": "aria-current", - "required": false, - "disallowed": false, - "deprecated": false + is: "state", + name: "aria-current", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-describedby", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-describedby", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-description", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-description", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-details", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-details", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "state", - "name": "aria-disabled", - "required": false, - "disallowed": false, - "deprecated": true + is: "state", + name: "aria-disabled", + required: false, + disallowed: false, + deprecated: true, }, { - "is": "property", - "name": "aria-dropeffect", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-dropeffect", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-errormessage", - "required": false, - "disallowed": false, - "deprecated": true + is: "property", + name: "aria-errormessage", + required: false, + disallowed: false, + deprecated: true, }, { - "is": "property", - "name": "aria-flowto", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-flowto", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "state", - "name": "aria-grabbed", - "required": false, - "disallowed": false, - "deprecated": false + is: "state", + name: "aria-grabbed", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-haspopup", - "required": false, - "disallowed": false, - "deprecated": true + is: "property", + name: "aria-haspopup", + required: false, + disallowed: false, + deprecated: true, }, { - "is": "state", - "name": "aria-hidden", - "required": false, - "disallowed": false, - "deprecated": false + is: "state", + name: "aria-hidden", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "state", - "name": "aria-invalid", - "required": false, - "disallowed": false, - "deprecated": true + is: "state", + name: "aria-invalid", + required: false, + disallowed: false, + deprecated: true, }, { - "is": "property", - "name": "aria-keyshortcuts", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-keyshortcuts", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-label", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-label", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-labelledby", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-labelledby", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-live", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-live", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-owns", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-owns", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-relevant", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-relevant", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-roledescription", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-roledescription", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-activedescendant", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-activedescendant", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "state", - "name": "aria-disabled", - "required": false, - "disallowed": false, - "deprecated": false + is: "state", + name: "aria-disabled", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-atomic", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-atomic", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-braillelabel", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-braillelabel", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-brailleroledescription", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-brailleroledescription", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "state", - "name": "aria-busy", - "required": false, - "disallowed": false, - "deprecated": false + is: "state", + name: "aria-busy", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-controls", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-controls", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "state", - "name": "aria-current", - "required": false, - "disallowed": false, - "deprecated": false + is: "state", + name: "aria-current", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-describedby", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-describedby", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-description", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-description", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-details", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-details", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "state", - "name": "aria-disabled", - "required": false, - "disallowed": false, - "deprecated": true + is: "state", + name: "aria-disabled", + required: false, + disallowed: false, + deprecated: true, }, { - "is": "property", - "name": "aria-dropeffect", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-dropeffect", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-errormessage", - "required": false, - "disallowed": false, - "deprecated": true + is: "property", + name: "aria-errormessage", + required: false, + disallowed: false, + deprecated: true, }, { - "is": "property", - "name": "aria-flowto", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-flowto", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "state", - "name": "aria-grabbed", - "required": false, - "disallowed": false, - "deprecated": false + is: "state", + name: "aria-grabbed", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-haspopup", - "required": false, - "disallowed": false, - "deprecated": true + is: "property", + name: "aria-haspopup", + required: false, + disallowed: false, + deprecated: true, }, { - "is": "state", - "name": "aria-hidden", - "required": false, - "disallowed": false, - "deprecated": false + is: "state", + name: "aria-hidden", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "state", - "name": "aria-invalid", - "required": false, - "disallowed": false, - "deprecated": true + is: "state", + name: "aria-invalid", + required: false, + disallowed: false, + deprecated: true, }, { - "is": "property", - "name": "aria-keyshortcuts", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-keyshortcuts", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-label", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-label", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-labelledby", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-labelledby", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-live", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-live", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-owns", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-owns", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-relevant", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-relevant", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-roledescription", - "required": false, - "disallowed": false, - "deprecated": false - } - ] - }, - "separator": { - "name": "separator", - "fragID": "separator", - "parentRoles": [ - "structure", - "widget" + is: "property", + name: "aria-roledescription", + required: false, + disallowed: false, + deprecated: false, + }, ], - "localprops": [ + }, + separator: { + name: "separator", + fragID: "separator", + parentRoles: ["structure", "widget"], + localprops: [ { - "is": "property", - "name": "aria-valuenow", - "required": true, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-valuenow", + required: true, + disallowed: false, + deprecated: false, }, { - "is": "state", - "name": "aria-disabled", - "required": false, - "disallowed": false, - "deprecated": false + is: "state", + name: "aria-disabled", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-orientation", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-orientation", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-valuemax", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-valuemax", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-valuemin", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-valuemin", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-valuetext", - "required": false, - "disallowed": false, - "deprecated": false - } - ] - }, - "slider": { - "name": "slider", - "fragID": "slider", - "parentRoles": [ - "input", - "range" + is: "property", + name: "aria-valuetext", + required: false, + disallowed: false, + deprecated: false, + }, ], - "localprops": [ + }, + slider: { + name: "slider", + fragID: "slider", + parentRoles: ["input", "range"], + localprops: [ { - "is": "property", - "name": "aria-valuenow", - "required": true, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-valuenow", + required: true, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-errormessage", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-errormessage", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-haspopup", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-haspopup", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "state", - "name": "aria-invalid", - "required": false, - "disallowed": false, - "deprecated": false + is: "state", + name: "aria-invalid", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-orientation", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-orientation", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-readonly", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-readonly", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-valuemax", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-valuemax", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-valuemin", - "required": false, - "disallowed": false, - "deprecated": false - } - ] - }, - "spinbutton": { - "name": "spinbutton", - "fragID": "spinbutton", - "parentRoles": [ - "composite", - "input", - "range" + is: "property", + name: "aria-valuemin", + required: false, + disallowed: false, + deprecated: false, + }, ], - "localprops": [ + }, + spinbutton: { + name: "spinbutton", + fragID: "spinbutton", + parentRoles: ["composite", "input", "range"], + localprops: [ { - "is": "property", - "name": "aria-errormessage", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-errormessage", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "state", - "name": "aria-invalid", - "required": false, - "disallowed": false, - "deprecated": false + is: "state", + name: "aria-invalid", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-readonly", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-readonly", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-required", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-required", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-valuemax", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-valuemax", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-valuemin", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-valuemin", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-valuenow", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-valuenow", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-valuetext", - "required": false, - "disallowed": false, - "deprecated": false - } - ] - }, - "status": { - "name": "status", - "fragID": "status", - "parentRoles": [ - "section" + is: "property", + name: "aria-valuetext", + required: false, + disallowed: false, + deprecated: false, + }, ], - "localprops": [], - "allprops": [ + }, + status: { + name: "status", + fragID: "status", + parentRoles: ["section"], + localprops: [], + allprops: [ { - "is": "property", - "name": "aria-atomic", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-atomic", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-braillelabel", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-braillelabel", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-brailleroledescription", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-brailleroledescription", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "state", - "name": "aria-busy", - "required": false, - "disallowed": false, - "deprecated": false + is: "state", + name: "aria-busy", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-controls", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-controls", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "state", - "name": "aria-current", - "required": false, - "disallowed": false, - "deprecated": false + is: "state", + name: "aria-current", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-describedby", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-describedby", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-description", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-description", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-details", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-details", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "state", - "name": "aria-disabled", - "required": false, - "disallowed": false, - "deprecated": true + is: "state", + name: "aria-disabled", + required: false, + disallowed: false, + deprecated: true, }, { - "is": "property", - "name": "aria-dropeffect", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-dropeffect", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-errormessage", - "required": false, - "disallowed": false, - "deprecated": true + is: "property", + name: "aria-errormessage", + required: false, + disallowed: false, + deprecated: true, }, { - "is": "property", - "name": "aria-flowto", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-flowto", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "state", - "name": "aria-grabbed", - "required": false, - "disallowed": false, - "deprecated": false + is: "state", + name: "aria-grabbed", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-haspopup", - "required": false, - "disallowed": false, - "deprecated": true + is: "property", + name: "aria-haspopup", + required: false, + disallowed: false, + deprecated: true, }, { - "is": "state", - "name": "aria-hidden", - "required": false, - "disallowed": false, - "deprecated": false + is: "state", + name: "aria-hidden", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "state", - "name": "aria-invalid", - "required": false, - "disallowed": false, - "deprecated": true + is: "state", + name: "aria-invalid", + required: false, + disallowed: false, + deprecated: true, }, { - "is": "property", - "name": "aria-keyshortcuts", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-keyshortcuts", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-label", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-label", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-labelledby", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-labelledby", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-live", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-live", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-owns", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-owns", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-relevant", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-relevant", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-roledescription", - "required": false, - "disallowed": false, - "deprecated": false - } - ] - }, - "strong": { - "name": "strong", - "fragID": "strong", - "parentRoles": [ - "section" + is: "property", + name: "aria-roledescription", + required: false, + disallowed: false, + deprecated: false, + }, ], - "localprops": [ - { - "is": "property", - "name": "aria-label", - "required": false, - "disallowed": true, - "deprecated": false - }, - { - "is": "property", - "name": "aria-labelledby", - "required": false, - "disallowed": true, - "deprecated": false - } - ] }, - "structure": { - "name": "structure", - "fragID": "structure", - "parentRoles": [ - "roletype" + strong: { + name: "strong", + fragID: "strong", + parentRoles: ["section"], + localprops: [ + { + is: "property", + name: "aria-label", + required: false, + disallowed: true, + deprecated: false, + }, + { + is: "property", + name: "aria-labelledby", + required: false, + disallowed: true, + deprecated: false, + }, ], - "localprops": [], - "allprops": [ + }, + structure: { + name: "structure", + fragID: "structure", + parentRoles: ["roletype"], + localprops: [], + allprops: [ { - "is": "property", - "name": "aria-atomic", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-atomic", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-braillelabel", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-braillelabel", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-brailleroledescription", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-brailleroledescription", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "state", - "name": "aria-busy", - "required": false, - "disallowed": false, - "deprecated": false + is: "state", + name: "aria-busy", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-controls", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-controls", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "state", - "name": "aria-current", - "required": false, - "disallowed": false, - "deprecated": false + is: "state", + name: "aria-current", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-describedby", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-describedby", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-description", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-description", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-details", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-details", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "state", - "name": "aria-disabled", - "required": false, - "disallowed": false, - "deprecated": true + is: "state", + name: "aria-disabled", + required: false, + disallowed: false, + deprecated: true, }, { - "is": "property", - "name": "aria-dropeffect", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-dropeffect", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-errormessage", - "required": false, - "disallowed": false, - "deprecated": true + is: "property", + name: "aria-errormessage", + required: false, + disallowed: false, + deprecated: true, }, { - "is": "property", - "name": "aria-flowto", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-flowto", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "state", - "name": "aria-grabbed", - "required": false, - "disallowed": false, - "deprecated": false + is: "state", + name: "aria-grabbed", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-haspopup", - "required": false, - "disallowed": false, - "deprecated": true + is: "property", + name: "aria-haspopup", + required: false, + disallowed: false, + deprecated: true, }, { - "is": "state", - "name": "aria-hidden", - "required": false, - "disallowed": false, - "deprecated": false + is: "state", + name: "aria-hidden", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "state", - "name": "aria-invalid", - "required": false, - "disallowed": false, - "deprecated": true + is: "state", + name: "aria-invalid", + required: false, + disallowed: false, + deprecated: true, }, { - "is": "property", - "name": "aria-keyshortcuts", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-keyshortcuts", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-label", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-label", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-labelledby", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-labelledby", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-live", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-live", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-owns", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-owns", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-relevant", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-relevant", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-roledescription", - "required": false, - "disallowed": false, - "deprecated": false - } - ] - }, - "subscript": { - "name": "subscript", - "fragID": "subscript", - "parentRoles": [ - "section" + is: "property", + name: "aria-roledescription", + required: false, + disallowed: false, + deprecated: false, + }, ], - "localprops": [ - { - "is": "property", - "name": "aria-label", - "required": false, - "disallowed": true, - "deprecated": false - }, - { - "is": "property", - "name": "aria-labelledby", - "required": false, - "disallowed": true, - "deprecated": false - } - ] }, - "suggestion": { - "name": "suggestion", - "fragID": "suggestion", - "parentRoles": [ - "section" + subscript: { + name: "subscript", + fragID: "subscript", + parentRoles: ["section"], + localprops: [ + { + is: "property", + name: "aria-label", + required: false, + disallowed: true, + deprecated: false, + }, + { + is: "property", + name: "aria-labelledby", + required: false, + disallowed: true, + deprecated: false, + }, ], - "localprops": [ - { - "is": "property", - "name": "aria-label", - "required": false, - "disallowed": true, - "deprecated": false - }, - { - "is": "property", - "name": "aria-labelledby", - "required": false, - "disallowed": true, - "deprecated": false - } - ] }, - "superscript": { - "name": "superscript", - "fragID": "superscript", - "parentRoles": [ - "section" + suggestion: { + name: "suggestion", + fragID: "suggestion", + parentRoles: ["section"], + localprops: [ + { + is: "property", + name: "aria-label", + required: false, + disallowed: true, + deprecated: false, + }, + { + is: "property", + name: "aria-labelledby", + required: false, + disallowed: true, + deprecated: false, + }, ], - "localprops": [ - { - "is": "property", - "name": "aria-label", - "required": false, - "disallowed": true, - "deprecated": false - }, - { - "is": "property", - "name": "aria-labelledby", - "required": false, - "disallowed": true, - "deprecated": false - } - ] }, - "switch": { - "name": "switch", - "fragID": "switch", - "parentRoles": [ - "checkbox" + superscript: { + name: "superscript", + fragID: "superscript", + parentRoles: ["section"], + localprops: [ + { + is: "property", + name: "aria-label", + required: false, + disallowed: true, + deprecated: false, + }, + { + is: "property", + name: "aria-labelledby", + required: false, + disallowed: true, + deprecated: false, + }, ], - "localprops": [ - { - "is": "state", - "name": "aria-checked", - "required": true, - "disallowed": false, - "deprecated": false - } - ] }, - "tab": { - "name": "tab", - "fragID": "tab", - "parentRoles": [ - "sectionhead", - "widget" + switch: { + name: "switch", + fragID: "switch", + parentRoles: ["checkbox"], + localprops: [ + { + is: "state", + name: "aria-checked", + required: true, + disallowed: false, + deprecated: false, + }, ], - "localprops": [ + }, + tab: { + name: "tab", + fragID: "tab", + parentRoles: ["sectionhead", "widget"], + localprops: [ { - "is": "state", - "name": "aria-disabled", - "required": false, - "disallowed": false, - "deprecated": false + is: "state", + name: "aria-disabled", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "state", - "name": "aria-expanded", - "required": false, - "disallowed": false, - "deprecated": false + is: "state", + name: "aria-expanded", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-haspopup", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-haspopup", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-posinset", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-posinset", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "state", - "name": "aria-selected", - "required": false, - "disallowed": false, - "deprecated": false + is: "state", + name: "aria-selected", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-setsize", - "required": false, - "disallowed": false, - "deprecated": false - } - ] - }, - "table": { - "name": "table", - "fragID": "table", - "parentRoles": [ - "section" + is: "property", + name: "aria-setsize", + required: false, + disallowed: false, + deprecated: false, + }, ], - "localprops": [ + }, + table: { + name: "table", + fragID: "table", + parentRoles: ["section"], + localprops: [ { - "is": "property", - "name": "aria-colcount", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-colcount", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-rowcount", - "required": false, - "disallowed": false, - "deprecated": false - } + is: "property", + name: "aria-rowcount", + required: false, + disallowed: false, + deprecated: false, + }, ], - "allprops": [ + allprops: [ { - "is": "property", - "name": "aria-colcount", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-colcount", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-rowcount", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-rowcount", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-atomic", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-atomic", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-braillelabel", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-braillelabel", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-brailleroledescription", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-brailleroledescription", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "state", - "name": "aria-busy", - "required": false, - "disallowed": false, - "deprecated": false + is: "state", + name: "aria-busy", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-controls", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-controls", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "state", - "name": "aria-current", - "required": false, - "disallowed": false, - "deprecated": false + is: "state", + name: "aria-current", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-describedby", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-describedby", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-description", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-description", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-details", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-details", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "state", - "name": "aria-disabled", - "required": false, - "disallowed": false, - "deprecated": true + is: "state", + name: "aria-disabled", + required: false, + disallowed: false, + deprecated: true, }, { - "is": "property", - "name": "aria-dropeffect", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-dropeffect", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-errormessage", - "required": false, - "disallowed": false, - "deprecated": true + is: "property", + name: "aria-errormessage", + required: false, + disallowed: false, + deprecated: true, }, { - "is": "property", - "name": "aria-flowto", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-flowto", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "state", - "name": "aria-grabbed", - "required": false, - "disallowed": false, - "deprecated": false + is: "state", + name: "aria-grabbed", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-haspopup", - "required": false, - "disallowed": false, - "deprecated": true + is: "property", + name: "aria-haspopup", + required: false, + disallowed: false, + deprecated: true, }, { - "is": "state", - "name": "aria-hidden", - "required": false, - "disallowed": false, - "deprecated": false + is: "state", + name: "aria-hidden", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "state", - "name": "aria-invalid", - "required": false, - "disallowed": false, - "deprecated": true + is: "state", + name: "aria-invalid", + required: false, + disallowed: false, + deprecated: true, }, { - "is": "property", - "name": "aria-keyshortcuts", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-keyshortcuts", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-label", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-label", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-labelledby", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-labelledby", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-live", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-live", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-owns", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-owns", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-relevant", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-relevant", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-roledescription", - "required": false, - "disallowed": false, - "deprecated": false - } - ] - }, - "tablist": { - "name": "tablist", - "fragID": "tablist", - "parentRoles": [ - "composite" + is: "property", + name: "aria-roledescription", + required: false, + disallowed: false, + deprecated: false, + }, ], - "localprops": [ - { - "is": "property", - "name": "aria-multiselectable", - "required": false, - "disallowed": false, - "deprecated": false - }, - { - "is": "property", - "name": "aria-orientation", - "required": false, - "disallowed": false, - "deprecated": false - } - ] }, - "tabpanel": { - "name": "tabpanel", - "fragID": "tabpanel", - "parentRoles": [ - "section" + tablist: { + name: "tablist", + fragID: "tablist", + parentRoles: ["composite"], + localprops: [ + { + is: "property", + name: "aria-multiselectable", + required: false, + disallowed: false, + deprecated: false, + }, + { + is: "property", + name: "aria-orientation", + required: false, + disallowed: false, + deprecated: false, + }, ], - "localprops": [] }, - "term": { - "name": "term", - "fragID": "term", - "parentRoles": [ - "section" - ], - "localprops": [ - { - "is": "property", - "name": "aria-label", - "required": false, - "disallowed": true, - "deprecated": false - }, - { - "is": "property", - "name": "aria-labelledby", - "required": false, - "disallowed": true, - "deprecated": false - } - ] + tabpanel: { + name: "tabpanel", + fragID: "tabpanel", + parentRoles: ["section"], + localprops: [], }, - "textbox": { - "name": "textbox", - "fragID": "textbox", - "parentRoles": [ - "input" + term: { + name: "term", + fragID: "term", + parentRoles: ["section"], + localprops: [ + { + is: "property", + name: "aria-label", + required: false, + disallowed: true, + deprecated: false, + }, + { + is: "property", + name: "aria-labelledby", + required: false, + disallowed: true, + deprecated: false, + }, ], - "localprops": [ + }, + textbox: { + name: "textbox", + fragID: "textbox", + parentRoles: ["input"], + localprops: [ { - "is": "property", - "name": "aria-activedescendant", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-activedescendant", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-autocomplete", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-autocomplete", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-errormessage", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-errormessage", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-haspopup", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-haspopup", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "state", - "name": "aria-invalid", - "required": false, - "disallowed": false, - "deprecated": false + is: "state", + name: "aria-invalid", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-multiline", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-multiline", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-placeholder", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-placeholder", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-readonly", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-readonly", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-required", - "required": false, - "disallowed": false, - "deprecated": false - } + is: "property", + name: "aria-required", + required: false, + disallowed: false, + deprecated: false, + }, ], - "allprops": [ + allprops: [ { - "is": "property", - "name": "aria-activedescendant", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-activedescendant", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-autocomplete", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-autocomplete", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-errormessage", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-errormessage", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-haspopup", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-haspopup", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "state", - "name": "aria-invalid", - "required": false, - "disallowed": false, - "deprecated": false + is: "state", + name: "aria-invalid", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-multiline", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-multiline", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-placeholder", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-placeholder", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-readonly", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-readonly", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-required", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-required", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "state", - "name": "aria-disabled", - "required": false, - "disallowed": false, - "deprecated": false + is: "state", + name: "aria-disabled", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-atomic", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-atomic", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-braillelabel", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-braillelabel", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-brailleroledescription", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-brailleroledescription", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "state", - "name": "aria-busy", - "required": false, - "disallowed": false, - "deprecated": false + is: "state", + name: "aria-busy", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-controls", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-controls", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "state", - "name": "aria-current", - "required": false, - "disallowed": false, - "deprecated": false + is: "state", + name: "aria-current", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-describedby", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-describedby", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-description", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-description", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-details", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-details", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "state", - "name": "aria-disabled", - "required": false, - "disallowed": false, - "deprecated": true + is: "state", + name: "aria-disabled", + required: false, + disallowed: false, + deprecated: true, }, { - "is": "property", - "name": "aria-dropeffect", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-dropeffect", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-errormessage", - "required": false, - "disallowed": false, - "deprecated": true + is: "property", + name: "aria-errormessage", + required: false, + disallowed: false, + deprecated: true, }, { - "is": "property", - "name": "aria-flowto", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-flowto", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "state", - "name": "aria-grabbed", - "required": false, - "disallowed": false, - "deprecated": false + is: "state", + name: "aria-grabbed", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-haspopup", - "required": false, - "disallowed": false, - "deprecated": true + is: "property", + name: "aria-haspopup", + required: false, + disallowed: false, + deprecated: true, }, { - "is": "state", - "name": "aria-hidden", - "required": false, - "disallowed": false, - "deprecated": false + is: "state", + name: "aria-hidden", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "state", - "name": "aria-invalid", - "required": false, - "disallowed": false, - "deprecated": true + is: "state", + name: "aria-invalid", + required: false, + disallowed: false, + deprecated: true, }, { - "is": "property", - "name": "aria-keyshortcuts", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-keyshortcuts", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-label", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-label", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-labelledby", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-labelledby", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-live", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-live", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-owns", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-owns", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-relevant", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-relevant", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-roledescription", - "required": false, - "disallowed": false, - "deprecated": false - } - ] - }, - "time": { - "name": "time", - "fragID": "time", - "parentRoles": [ - "section" + is: "property", + name: "aria-roledescription", + required: false, + disallowed: false, + deprecated: false, + }, ], - "localprops": [ - { - "is": "property", - "name": "aria-label", - "required": false, - "disallowed": true, - "deprecated": false - }, - { - "is": "property", - "name": "aria-labelledby", - "required": false, - "disallowed": true, - "deprecated": false - } - ] }, - "timer": { - "name": "timer", - "fragID": "timer", - "parentRoles": [ - "status" + time: { + name: "time", + fragID: "time", + parentRoles: ["section"], + localprops: [ + { + is: "property", + name: "aria-label", + required: false, + disallowed: true, + deprecated: false, + }, + { + is: "property", + name: "aria-labelledby", + required: false, + disallowed: true, + deprecated: false, + }, ], - "localprops": [] }, - "toolbar": { - "name": "toolbar", - "fragID": "toolbar", - "parentRoles": [ - "group" - ], - "localprops": [ - { - "is": "property", - "name": "aria-orientation", - "required": false, - "disallowed": false, - "deprecated": false - } - ] + timer: { + name: "timer", + fragID: "timer", + parentRoles: ["status"], + localprops: [], }, - "tooltip": { - "name": "tooltip", - "fragID": "tooltip", - "parentRoles": [ - "section" + toolbar: { + name: "toolbar", + fragID: "toolbar", + parentRoles: ["group"], + localprops: [ + { + is: "property", + name: "aria-orientation", + required: false, + disallowed: false, + deprecated: false, + }, ], - "localprops": [] }, - "tree": { - "name": "tree", - "fragID": "tree", - "parentRoles": [ - "select" - ], - "localprops": [ + tooltip: { + name: "tooltip", + fragID: "tooltip", + parentRoles: ["section"], + localprops: [], + }, + tree: { + name: "tree", + fragID: "tree", + parentRoles: ["select"], + localprops: [ { - "is": "property", - "name": "aria-errormessage", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-errormessage", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "state", - "name": "aria-invalid", - "required": false, - "disallowed": false, - "deprecated": false + is: "state", + name: "aria-invalid", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-multiselectable", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-multiselectable", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-required", - "required": false, - "disallowed": false, - "deprecated": false - } + is: "property", + name: "aria-required", + required: false, + disallowed: false, + deprecated: false, + }, ], - "allprops": [ + allprops: [ { - "is": "property", - "name": "aria-errormessage", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-errormessage", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "state", - "name": "aria-invalid", - "required": false, - "disallowed": false, - "deprecated": false + is: "state", + name: "aria-invalid", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-multiselectable", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-multiselectable", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-required", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-required", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-orientation", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-orientation", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-activedescendant", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-activedescendant", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "state", - "name": "aria-disabled", - "required": false, - "disallowed": false, - "deprecated": false + is: "state", + name: "aria-disabled", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-atomic", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-atomic", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-braillelabel", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-braillelabel", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-brailleroledescription", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-brailleroledescription", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "state", - "name": "aria-busy", - "required": false, - "disallowed": false, - "deprecated": false + is: "state", + name: "aria-busy", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-controls", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-controls", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "state", - "name": "aria-current", - "required": false, - "disallowed": false, - "deprecated": false + is: "state", + name: "aria-current", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-describedby", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-describedby", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-description", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-description", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-details", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-details", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "state", - "name": "aria-disabled", - "required": false, - "disallowed": false, - "deprecated": true + is: "state", + name: "aria-disabled", + required: false, + disallowed: false, + deprecated: true, }, { - "is": "property", - "name": "aria-dropeffect", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-dropeffect", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-errormessage", - "required": false, - "disallowed": false, - "deprecated": true + is: "property", + name: "aria-errormessage", + required: false, + disallowed: false, + deprecated: true, }, { - "is": "property", - "name": "aria-flowto", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-flowto", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "state", - "name": "aria-grabbed", - "required": false, - "disallowed": false, - "deprecated": false + is: "state", + name: "aria-grabbed", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-haspopup", - "required": false, - "disallowed": false, - "deprecated": true + is: "property", + name: "aria-haspopup", + required: false, + disallowed: false, + deprecated: true, }, { - "is": "state", - "name": "aria-hidden", - "required": false, - "disallowed": false, - "deprecated": false + is: "state", + name: "aria-hidden", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "state", - "name": "aria-invalid", - "required": false, - "disallowed": false, - "deprecated": true + is: "state", + name: "aria-invalid", + required: false, + disallowed: false, + deprecated: true, }, { - "is": "property", - "name": "aria-keyshortcuts", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-keyshortcuts", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-label", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-label", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-labelledby", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-labelledby", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-live", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-live", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-owns", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-owns", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-relevant", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-relevant", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-roledescription", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-roledescription", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-activedescendant", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-activedescendant", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "state", - "name": "aria-disabled", - "required": false, - "disallowed": false, - "deprecated": false + is: "state", + name: "aria-disabled", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-atomic", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-atomic", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-braillelabel", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-braillelabel", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-brailleroledescription", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-brailleroledescription", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "state", - "name": "aria-busy", - "required": false, - "disallowed": false, - "deprecated": false + is: "state", + name: "aria-busy", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-controls", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-controls", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "state", - "name": "aria-current", - "required": false, - "disallowed": false, - "deprecated": false + is: "state", + name: "aria-current", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-describedby", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-describedby", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-description", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-description", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-details", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-details", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "state", - "name": "aria-disabled", - "required": false, - "disallowed": false, - "deprecated": true + is: "state", + name: "aria-disabled", + required: false, + disallowed: false, + deprecated: true, }, { - "is": "property", - "name": "aria-dropeffect", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-dropeffect", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-errormessage", - "required": false, - "disallowed": false, - "deprecated": true + is: "property", + name: "aria-errormessage", + required: false, + disallowed: false, + deprecated: true, }, { - "is": "property", - "name": "aria-flowto", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-flowto", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "state", - "name": "aria-grabbed", - "required": false, - "disallowed": false, - "deprecated": false + is: "state", + name: "aria-grabbed", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-haspopup", - "required": false, - "disallowed": false, - "deprecated": true + is: "property", + name: "aria-haspopup", + required: false, + disallowed: false, + deprecated: true, }, { - "is": "state", - "name": "aria-hidden", - "required": false, - "disallowed": false, - "deprecated": false + is: "state", + name: "aria-hidden", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "state", - "name": "aria-invalid", - "required": false, - "disallowed": false, - "deprecated": true + is: "state", + name: "aria-invalid", + required: false, + disallowed: false, + deprecated: true, }, { - "is": "property", - "name": "aria-keyshortcuts", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-keyshortcuts", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-label", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-label", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-labelledby", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-labelledby", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-live", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-live", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-owns", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-owns", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-relevant", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-relevant", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-roledescription", - "required": false, - "disallowed": false, - "deprecated": false - } - ] - }, - "treegrid": { - "name": "treegrid", - "fragID": "treegrid", - "parentRoles": [ - "grid", - "tree" + is: "property", + name: "aria-roledescription", + required: false, + disallowed: false, + deprecated: false, + }, ], - "localprops": [] }, - "treeitem": { - "name": "treeitem", - "fragID": "treeitem", - "parentRoles": [ - "listitem", - "option" - ], - "localprops": [ + treegrid: { + name: "treegrid", + fragID: "treegrid", + parentRoles: ["grid", "tree"], + localprops: [], + }, + treeitem: { + name: "treeitem", + fragID: "treeitem", + parentRoles: ["listitem", "option"], + localprops: [ { - "is": "state", - "name": "aria-expanded", - "required": false, - "disallowed": false, - "deprecated": false + is: "state", + name: "aria-expanded", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-haspopup", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-haspopup", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-level", - "required": false, - "disallowed": false, - "deprecated": false - } - ] - }, - "widget": { - "name": "widget", - "fragID": "widget", - "parentRoles": [ - "roletype" + is: "property", + name: "aria-level", + required: false, + disallowed: false, + deprecated: false, + }, ], - "localprops": [], - "allprops": [ + }, + widget: { + name: "widget", + fragID: "widget", + parentRoles: ["roletype"], + localprops: [], + allprops: [ { - "is": "property", - "name": "aria-atomic", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-atomic", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-braillelabel", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-braillelabel", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-brailleroledescription", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-brailleroledescription", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "state", - "name": "aria-busy", - "required": false, - "disallowed": false, - "deprecated": false + is: "state", + name: "aria-busy", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-controls", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-controls", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "state", - "name": "aria-current", - "required": false, - "disallowed": false, - "deprecated": false + is: "state", + name: "aria-current", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-describedby", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-describedby", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-description", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-description", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-details", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-details", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "state", - "name": "aria-disabled", - "required": false, - "disallowed": false, - "deprecated": true + is: "state", + name: "aria-disabled", + required: false, + disallowed: false, + deprecated: true, }, { - "is": "property", - "name": "aria-dropeffect", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-dropeffect", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-errormessage", - "required": false, - "disallowed": false, - "deprecated": true + is: "property", + name: "aria-errormessage", + required: false, + disallowed: false, + deprecated: true, }, { - "is": "property", - "name": "aria-flowto", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-flowto", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "state", - "name": "aria-grabbed", - "required": false, - "disallowed": false, - "deprecated": false + is: "state", + name: "aria-grabbed", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-haspopup", - "required": false, - "disallowed": false, - "deprecated": true + is: "property", + name: "aria-haspopup", + required: false, + disallowed: false, + deprecated: true, }, { - "is": "state", - "name": "aria-hidden", - "required": false, - "disallowed": false, - "deprecated": false + is: "state", + name: "aria-hidden", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "state", - "name": "aria-invalid", - "required": false, - "disallowed": false, - "deprecated": true + is: "state", + name: "aria-invalid", + required: false, + disallowed: false, + deprecated: true, }, { - "is": "property", - "name": "aria-keyshortcuts", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-keyshortcuts", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-label", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-label", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-labelledby", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-labelledby", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-live", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-live", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-owns", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-owns", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-relevant", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-relevant", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-roledescription", - "required": false, - "disallowed": false, - "deprecated": false - } - ] - }, - "window": { - "name": "window", - "fragID": "window", - "parentRoles": [ - "roletype" + is: "property", + name: "aria-roledescription", + required: false, + disallowed: false, + deprecated: false, + }, ], - "localprops": [ - { - "is": "property", - "name": "aria-modal", - "required": false, - "disallowed": false, - "deprecated": false - } + }, + window: { + name: "window", + fragID: "window", + parentRoles: ["roletype"], + localprops: [ + { + is: "property", + name: "aria-modal", + required: false, + disallowed: false, + deprecated: false, + }, ], - "allprops": [ + allprops: [ { - "is": "property", - "name": "aria-modal", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-modal", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-atomic", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-atomic", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-braillelabel", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-braillelabel", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-brailleroledescription", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-brailleroledescription", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "state", - "name": "aria-busy", - "required": false, - "disallowed": false, - "deprecated": false + is: "state", + name: "aria-busy", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-controls", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-controls", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "state", - "name": "aria-current", - "required": false, - "disallowed": false, - "deprecated": false + is: "state", + name: "aria-current", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-describedby", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-describedby", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-description", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-description", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-details", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-details", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "state", - "name": "aria-disabled", - "required": false, - "disallowed": false, - "deprecated": true + is: "state", + name: "aria-disabled", + required: false, + disallowed: false, + deprecated: true, }, { - "is": "property", - "name": "aria-dropeffect", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-dropeffect", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-errormessage", - "required": false, - "disallowed": false, - "deprecated": true + is: "property", + name: "aria-errormessage", + required: false, + disallowed: false, + deprecated: true, }, { - "is": "property", - "name": "aria-flowto", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-flowto", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "state", - "name": "aria-grabbed", - "required": false, - "disallowed": false, - "deprecated": false + is: "state", + name: "aria-grabbed", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-haspopup", - "required": false, - "disallowed": false, - "deprecated": true + is: "property", + name: "aria-haspopup", + required: false, + disallowed: false, + deprecated: true, }, { - "is": "state", - "name": "aria-hidden", - "required": false, - "disallowed": false, - "deprecated": false + is: "state", + name: "aria-hidden", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "state", - "name": "aria-invalid", - "required": false, - "disallowed": false, - "deprecated": true + is: "state", + name: "aria-invalid", + required: false, + disallowed: false, + deprecated: true, }, { - "is": "property", - "name": "aria-keyshortcuts", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-keyshortcuts", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-label", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-label", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-labelledby", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-labelledby", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-live", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-live", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-owns", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-owns", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-relevant", - "required": false, - "disallowed": false, - "deprecated": false + is: "property", + name: "aria-relevant", + required: false, + disallowed: false, + deprecated: false, }, { - "is": "property", - "name": "aria-roledescription", - "required": false, - "disallowed": false, - "deprecated": false - } - ] - } -} \ No newline at end of file + is: "property", + name: "aria-roledescription", + required: false, + disallowed: false, + deprecated: false, + }, + ], + }, +}; diff --git a/common/script/utility.js b/common/script/utility.js index 03b876b..740338a 100644 --- a/common/script/utility.js +++ b/common/script/utility.js @@ -5,12 +5,14 @@ // In AAMs to change Authors to Platform Mapping Maintainers in the header function addPlatformMaintainers() { - document.querySelectorAll("div.head dt").forEach(function(node){ - if (node.textContent.trim() == "Authors:") node.textContent = "Platform Mapping Maintainers:"; - }) + document.querySelectorAll("div.head dt").forEach(function (node) { + if (node.textContent.trim() == "Authors:") + node.textContent = "Platform Mapping Maintainers:"; + }); } function fixContributors() { - document.querySelectorAll("#gh-contributors li a").forEach(function(node){ - if (node.textContent.indexOf("[bot]") > 0) node.parentElement.parentElement.removeChild(node.parentElement); - }) -} \ No newline at end of file + document.querySelectorAll("#gh-contributors li a").forEach(function (node) { + if (node.textContent.indexOf("[bot]") > 0) + node.parentElement.parentElement.removeChild(node.parentElement); + }); +} From 16c531f7063a218c89aadb15a50edc7f567ef455 Mon Sep 17 00:00:00 2001 From: Peter Krautzberger Date: Mon, 26 Jun 2023 13:28:21 +0200 Subject: [PATCH 04/16] Revert "Prettified Code!" This reverts commit 81347458de1028c2fcdcbf33576c0e62358701ad. --- common/biblio.js | 84 +- common/script/aria.js | 1406 +-- common/script/ariaChild.js | 203 +- common/script/mapping-tables.js | 152 +- common/script/resolveReferences.js | 121 +- common/script/roleInfo.js | 13162 ++++++++++++++------------- common/script/utility.js | 16 +- 7 files changed, 7692 insertions(+), 7452 deletions(-) diff --git a/common/biblio.js b/common/biblio.js index e712193..cbce2a8 100644 --- a/common/biblio.js +++ b/common/biblio.js @@ -1,42 +1,46 @@ respecConfig.localBiblio = { - "ACCNAME-AAM": { - aliasOf: "ACCNAME-AAM-1.1", - }, - "ARIA-PRACTICES": { - aliasOf: "WAI-ARIA-PRACTICES-1.2", - }, - "CORE-AAM": { - aliasOf: "CORE-AAM-1.1", - }, - "DPUB-ARIA": { - aliasOf: "DPUB-ARIA-1.0", - }, - "GRAPHICS-ARIA": { - aliasOf: "GRAPHICS-ARIA-1.0", - }, - "GRAPHICS-AAM": { - aliasOf: "GRAPHICS-AAM-1.0", - }, - "EPUB-Content": { - href: "http://www.idpf.org/epub/31/spec/epub-contentdocs.html", - title: "EPUB Content Documents 3.1", - publisher: "IDPF", - }, - "HTML-AAM": { - aliasOf: "HTML-AAM-1.0", - }, - "MathML-Core": { - href: "https://mathml-refresh.github.io/mathml-core/", - title: "MathML Core", - authors: ["David Carlisle", "Frédéric Wang"], - }, - "SVG-AAM": { - aliasOf: "SVG-AAM-1.0", - }, - SVG1: { - aliasOf: "SVG", - }, - "WAI-ARIA": { - aliasOf: "WAI-ARIA-1.1", - }, + + "ACCNAME-AAM": { + "aliasOf": "ACCNAME-AAM-1.1", + }, + "ARIA-PRACTICES": { + "aliasOf": "WAI-ARIA-PRACTICES-1.2", + }, + "CORE-AAM": { + "aliasOf": "CORE-AAM-1.1", + }, + "DPUB-ARIA": { + "aliasOf": "DPUB-ARIA-1.0", + }, + "GRAPHICS-ARIA": { + "aliasOf": "GRAPHICS-ARIA-1.0", + }, + "GRAPHICS-AAM": { + "aliasOf": "GRAPHICS-AAM-1.0", + }, + "EPUB-Content": { + "href": "http://www.idpf.org/epub/31/spec/epub-contentdocs.html", + "title": "EPUB Content Documents 3.1", + "publisher": "IDPF" + }, + "HTML-AAM": { + "aliasOf": "HTML-AAM-1.0", + }, + "MathML-Core": { + "href": "https://mathml-refresh.github.io/mathml-core/", + "title": "MathML Core", + "authors": [ + "David Carlisle", + "Frédéric Wang" + ] + }, + "SVG-AAM": { + "aliasOf": "SVG-AAM-1.0", + }, + "SVG1": { + "aliasOf": "SVG", + }, + "WAI-ARIA": { + "aliasOf": "WAI-ARIA-1.1", + } }; diff --git a/common/script/aria.js b/common/script/aria.js index 985f73f..c4df7c1 100644 --- a/common/script/aria.js +++ b/common/script/aria.js @@ -13,766 +13,770 @@ var roleInfo = {}; function ariaAttributeReferences() { - var propList = {}; - var globalSP = []; + var propList = {}; + var globalSP = []; - var skipIndex = 0; - var myURL = document.URL; - if (myURL.match(/\?fast/)) { - skipIndex = 1; - } - - // process the document before anything else is done - // first get the properties - Array.prototype.slice - .call(document.querySelectorAll("pdef, sdef")) - .forEach(function (item) { - var type = item.localName === "pdef" ? "property" : "state"; - var container = item.parentNode; - var content = item.innerHTML; - var sp = document.createElement("span"); - var title = item.getAttribute("title"); - if (!title) { - title = content; + var skipIndex = 0; + var myURL = document.URL; + if (myURL.match(/\?fast/)) { + skipIndex = 1; } - sp.className = type + "-name"; - sp.title = title; - sp.innerHTML = - "" + - content + - ' ' + - type + - ""; - sp.setAttribute("aria-describedby", "desc-" + title); - var dRef = item.nextElementSibling; - var desc = cloneWithoutIds(dRef.firstElementChild).innerHTML; - dRef.id = "desc-" + title; - dRef.setAttribute("role", "definition"); - var heading = document.createElement("h4"); - heading.appendChild(sp); - container.replaceChild(heading, item); - // add this item to the index - propList[title] = { - is: type, - title: title, - name: content, - desc: desc, - roles: [], - }; - var abstract = container.querySelector("." + type + "-applicability"); - if ( - (abstract.textContent || abstract.innerText) === - "All elements of the base markup" - ) { - globalSP.push({ - is: type, - title: title, - name: content, - desc: desc, - prohibited: false, - deprecated: false, - }); - } else if ( - (abstract.textContent || abstract.innerText) === - "All elements of the base markup except for some roles or elements that prohibit its use" - ) { - globalSP.push({ - is: type, - title: title, - name: content, - desc: desc, - prohibited: true, - deprecated: false, + + // process the document before anything else is done + // first get the properties + Array.prototype.slice + .call(document.querySelectorAll('pdef, sdef')) + .forEach(function (item) { + var type = item.localName === 'pdef' ? 'property' : 'state'; + var container = item.parentNode; + var content = item.innerHTML; + var sp = document.createElement('span'); + var title = item.getAttribute('title'); + if (!title) { + title = content; + } + sp.className = type + '-name'; + sp.title = title; + sp.innerHTML = + '' + + content + + ' ' + + type + + ''; + sp.setAttribute('aria-describedby', 'desc-' + title); + var dRef = item.nextElementSibling; + var desc = cloneWithoutIds(dRef.firstElementChild).innerHTML; + dRef.id = 'desc-' + title; + dRef.setAttribute('role', 'definition'); + var heading = document.createElement('h4'); + heading.appendChild(sp); + container.replaceChild(heading, item); + // add this item to the index + propList[title] = { + is: type, + title: title, + name: content, + desc: desc, + roles: [], + }; + var abstract = container.querySelector('.' + type + '-applicability'); + if ( + (abstract.textContent || abstract.innerText) === + 'All elements of the base markup' + ) { + globalSP.push({ + is: type, + title: title, + name: content, + desc: desc, + prohibited: false, + deprecated: false, + }); + } else if ( + (abstract.textContent || abstract.innerText) === + 'All elements of the base markup except for some roles or elements that prohibit its use' + ) { + globalSP.push({ + is: type, + title: title, + name: content, + desc: desc, + prohibited: true, + deprecated: false, + }); + } else if ( + (abstract.textContent || abstract.innerText) === + 'Use as a global deprecated in ARIA 1.2' + ) { + globalSP.push({ + is: type, + title: title, + name: content, + desc: desc, + prohibited: false, + deprecated: true, + }); + } + // the rdef is gone. if we are in a div, convert that div to a section + + if (container.nodeName.toLowerCase() == 'div') { + // change the enclosing DIV to a section with notoc + var sec = document.createElement('section'); + Array.prototype.slice + .call(container.attributes) + .forEach(function (attr) { + sec.setAttribute(attr.name, attr.value); + }); + sec.classList.add('notoc'); + var theContents = container.innerHTML; + sec.innerHTML = theContents; + container.parentNode.replaceChild(sec, container); + } }); - } else if ( - (abstract.textContent || abstract.innerText) === - "Use as a global deprecated in ARIA 1.2" - ) { - globalSP.push({ - is: type, - title: title, - name: content, - desc: desc, - prohibited: false, - deprecated: true, + + if (!skipIndex) { + // we have all the properties and states - spit out the + // index + var propIndex = ''; + var sortedList = []; + + Object.keys(propList).forEach(function (key) { + sortedList.push(key); }); - } - // the rdef is gone. if we are in a div, convert that div to a section - - if (container.nodeName.toLowerCase() == "div") { - // change the enclosing DIV to a section with notoc - var sec = document.createElement("section"); - Array.prototype.slice - .call(container.attributes) - .forEach(function (attr) { - sec.setAttribute(attr.name, attr.value); - }); - sec.classList.add("notoc"); - var theContents = container.innerHTML; - sec.innerHTML = theContents; - container.parentNode.replaceChild(sec, container); - } - }); - - if (!skipIndex) { - // we have all the properties and states - spit out the - // index - var propIndex = ""; - var sortedList = []; - - Object.keys(propList).forEach(function (key) { - sortedList.push(key); - }); - sortedList = sortedList.sort(); - - for (var i = 0; i < sortedList.length; i++) { - var item = propList[sortedList[i]]; - propIndex += - '
    ' + - item.name + - "
    \n"; - propIndex += "
    " + item.desc + "
    \n"; - } - var node = document.getElementById("index_state_prop"); - var parentNode = node.parentNode; - var l = document.createElement("dl"); - l.id = "index_state_prop"; - l.className = "compact"; - l.innerHTML = propIndex; - parentNode.replaceChild(l, node); - - var globalSPIndex = ""; - sortedList = globalSP.sort(function (a, b) { - return a.name < b.name ? -1 : a.name > b.name ? 1 : 0; - }); - for (i = 0; i < sortedList.length; i++) { - var lItem = sortedList[i]; - globalSPIndex += "
  • "; - if (lItem.is === "state") { - globalSPIndex += - "' + - lItem.name + - " (state)"; - } else { - globalSPIndex += - "" + - lItem.name + - ""; - } - if (lItem.prohibited) { - globalSPIndex += " (Except where prohibited)"; - } - if (lItem.deprecated) { - globalSPIndex += " (Global use deprecated in ARIA 1.2)"; - } - globalSPIndex += "
    • \n"; - } - parentNode = document.querySelector("#global_states"); - if (parentNode) { - node = parentNode.querySelector(".placeholder"); - if (node) { - l = document.createElement("ul"); - l.innerHTML = globalSPIndex; + sortedList = sortedList.sort(); + + for (var i = 0; i < sortedList.length; i++) { + var item = propList[sortedList[i]]; + propIndex += + '
    ' + + item.name + + '
    \n'; + propIndex += '
    ' + item.desc + '
    \n'; + } + var node = document.getElementById('index_state_prop'); + var parentNode = node.parentNode; + var l = document.createElement('dl'); + l.id = 'index_state_prop'; + l.className = 'compact'; + l.innerHTML = propIndex; parentNode.replaceChild(l, node); - } - } - // there is only one role that uses the global properties - parentNode = document.querySelector( - "#roletype td.role-properties span.placeholder" - ); - if (parentNode) { - node = parentNode.parentNode; - if ( - (parentNode.textContent || parentNode.innerText) === - "Placeholder for global states and properties" - ) { - l = document.createElement("ul"); - l.innerHTML = globalSPIndex; - node.replaceChild(l, parentNode); - } - } - } - - // what about roles? - // - // we need to do a few things here: - // 1. expand the rdef elements. - // 2. accumulate the roles into a table for the indices - // 3. grab the parent role reference so we can build up the tree - // 4. grab any local states and properties so we can hand those down to the children - // - - var subRoles = []; - var roleIndex = ""; - var fromAuthor = ""; - var fromHeading = ""; - var fromContent = ""; - var fromProhibited = ""; - - Array.prototype.slice - .call(document.querySelectorAll("rdef")) - .forEach(function (item) { - var container = item.parentNode; - var content = item.innerHTML; - var sp = document.createElement("h4"); - var title = item.getAttribute("title"); - if (!title) { - title = content; - } - var pnID = title; - container.id = pnID; - sp.className = "role-name"; - sp.title = title; - // is this a role or an abstract role - var type = "role"; - var isAbstract = false; - var abstract = container.querySelectorAll(".role-abstract"); - if (abstract.innerText === "True") { - type = "abstract role"; - isAbstract = true; - } - sp.innerHTML = - "" + - content + - ' ' + - type + - ""; - // sp.id = title; - sp.setAttribute("aria-describedby", "desc-" + title); - var dRef = item.nextElementSibling; - var desc = cloneWithoutIds(dRef.firstElementChild).innerHTML; - dRef.id = "desc-" + title; - dRef.setAttribute("role", "definition"); - container.replaceChild(sp, item); - roleIndex += - '
    ' + - content + - "" + - (isAbstract ? " (abstract role) " : "") + - "
    \n"; - roleIndex += "
    " + desc + "
    \n"; - // grab info about this role - // do we have a parent class? if so, put us in that parents list - var node = Array.prototype.slice.call( - container.querySelectorAll(".role-parent rref") - ); - // s will hold the name of the parent role if any - var s = null; - var parentRoles = []; - if (node.length) { - node.forEach(function (roleref) { - s = roleref.textContent || roleref.innerText; - - if (!subRoles[s]) { - subRoles.push(s); - subRoles[s] = []; - } - subRoles[s].push(title); - parentRoles.push(s); + var globalSPIndex = ''; + sortedList = globalSP.sort(function (a, b) { + return a.name < b.name ? -1 : a.name > b.name ? 1 : 0; }); - } - // are there supported states / properties in this role? - var attrs = []; - Array.prototype.slice - .call( - container.querySelectorAll( - ".role-properties, .role-required-properties, .role-disallowed" - ) - ) - .forEach(function (node) { + for (i = 0; i < sortedList.length; i++) { + var lItem = sortedList[i]; + globalSPIndex += '
  • '; + if (lItem.is === 'state') { + globalSPIndex += + '' + + lItem.name + + ' (state)'; + } else { + globalSPIndex += + '' + + lItem.name + + ''; + } + if (lItem.prohibited) { + globalSPIndex += ' (Except where prohibited)'; + } + if (lItem.deprecated) { + globalSPIndex += ' (Global use deprecated in ARIA 1.2)'; + } + globalSPIndex += '
    • \n'; + } + parentNode = document.querySelector('#global_states'); + if (parentNode) { + node = parentNode.querySelector('.placeholder'); + if (node) { + l = document.createElement('ul'); + l.innerHTML = globalSPIndex; + parentNode.replaceChild(l, node); + } + } + // there is only one role that uses the global properties + parentNode = document.querySelector( + '#roletype td.role-properties span.placeholder' + ); + if (parentNode) { + node = parentNode.parentNode; if ( - node && - ((node.textContent && node.textContent.length !== 1) || - (node.innerText && node.innerText.length !== 1)) + (parentNode.textContent || parentNode.innerText) === + 'Placeholder for global states and properties' ) { - // looks like we do + l = document.createElement('ul'); + l.innerHTML = globalSPIndex; + node.replaceChild(l, parentNode); + } + } + } + + // what about roles? + // + // we need to do a few things here: + // 1. expand the rdef elements. + // 2. accumulate the roles into a table for the indices + // 3. grab the parent role reference so we can build up the tree + // 4. grab any local states and properties so we can hand those down to the children + // + + var subRoles = []; + var roleIndex = ''; + var fromAuthor = ''; + var fromHeading = ""; + var fromContent = ''; + var fromProhibited = ''; + + Array.prototype.slice + .call(document.querySelectorAll('rdef')) + .forEach(function (item) { + var container = item.parentNode; + var content = item.innerHTML; + var sp = document.createElement('h4'); + var title = item.getAttribute('title'); + if (!title) { + title = content; + } + + var pnID = title; + container.id = pnID; + sp.className = 'role-name'; + sp.title = title; + // is this a role or an abstract role + var type = 'role'; + var isAbstract = false; + var abstract = container.querySelectorAll('.role-abstract'); + if (abstract.innerText === 'True') { + type = 'abstract role'; + isAbstract = true; + } + sp.innerHTML = + '' + + content + + ' ' + + type + + ''; + // sp.id = title; + sp.setAttribute('aria-describedby', 'desc-' + title); + var dRef = item.nextElementSibling; + var desc = cloneWithoutIds(dRef.firstElementChild).innerHTML; + dRef.id = 'desc-' + title; + dRef.setAttribute('role', 'definition'); + container.replaceChild(sp, item); + roleIndex += + '
    ' + + content + + '' + + (isAbstract ? ' (abstract role) ' : '') + + '
    \n'; + roleIndex += '
    ' + desc + '
    \n'; + // grab info about this role + // do we have a parent class? if so, put us in that parents list + var node = Array.prototype.slice.call( + container.querySelectorAll('.role-parent rref') + ); + // s will hold the name of the parent role if any + var s = null; + var parentRoles = []; + if (node.length) { + node.forEach(function (roleref) { + s = roleref.textContent || roleref.innerText; + + if (!subRoles[s]) { + subRoles.push(s); + subRoles[s] = []; + } + subRoles[s].push(title); + parentRoles.push(s); + }); + } + // are there supported states / properties in this role? + var attrs = []; + Array.prototype.slice + .call( + container.querySelectorAll( + '.role-properties, .role-required-properties, .role-disallowed' + ) + ) + .forEach(function (node) { + if ( + node && + ((node.textContent && node.textContent.length !== 1) || + (node.innerText && node.innerText.length !== 1)) + ) { + // looks like we do + Array.prototype.slice + .call(node.querySelectorAll('pref,sref')) + .forEach(function (item) { + var name = item.getAttribute('title'); + if (!name) { + name = item.textContent || item.innerText; + } + var type = item.localName === 'pref' ? 'property' : 'state'; + var req = node.classList.contains( + 'role-required-properties' + ); + var dis = node.classList.contains('role-disallowed'); + var dep = item.hasAttribute('data-deprecated'); + attrs.push({ + is: type, + name: name, + required: req, + disallowed: dis, + deprecated: dep, + }); + + // remember that the state or property is + // referenced by this role + propList[name].roles.push(title); + }); + } + }); + roleInfo[title] = { + name: title, + fragID: pnID, + parentRoles: parentRoles, + localprops: attrs, + }; + + // is there a namefrom indication? If so, add this one to + // the list + if (!isAbstract) { Array.prototype.slice - .call(node.querySelectorAll("pref,sref")) - .forEach(function (item) { - var name = item.getAttribute("title"); - if (!name) { - name = item.textContent || item.innerText; + .call(container.querySelectorAll('.role-namefrom')) + .forEach(function (node) { + var reqRef = container.querySelector('.role-namerequired'); + var req = ''; + if (reqRef && reqRef.innerText === 'True') { + req = ' (name required)'; } - var type = item.localName === "pref" ? "property" : "state"; - var req = node.classList.contains("role-required-properties"); - var dis = node.classList.contains("role-disallowed"); - var dep = item.hasAttribute("data-deprecated"); - attrs.push({ - is: type, - name: name, - required: req, - disallowed: dis, - deprecated: dep, - }); - // remember that the state or property is - // referenced by this role - propList[name].roles.push(title); + if (node.textContent.indexOf('author') !== -1) { + fromAuthor += + '
  • ' + + content + + '' + + req + + '
    • '; + } + if (node.textContent.indexOf('heading') !== -1) { + fromHeading += + '
  • ' + + content + + '' + + req + + '
    • '; + } + if (!isAbstract && node.textContent.indexOf('content') !== -1) { + fromContent += + '
  • ' + + content + + '' + + req + + '
    • '; + } + if (node.textContent.indexOf('prohibited') !== -1) { + fromProhibited += + '
  • ' + + content + + '' + + req + + '
    • '; + } }); } + if (container.nodeName.toLowerCase() == 'div') { + // change the enclosing DIV to a section with notoc + var sec = document.createElement('section'); + Array.prototype.slice + .call(container.attributes) + .forEach(function (attr) { + sec.setAttribute(attr.name, attr.value); + }); + + sec.classList.add('notoc'); + var theContents = container.innerHTML; + sec.innerHTML = theContents; + container.parentNode.replaceChild(sec, container); + } }); - roleInfo[title] = { - name: title, - fragID: pnID, - parentRoles: parentRoles, - localprops: attrs, + + var getStates = function (role) { + var ref = roleInfo[role]; + if (!ref) { + msg.pub('error', 'No role definition for ' + role); + } else if (ref.allprops) { + return ref.allprops; + } else { + var myList = ref.localprops; + Array.prototype.slice.call(ref.parentRoles).forEach(function (item) { + var pList = getStates(item); + myList = myList.concat(pList); + }); + ref.allprops = myList; + return myList; + } }; - // is there a namefrom indication? If so, add this one to - // the list - if (!isAbstract) { - Array.prototype.slice - .call(container.querySelectorAll(".role-namefrom")) - .forEach(function (node) { - var reqRef = container.querySelector(".role-namerequired"); - var req = ""; - if (reqRef && reqRef.innerText === "True") { - req = " (name required)"; + // TODO: test this on a page where `skipIndex` is truthy + if (!skipIndex) { + // build up the complete inherited SP lists for each role + // however, if the role already specifies an item, do not include it + Object.entries(roleInfo).forEach(function (index) { + var item = index[1]; + var output = ''; + var placeholder = document.querySelector( + '#' + item.fragID + ' .role-inherited' + ); + + if (placeholder) { + var myList = []; + item.parentRoles.forEach(function (role) { + myList = myList.concat(getStates(role)); + }); + /* jshint loopfunc: true */ + // strip out any items that we have locally + if (item.localprops.length && myList.length) { + for (var j = myList.length - 1; j >= 0; j--) { + item.localprops.forEach(function (x) { + if (x.name == myList[j].name) { + myList.splice(j, 1); + } + }); + } } - if (node.textContent.indexOf("author") !== -1) { - fromAuthor += - '
  • ' + - content + - "" + - req + - "
    • "; - } - if (node.textContent.indexOf("heading") !== -1) { - fromHeading += - '
  • ' + - content + - "" + - req + - "
    • "; - } - if (!isAbstract && node.textContent.indexOf("content") !== -1) { - fromContent += - '
  • ' + - content + - "" + - req + - "
    • "; + var reducedList = myList.reduce((uniqueList, item) => { + return uniqueList.includes(item) + ? uniqueList + : [...uniqueList, item]; + }, []); + + var sortedList = reducedList.sort((a, b) => { + if (a.name == b.name) { + // Ensure deprecated false properties occur first + if (a.deprecated !== b.deprecated) { + return a.deprecated ? 1 : b.deprecated ? -1 : 0; + } + } + return a.name < b.name ? -1 : a.name > b.name ? 1 : 0; + }, []); + + var prev; + for (var k = 0; k < sortedList.length; k++) { + var property = sortedList[k]; + var req = ''; + var dep = ''; + if (property.required) { + req = ' (required)'; + } + if (property.deprecated) { + dep = ' (deprecated on this role in ARIA 1.2)'; + } + if (prev != property.name) { + output += '
  • '; + if (property.is === 'state') { + output += + '' + property.name + ' (state)' + req + dep; + } else { + output += '' + property.name + '' + req + dep; + } + output += '
    • \n'; + prev = property.name; + } } - if (node.textContent.indexOf("prohibited") !== -1) { - fromProhibited += - '
  • ' + - content + - "" + - req + - "
    • "; + if (output !== '') { + output = '
      \n' + output + '
    \n'; + placeholder.innerHTML = output; } - }); - } - if (container.nodeName.toLowerCase() == "div") { - // change the enclosing DIV to a section with notoc - var sec = document.createElement("section"); - Array.prototype.slice - .call(container.attributes) - .forEach(function (attr) { - sec.setAttribute(attr.name, attr.value); - }); - - sec.classList.add("notoc"); - var theContents = container.innerHTML; - sec.innerHTML = theContents; - container.parentNode.replaceChild(sec, container); - } - }); - - var getStates = function (role) { - var ref = roleInfo[role]; - if (!ref) { - msg.pub("error", "No role definition for " + role); - } else if (ref.allprops) { - return ref.allprops; - } else { - var myList = ref.localprops; - Array.prototype.slice.call(ref.parentRoles).forEach(function (item) { - var pList = getStates(item); - myList = myList.concat(pList); - }); - ref.allprops = myList; - return myList; - } - }; - - // TODO: test this on a page where `skipIndex` is truthy - if (!skipIndex) { - // build up the complete inherited SP lists for each role - // however, if the role already specifies an item, do not include it - Object.entries(roleInfo).forEach(function (index) { - var item = index[1]; - var output = ""; - var placeholder = document.querySelector( - "#" + item.fragID + " .role-inherited" - ); - - if (placeholder) { - var myList = []; - item.parentRoles.forEach(function (role) { - myList = myList.concat(getStates(role)); + } }); - /* jshint loopfunc: true */ - // strip out any items that we have locally - if (item.localprops.length && myList.length) { - for (var j = myList.length - 1; j >= 0; j--) { - item.localprops.forEach(function (x) { - if (x.name == myList[j].name) { - myList.splice(j, 1); + + // Update state and property role references + var getAllSubRoles = function (role) { + var ref = subRoles[role]; + if (ref && ref.length) { + var myList = []; + ref.forEach(function (item) { + if (!myList.item) { + myList[item] = 1; + myList.push(item); + var childList = getAllSubRoles(item); + myList = myList.concat(childList); } }); + return myList; + } else { + return []; } - } - - var reducedList = myList.reduce((uniqueList, item) => { - return uniqueList.includes(item) ? uniqueList : [...uniqueList, item]; - }, []); + }; + + Object.entries(propList).forEach(function (index) { + var output = ''; + var item = index[1]; + var section = document.querySelector('#' + item.name); + var placeholder = section.querySelector( + '.state-applicability, .property-applicability' + ); + if ( + placeholder && + (placeholder.textContent || placeholder.innerText) === + 'Placeholder' && + item.roles.length + ) { + // update the used in roles list + var sortedList = []; + sortedList = item.roles.sort(); + for (var j = 0; j < sortedList.length; j++) { + output += '
  • ' + sortedList[j] + '
    • \n'; + } + if (output !== '') { + output = '
      \n' + output + '
    \n'; + } + placeholder.innerHTML = output; + // also update any inherited roles + var myList = []; + item.roles.forEach(function (role) { + var children = getAllSubRoles(role); + // Some subroles have required properties which are also required by the superclass. + // Example: The checked state of radio, which is also required by superclass checkbox. + // We only want to include these one time, so filter out the subroles. + children = children.filter(function (subrole) { + return subrole.indexOf(propList[item.name].roles) === -1; + }); + myList = myList.concat(children); + }); + placeholder = section.querySelector( + '.state-descendants, .property-descendants' + ); + if (placeholder && myList.length) { + sortedList = myList.sort(); + output = ''; + var last = ''; + for (j = 0; j < sortedList.length; j++) { + var sItem = sortedList[j]; + if (last != sItem) { + output += '
  • ' + sItem + '
    • \n'; + last = sItem; + } + } + if (output !== '') { + output = '
      \n' + output + '
    \n'; + } + placeholder.innerHTML = output; + } + } else if ( + placeholder && + (placeholder.textContent || placeholder.innerText) === + 'Use as a global deprecated in ARIA 1.2' && + item.roles.length + ) { + // update the used in roles list + var sortedList = []; + sortedList = item.roles.sort(); + //remove roletype from the sorted list + const index = sortedList.indexOf('roletype'); + if (index > -1) { + sortedList.splice(index, 1); + } - var sortedList = reducedList.sort((a, b) => { - if (a.name == b.name) { - // Ensure deprecated false properties occur first - if (a.deprecated !== b.deprecated) { - return a.deprecated ? 1 : b.deprecated ? -1 : 0; + for (var j = 0; j < sortedList.length; j++) { + output += '
  • ' + sortedList[j] + '
    • \n'; } - } - return a.name < b.name ? -1 : a.name > b.name ? 1 : 0; - }, []); - - var prev; - for (var k = 0; k < sortedList.length; k++) { - var property = sortedList[k]; - var req = ""; - var dep = ""; - if (property.required) { - req = " (required)"; - } - if (property.deprecated) { - dep = " (deprecated on this role in ARIA 1.2)"; - } - if (prev != property.name) { - output += "
  • "; - if (property.is === "state") { - output += - "" + property.name + " (state)" + req + dep; - } else { - output += "" + property.name + "" + req + dep; + if (output !== '') { + output = '
      \n' + output + '
    \n'; } - output += "
    • \n"; - prev = property.name; - } - } - if (output !== "") { - output = "
      \n" + output + "
    \n"; - placeholder.innerHTML = output; - } - } - }); - - // Update state and property role references - var getAllSubRoles = function (role) { - var ref = subRoles[role]; - if (ref && ref.length) { - var myList = []; - ref.forEach(function (item) { - if (!myList.item) { - myList[item] = 1; - myList.push(item); - var childList = getAllSubRoles(item); - myList = myList.concat(childList); - } - }); - return myList; - } else { - return []; - } - }; - - Object.entries(propList).forEach(function (index) { - var output = ""; - var item = index[1]; - var section = document.querySelector("#" + item.name); - var placeholder = section.querySelector( - ".state-applicability, .property-applicability" - ); - if ( - placeholder && - (placeholder.textContent || placeholder.innerText) === "Placeholder" && - item.roles.length - ) { - // update the used in roles list - var sortedList = []; - sortedList = item.roles.sort(); - for (var j = 0; j < sortedList.length; j++) { - output += "
  • " + sortedList[j] + "
    • \n"; - } - if (output !== "") { - output = "
      \n" + output + "
    \n"; - } - placeholder.innerHTML = output; - // also update any inherited roles - var myList = []; - item.roles.forEach(function (role) { - var children = getAllSubRoles(role); - // Some subroles have required properties which are also required by the superclass. - // Example: The checked state of radio, which is also required by superclass checkbox. - // We only want to include these one time, so filter out the subroles. - children = children.filter(function (subrole) { - return subrole.indexOf(propList[item.name].roles) === -1; - }); - myList = myList.concat(children); - }); - placeholder = section.querySelector( - ".state-descendants, .property-descendants" - ); - if (placeholder && myList.length) { - sortedList = myList.sort(); - output = ""; - var last = ""; - for (j = 0; j < sortedList.length; j++) { - var sItem = sortedList[j]; - if (last != sItem) { - output += "
  • " + sItem + "
    • \n"; - last = sItem; + placeholder.innerHTML = output; + // also update any inherited roles + var myList = []; + item.roles.forEach(function (role) { + var children = getAllSubRoles(role); + // Some subroles have required properties which are also required by the superclass. + // Example: The checked state of radio, which is also required by superclass checkbox. + // We only want to include these one time, so filter out the subroles. + children = children.filter(function (subrole) { + return subrole.indexOf(propList[item.name].roles) === -1; + }); + myList = myList.concat(children); + }); + placeholder = section.querySelector( + '.state-descendants, .property-descendants' + ); + if (placeholder && myList.length) { + sortedList = myList.sort(); + output = ''; + var last = ''; + for (j = 0; j < sortedList.length; j++) { + var sItem = sortedList[j]; + if (last != sItem) { + output += '
  • ' + sItem + '
    • \n'; + last = sItem; + } + } + if (output !== '') { + output = '
      \n' + output + '
    \n'; + } + placeholder.innerHTML = output; } } - if (output !== "") { - output = "
      \n" + output + "
    \n"; + else if ( + placeholder && + (placeholder.textContent || placeholder.innerText) === + 'All elements of the base markup except for some roles or elements that prohibit its use' && + item.roles.length + ) { + // for prohibited roles the roles list just includes those roles which are prohibited... weird I know but it is what it is + var sortedList = []; + sortedList = item.roles.sort(); + //remove roletype from the sorted list + const index = sortedList.indexOf('roletype'); + if (index > -1) { + sortedList.splice(index, 1); + } + output += 'All elements of the base markup except for the following roles: '; + for (var j = 0; j < sortedList.length-1; j++) { + output += '' + sortedList[j] + ', '; + } + output += '' + sortedList[sortedList.length-1] + ''; + placeholder.innerHTML = output; } - placeholder.innerHTML = output; + }); + + // spit out the index + var node = document.getElementById('index_role'); + var parentNode = node.parentNode; + var list = document.createElement('dl'); + list.id = 'index_role'; + list.className = 'compact'; + list.innerHTML = roleIndex; + parentNode.replaceChild(list, node); + + // and the namefrom lists + node = document.getElementById('index_fromauthor'); + if (node) { + parentNode = node.parentNode; + list = document.createElement('ul'); + list.id = 'index_fromauthor'; + list.className = 'compact'; + list.innerHTML = fromAuthor; + parentNode.replaceChild(list, node); } - } else if ( - placeholder && - (placeholder.textContent || placeholder.innerText) === - "Use as a global deprecated in ARIA 1.2" && - item.roles.length - ) { - // update the used in roles list - var sortedList = []; - sortedList = item.roles.sort(); - //remove roletype from the sorted list - const index = sortedList.indexOf("roletype"); - if (index > -1) { - sortedList.splice(index, 1); + + node = document.getElementById('index_fromheading'); + if (node) { + parentNode = node.parentNode; + list = document.createElement('ul'); + list.id = 'index_fromheading'; + list.className = 'compact'; + list.innerHTML = fromHeading; + parentNode.replaceChild(list, node); } - for (var j = 0; j < sortedList.length; j++) { - output += "
  • " + sortedList[j] + "
    • \n"; + node = document.getElementById('index_fromcontent'); + if (node) { + parentNode = node.parentNode; + list = document.createElement('ul'); + list.id = 'index_fromcontent'; + list.className = 'compact'; + list.innerHTML = fromContent; + parentNode.replaceChild(list, node); } - if (output !== "") { - output = "
      \n" + output + "
    \n"; + + node = document.getElementById('index_fromprohibited'); + if (node) { + parentNode = node.parentNode; + list = document.createElement('ul'); + list.id = 'index_fromprohibited'; + list.className = 'compact'; + list.innerHTML = fromProhibited; + parentNode.replaceChild(list, node); } - placeholder.innerHTML = output; - // also update any inherited roles - var myList = []; - item.roles.forEach(function (role) { - var children = getAllSubRoles(role); - // Some subroles have required properties which are also required by the superclass. - // Example: The checked state of radio, which is also required by superclass checkbox. - // We only want to include these one time, so filter out the subroles. - children = children.filter(function (subrole) { - return subrole.indexOf(propList[item.name].roles) === -1; + // assuming we found some parent roles, update those parents with their children + for (var i = 0; i < subRoles.length; i++) { + var item = subRoles[subRoles[i]]; + var sortedList = item.sort(function (a, b) { + return a < b ? -1 : a > b ? 1 : 0; }); - myList = myList.concat(children); - }); - placeholder = section.querySelector( - ".state-descendants, .property-descendants" - ); - if (placeholder && myList.length) { - sortedList = myList.sort(); - output = ""; - var last = ""; - for (j = 0; j < sortedList.length; j++) { - var sItem = sortedList[j]; - if (last != sItem) { - output += "
  • " + sItem + "
    • \n"; - last = sItem; - } + var output = '
      \n'; + for (var j = 0; j < sortedList.length; j++) { + output += '
    • ' + sortedList[j] + '
      • \n'; } - if (output !== "") { - output = "
        \n" + output + "
      \n"; + output += '
    \n'; + // put it somewhere + var subRolesContainer = document.querySelector('#' + subRoles[i]); + if (subRolesContainer) { + var subRolesListContainer = subRolesContainer.querySelector( + '.role-children' + ); + if (subRolesListContainer) { + subRolesListContainer.innerHTML = output; + } } - placeholder.innerHTML = output; - } - } else if ( - placeholder && - (placeholder.textContent || placeholder.innerText) === - "All elements of the base markup except for some roles or elements that prohibit its use" && - item.roles.length - ) { - // for prohibited roles the roles list just includes those roles which are prohibited... weird I know but it is what it is - var sortedList = []; - sortedList = item.roles.sort(); - //remove roletype from the sorted list - const index = sortedList.indexOf("roletype"); - if (index > -1) { - sortedList.splice(index, 1); } - output += - "All elements of the base markup except for the following roles: "; - for (var j = 0; j < sortedList.length - 1; j++) { - output += "" + sortedList[j] + ", "; - } - output += "" + sortedList[sortedList.length - 1] + ""; - placeholder.innerHTML = output; } - }); - - // spit out the index - var node = document.getElementById("index_role"); - var parentNode = node.parentNode; - var list = document.createElement("dl"); - list.id = "index_role"; - list.className = "compact"; - list.innerHTML = roleIndex; - parentNode.replaceChild(list, node); - - // and the namefrom lists - node = document.getElementById("index_fromauthor"); - if (node) { - parentNode = node.parentNode; - list = document.createElement("ul"); - list.id = "index_fromauthor"; - list.className = "compact"; - list.innerHTML = fromAuthor; - parentNode.replaceChild(list, node); - } - node = document.getElementById("index_fromheading"); - if (node) { - parentNode = node.parentNode; - list = document.createElement("ul"); - list.id = "index_fromheading"; - list.className = "compact"; - list.innerHTML = fromHeading; - parentNode.replaceChild(list, node); - } + // prune out unused rows throughout the document + Array.prototype.slice + .call( + document.querySelectorAll( + '.role-abstract, .role-parent, .role-base, .role-related, .role-scope, .role-mustcontain, .role-required-properties, .role-properties, .role-namefrom, .role-namerequired, .role-namerequired-inherited, .role-childpresentational, .role-presentational-inherited, .state-related, .property-related,.role-inherited, .role-children, .property-descendants, .state-descendants, .implicit-values' + ) + ) + .forEach(function (item) { + var content = item.innerText; + if (content.length === 1 || content.length === 0) { + // there is no item - remove the row + item.parentNode.parentNode.removeChild(item.parentNode); + } else if ( + content === 'Placeholder' && + !skipIndex && + (item.className === 'role-inherited' || + item.className === 'role-children' || + item.className === 'property-descendants' || + item.className === 'state-descendants') + ) { + item.parentNode.remove(); + } + }); - node = document.getElementById("index_fromcontent"); - if (node) { - parentNode = node.parentNode; - list = document.createElement("ul"); - list.id = "index_fromcontent"; - list.className = "compact"; - list.innerHTML = fromContent; - parentNode.replaceChild(list, node); - } + updateReferences(document); - node = document.getElementById("index_fromprohibited"); - if (node) { - parentNode = node.parentNode; - list = document.createElement("ul"); - list.id = "index_fromprohibited"; - list.className = "compact"; - list.innerHTML = fromProhibited; - parentNode.replaceChild(list, node); - } - // assuming we found some parent roles, update those parents with their children - for (var i = 0; i < subRoles.length; i++) { - var item = subRoles[subRoles[i]]; - var sortedList = item.sort(function (a, b) { - return a < b ? -1 : a > b ? 1 : 0; - }); - var output = "
      \n"; - for (var j = 0; j < sortedList.length; j++) { - output += "
    • " + sortedList[j] + "
      • \n"; - } - output += "
    \n"; - // put it somewhere - var subRolesContainer = document.querySelector("#" + subRoles[i]); - if (subRolesContainer) { - var subRolesListContainer = - subRolesContainer.querySelector(".role-children"); - if (subRolesListContainer) { - subRolesListContainer.innerHTML = output; + function cloneWithoutIds(node) { + const clone = node.cloneNode(true); + for (const elementWithId of clone.querySelectorAll("[id]")) { + elementWithId.removeAttribute("id"); } + return clone; } - } - } - - // prune out unused rows throughout the document - Array.prototype.slice - .call( - document.querySelectorAll( - ".role-abstract, .role-parent, .role-base, .role-related, .role-scope, .role-mustcontain, .role-required-properties, .role-properties, .role-namefrom, .role-namerequired, .role-namerequired-inherited, .role-childpresentational, .role-presentational-inherited, .state-related, .property-related,.role-inherited, .role-children, .property-descendants, .state-descendants, .implicit-values" - ) - ) - .forEach(function (item) { - var content = item.innerText; - if (content.length === 1 || content.length === 0) { - // there is no item - remove the row - item.parentNode.parentNode.removeChild(item.parentNode); - } else if ( - content === "Placeholder" && - !skipIndex && - (item.className === "role-inherited" || - item.className === "role-children" || - item.className === "property-descendants" || - item.className === "state-descendants") - ) { - item.parentNode.remove(); - } - }); - - updateReferences(document); - - function cloneWithoutIds(node) { - const clone = node.cloneNode(true); - for (const elementWithId of clone.querySelectorAll("[id]")) { - elementWithId.removeAttribute("id"); - } - return clone; } -} -require(["core/pubsubhub"], function (respecEvents) { +require(['core/pubsubhub'], function (respecEvents) { const button = respecUI.addCommand( - "Save roles as JSON", + 'Save roles as JSON', showAriaSave, null, - "☁️" + '☁️' ); function showAriaSave() { - const json = JSON.stringify(roleInfo, null, " "); - const href = - "data:text/html;charset=utf-8," + - "/* This file is generated - do not modify */\nvar roleInfo = " + - encodeURIComponent(json); - const ariaUI = document.createElement("div"); - ariaUI.classList.add("respec-save-buttons"); + const json = JSON.stringify(roleInfo, null, ' '); + const href = "data:text/html;charset=utf-8," + "/* This file is generated - do not modify */\nvar roleInfo = " + encodeURIComponent(json); + const ariaUI = document.createElement('div'); + ariaUI.classList.add('respec-save-buttons'); ariaUI.innerHTML = ` Save JSON `; - respecUI.freshModal("Save Aria roles as JSON", ariaUI, button); - ariaUI.querySelector("a").focus(); + respecUI.freshModal('Save Aria roles as JSON', ariaUI, button); + ariaUI.querySelector('a').focus(); } - respecEvents.sub("end", function (msg) { - if (msg == "w3c/conformance") { + respecEvents.sub('end', function (msg) { + if (msg == 'w3c/conformance') { ariaAttributeReferences(); } }); }); + diff --git a/common/script/ariaChild.js b/common/script/ariaChild.js index f7b16e8..37e817a 100644 --- a/common/script/ariaChild.js +++ b/common/script/ariaChild.js @@ -17,7 +17,7 @@ var localRoleInfo = {}; * @param {Boolean} noLC do not convert to lowercase * @returns {String} generated (or existing) id for element */ -function addId(elem, pfx = "", txt = "", noLC = false) { + function addId(elem, pfx = "", txt = "", noLC = false) { if (elem.id) { return elem.id; } @@ -68,30 +68,30 @@ function ariaAttributeReferences() { // process the document before anything else is done // first get the properties Array.prototype.slice - .call(document.querySelectorAll("pdef, sdef")) + .call(document.querySelectorAll('pdef, sdef')) .forEach(function (item) { - var type = item.localName === "pdef" ? "property" : "state"; + var type = item.localName === 'pdef' ? 'property' : 'state'; var container = item.parentNode; var content = item.innerHTML; - var sp = document.createElement("span"); - var title = item.getAttribute("title"); + var sp = document.createElement('span'); + var title = item.getAttribute('title'); if (!title) { title = content; } - sp.className = type + "-name"; + sp.className = type + '-name'; sp.title = title; sp.innerHTML = - "" + + '' + content + ' (' + type + - ")"; - sp.setAttribute("aria-describedby", "desc-" + title); + ')'; + sp.setAttribute('aria-describedby', 'desc-' + title); var dRef = item.nextElementSibling; var desc = dRef.firstElementChild.innerHTML; - dRef.id = "desc-" + title; - dRef.setAttribute("role", "definition"); - var heading = document.createElement("h3"); + dRef.id = 'desc-' + title; + dRef.setAttribute('role', 'definition'); + var heading = document.createElement('h3'); heading.appendChild(sp); container.replaceChild(heading, item); // add this item to the index @@ -102,10 +102,10 @@ function ariaAttributeReferences() { desc: desc, roles: [], }; - var abstract = container.querySelector("." + type + "-applicability"); + var abstract = container.querySelector('.' + type + '-applicability'); if ( (abstract.textContent || abstract.innerText) === - "All elements of the base markup" + 'All elements of the base markup' ) { globalSP.push({ is: type, @@ -116,15 +116,15 @@ function ariaAttributeReferences() { } // the pdef/sdef is gone. if we are in a div, convert that div to a section - if (container.nodeName.toLowerCase() == "div") { + if (container.nodeName.toLowerCase() == 'div') { // change the enclosing DIV to a section with notoc - var sec = document.createElement("section"); + var sec = document.createElement('section'); Array.prototype.slice .call(container.attributes) .forEach(function (attr) { sec.setAttribute(attr.name, attr.value); }); - sec.classList.add("notoc"); + sec.classList.add('notoc'); var theContents = container.innerHTML; sec.innerHTML = theContents; container.parentNode.replaceChild(sec, container); @@ -141,52 +141,52 @@ function ariaAttributeReferences() { // var subRoles = []; - var roleIndex = ""; + var roleIndex = ''; Array.prototype.slice - .call(document.querySelectorAll("rdef")) + .call(document.querySelectorAll('rdef')) .forEach(function (item) { var container = item.parentNode; var content = item.innerHTML; - var sp = document.createElement("h3"); - var title = item.getAttribute("title"); + var sp = document.createElement('h3'); + var title = item.getAttribute('title'); if (!title) { title = content; } - var pnID = addId(container, "", title); - sp.className = "role-name"; + var pnID = addId(container, '', title); + sp.className = 'role-name'; sp.title = title; // is this a role or an abstract role - var type = "role"; - var abstract = container.querySelectorAll(".role-abstract"); - if (abstract.innerText === "True") { - type = "abstract role"; + var type = 'role'; + var abstract = container.querySelectorAll('.role-abstract'); + if (abstract.innerText === 'True') { + type = 'abstract role'; } sp.innerHTML = - "" + + '' + content + ' (' + type + - ")"; + ')'; // sp.id = title; - sp.setAttribute("aria-describedby", "desc-" + title); + sp.setAttribute('aria-describedby', 'desc-' + title); var dRef = item.nextElementSibling; var desc = dRef.firstElementChild.innerHTML; - dRef.id = "desc-" + title; - dRef.setAttribute("role", "definition"); + dRef.id = 'desc-' + title; + dRef.setAttribute('role', 'definition'); container.replaceChild(sp, item); roleIndex += '
    ' + content + - "
    \n"; - roleIndex += "
    " + desc + "
    \n"; + '\n'; + roleIndex += '
    ' + desc + '
    \n'; // grab info about this role // do we have a parent class? if so, put us in that parents list - var node = container.querySelectorAll(".role-parent rref"); + var node = container.querySelectorAll('.role-parent rref'); // s will hold the name of the parent role if any var s = null; var parentRoles = []; @@ -209,7 +209,7 @@ function ariaAttributeReferences() { Array.prototype.slice .call( container.querySelectorAll( - ".role-properties, .role-required-properties" + '.role-properties, .role-required-properties' ) ) .forEach(function (node) { @@ -220,14 +220,16 @@ function ariaAttributeReferences() { ) { // looks like we do Array.prototype.slice - .call(node.querySelectorAll("pref,sref")) + .call(node.querySelectorAll('pref,sref')) .forEach(function (item) { - var name = item.getAttribute("title"); + var name = item.getAttribute('title'); if (!name) { name = item.textContent || item.innerText; } - var type = item.localName === "pref" ? "property" : "state"; - var req = node.classList.contains("role-required-properties"); + var type = item.localName === 'pref' ? 'property' : 'state'; + var req = node.classList.contains( + 'role-required-properties' + ); attrs.push({ is: type, name: name, required: req }); // remember that the state or property is // referenced by this role @@ -243,15 +245,15 @@ function ariaAttributeReferences() { localprops: attrs, }; - if (container.nodeName.toLowerCase() == "div") { + if (container.nodeName.toLowerCase() == 'div') { // change the enclosing DIV to a section with notoc - var sec = document.createElement("section"); + var sec = document.createElement('section'); Array.prototype.slice .call(container.attributes) .forEach(function (attr) { sec.setAttribute(attr.name, attr.value); }); - sec.classList.add("notoc"); + sec.classList.add('notoc'); var theContents = container.innerHTML; sec.innerHTML = theContents; container.parentNode.replaceChild(sec, container); @@ -264,7 +266,7 @@ function ariaAttributeReferences() { ref = roleInfo[role]; } if (!ref) { - msg.pub("error", "No role definition for " + role); + msg.pub('error', 'No role definition for ' + role); } else if (ref.allprops) { return ref.allprops; } else { @@ -284,9 +286,9 @@ function ariaAttributeReferences() { // build up the complete inherited SP lists for each role Object.entries(localRoleInfo).forEach(function (index) { item = index[1]; - var output = ""; + var output = ''; var placeholder = document.querySelector( - "#" + item.fragID + " .role-inherited" + '#' + item.fragID + ' .role-inherited' ); if (placeholder) { @@ -315,46 +317,46 @@ function ariaAttributeReferences() { if (sortedList) { for (var k = 0; k < sortedList.length; k++) { var role = sortedList[k]; - var req = ""; + var req = ''; if (role.required) { - req = " (required)"; + req = ' (required)'; } if (prev != role.name) { - output += "
  • "; - if (role.is === "state") { + output += '
  • '; + if (role.is === 'state') { output += - "' + role.name + - " (state)" + + ' (state)' + req; } else { output += - "" + + '' + role.name + - "" + + '' + req; } if (role.prohibited) { - output += " (Except where prohibited)"; + output += ' (Except where prohibited)'; } if (role.deprecated) { - output += " (Global use deprecated in ARIA 1.2)"; + output += ' (Global use deprecated in ARIA 1.2)'; } - output += "
    • \n"; + output += '\n'; prev = role.name; } } } - if (output !== "") { - output = "
      \n" + output + "
    \n"; + if (output !== '') { + output = '
      \n' + output + '
    \n'; placeholder.innerHTML = output; } } @@ -382,25 +384,25 @@ function ariaAttributeReferences() { }; Object.values(propList).forEach(function (item) { - var output = ""; - var section = document.querySelector("#" + item.name); + var output = ''; + var section = document.querySelector('#' + item.name); var placeholder = section.querySelector( - ".state-applicability, .property-applicability" + '.state-applicability, .property-applicability' ); if ( placeholder && (placeholder.textContent || placeholder.innerText) === - "Placeholder" && + 'Placeholder' && item.roles.length ) { // update the used in roles list var sortedList = []; sortedList = item.roles.sort(); for (var j = 0; j < sortedList.length; j++) { - output += "
  • " + sortedList[j] + "
    • \n"; + output += '
  • ' + sortedList[j] + '
    • \n'; } - if (output !== "") { - output = "
      \n" + output + "
    \n"; + if (output !== '') { + output = '
      \n' + output + '
    \n'; } placeholder.innerHTML = output; // also update any inherited roles @@ -419,22 +421,22 @@ function ariaAttributeReferences() { }); placeholder = section.querySelector( - ".state-descendants, .property-descendants" + '.state-descendants, .property-descendants' ); if (placeholder && myList.length) { sortedList = myList.sort(); - output = ""; - var last = ""; + output = ''; + var last = ''; for (var k = 0; k < sortedList.length; k++) { var lItem = sortedList[k]; if (last != lItem) { - output += "
  • " + lItem + "
    • \n"; + output += '
  • ' + lItem + '
    • \n'; last = lItem; } } - if (output !== "") { - output = "
      \n" + output + "
    \n"; + if (output !== '') { + output = '
      \n' + output + '
    \n'; } placeholder.innerHTML = output; } @@ -442,11 +444,11 @@ function ariaAttributeReferences() { }); // spit out the index - var node = document.getElementById("index_role"); + var node = document.getElementById('index_role'); var parentNode = node.parentNode; - var list = document.createElement("dl"); - list.id = "index_role"; - list.className = "compact"; + var list = document.createElement('dl'); + list.id = 'index_role'; + list.className = 'compact'; list.innerHTML = roleIndex; parentNode.replaceChild(list, node); @@ -456,16 +458,17 @@ function ariaAttributeReferences() { var sortedList = item.sort(function (a, b) { return a < b ? -1 : a > b ? 1 : 0; }); - var output = "
      \n"; + var output = '
        \n'; for (var j = 0; j < sortedList.length; j++) { - output += "
      • " + sortedList[j] + "
        • \n"; + output += '
      • ' + sortedList[j] + '
        • \n'; } - output += "
      \n"; + output += '
    \n'; // put it somewhere - var subRolesContainer = document.querySelector("#" + subRoles[i]); + var subRolesContainer = document.querySelector('#' + subRoles[i]); if (subRolesContainer) { - var subRolesListContainer = - subRolesContainer.querySelector(".role-children"); + var subRolesListContainer = subRolesContainer.querySelector( + '.role-children' + ); if (subRolesListContainer) { subRolesListContainer.innerHTML = output; } @@ -479,8 +482,8 @@ function ariaAttributeReferences() { Array.prototype.slice .call( - document.querySelectorAll( - ".role-abstract, .role-parent, .role-base, .role-related, .role-scope, .role-mustcontain, .role-required-properties, .role-properties, .role-namefrom, .role-namerequired, .role-namerequired-inherited, .role-childpresentational, .role-presentational-inherited, .state-related, .property-related,.role-inherited, .role-children, .property-descendants, .state-descendants, .implicit-values" + document.querySelectorAll( + '.role-abstract, .role-parent, .role-base, .role-related, .role-scope, .role-mustcontain, .role-required-properties, .role-properties, .role-namefrom, .role-namerequired, .role-namerequired-inherited, .role-childpresentational, .role-presentational-inherited, .state-related, .property-related,.role-inherited, .role-children, .property-descendants, .state-descendants, .implicit-values' ) ) .forEach(function (item) { @@ -489,23 +492,23 @@ function ariaAttributeReferences() { // there is no item - remove the row item.parentNode.parentNode.removeChild(item.parentNode); } else if ( - content === "Placeholder" && + content === 'Placeholder' && !skipIndex && - (item.className === "role-inherited" || - item.className === "role-children" || - item.className === "property-descendants" || - item.className === "state-descendants") + (item.className === 'role-inherited' || + item.className === 'role-children' || + item.className === 'property-descendants' || + item.className === 'state-descendants') ) { item.parentNode.remove(); } }); } -} +} -require(["core/pubsubhub"], function (respecEvents) { - respecEvents.sub("end", function (msg) { - if (msg == "w3c/conformance") { - ariaAttributeReferences(); - } +require(['core/pubsubhub'], function (respecEvents) { + respecEvents.sub('end', function (msg) { + if (msg == 'w3c/conformance') { + ariaAttributeReferences(); + } }); }); diff --git a/common/script/mapping-tables.js b/common/script/mapping-tables.js index fb89d9f..a4e6d12 100644 --- a/common/script/mapping-tables.js +++ b/common/script/mapping-tables.js @@ -1,11 +1,11 @@ /* global mappingTables */ function hideElement(element) { - element.style.display = "none"; + element.style.display = 'none'; } function showElement(element) { - element.style.display = "block"; + element.style.display = 'block'; } function queryAll(selector, context) { @@ -28,15 +28,19 @@ function viewAsSingleTable(tableContainer, detailsContainer) { showElement(tableContainer); // Remove ids from summary - queryAll("summary", detailsContainer).forEach(function (summary) { - summary.dataset["id"] = summary.id; - summary.removeAttribute("id"); + queryAll('summary', detailsContainer).forEach(function ( + summary + ) { + summary.dataset['id'] = summary.id; + summary.removeAttribute('id'); }); // Add ids to table - queryAll("tbody tr", tableContainer).forEach(function (tr) { - tr.id = tr.dataset["id"]; - tr.removeAttribute("data-id"); + queryAll('tbody tr', tableContainer).forEach(function ( + tr + ) { + tr.id = tr.dataset['id']; + tr.removeAttribute('data-id'); }); } @@ -45,18 +49,23 @@ function viewAsDetails(tableContainer, detailsContainer) { showElement(detailsContainer); // Remove ids from table - queryAll("tbody tr", tableContainer).forEach(function (tr) { - tr.dataset["id"] = tr.id; - tr.removeAttribute("id"); + queryAll('tbody tr', tableContainer).forEach(function ( + tr + ) { + tr.dataset['id'] = tr.id; + tr.removeAttribute('id'); }); // Add ids to summary - queryAll("summary", detailsContainer).forEach(function (summary) { - summary.id = summary.dataset["id"]; - summary.removeAttribute("data-id"); + queryAll('summary', detailsContainer).forEach(function ( + summary + ) { + summary.id = summary.dataset['id']; + summary.removeAttribute('data-id'); }); } + function expandReferredDetails(summaryFragId) { // if details element is not open, activate click on summary if (!summaryFragId.parentNode.open) { @@ -65,7 +74,8 @@ function expandReferredDetails(summaryFragId) { } function mappingTables() { - queryAll(".table-container").forEach(function (container) { + queryAll('.table-container').forEach(function (container) { + // object to store information about a mapping table. var tableInfo = {}; mappingTableInfos.push(tableInfo); @@ -75,27 +85,27 @@ function mappingTables() { hideElement(container); // store a reference to the table - tableInfo.table = container.querySelector("table"); + tableInfo.table = container.querySelector('table'); // create a container div to hold all the details element and insert after table - tableInfo.detailsContainer = document.createElement("div"); - tableInfo.detailsContainer.className = "details"; - tableInfo.id = tableInfo.table.id + "-details"; + tableInfo.detailsContainer = document.createElement('div'); + tableInfo.detailsContainer.className = 'details'; + tableInfo.id = tableInfo.table.id + '-details'; tableInfo.tableContainer.insertAdjacentElement( - "afterend", + 'afterend', tableInfo.detailsContainer ); // add switch to view as single table or details/summary - var viewSwitch = document.createElement("button"); - viewSwitch.className = "switch-view"; + var viewSwitch = document.createElement('button'); + viewSwitch.className = 'switch-view'; viewSwitch.innerHTML = mappingTableLabels.viewByTable; - tableInfo.tableContainer.insertAdjacentElement("beforebegin", viewSwitch); + tableInfo.tableContainer.insertAdjacentElement('beforebegin', viewSwitch); // store the table's column headers in array colHeaders // TODO: figure out what browsers we have to support and replace this with Array#map if possible var colHeaders = []; - queryAll("thead th", tableInfo.table).forEach(function (th) { + queryAll('thead th', tableInfo.table).forEach(function (th) { colHeaders.push(th.innerHTML); }); @@ -103,60 +113,64 @@ function mappingTables() { colHeaders.shift(); // for each row in the table, create details/summary.. - queryAll("tbody tr", tableInfo.table).forEach(function (row) { - var caption = row.querySelector("th").innerHTML; - var summary = caption.replace(/]+>|<\/a>/g, ""); + queryAll('tbody tr', tableInfo.table).forEach(function (row) { + var caption = row.querySelector('th').innerHTML; + var summary = caption.replace(/]+>|<\/a>/g, ''); // get the tr's @id var id = row.id; row.dataset.id = id; // remove the tr's @id since same id will be used in the relevant summary element - row.removeAttribute("id"); + row.removeAttribute('id'); // store the row's cells in array rowCells var rowCells = []; // add row cells to array rowCells for use in the details' table - queryAll("td", row).forEach(function (cell) { + queryAll('td', row).forEach(function (cell) { rowCells.push(cell.innerHTML); }); // clone colHeaders array for use in details table row headers var rowHeaders = colHeaders.slice(0); // if attributes mapping table... - if (tableInfo.table.classList.contains("attributes")) { + if (tableInfo.table.classList.contains('attributes')) { // remove second column header from array rowHeaders.shift(); // remove and store "HTML elements" cell from rowCells array for use in details' summary and table caption var relevantElsCaption = rowCells.shift(); var relevantElsSummary = relevantElsCaption.replace( /]+>|<\/a>/g, - "" + '' ); } // create content for each
    element; add row header's content to summary - var details = document.createElement("details"); - details.className = "map"; + var details = document.createElement('details'); + details.className = 'map'; var detailsHTML = '' + summary; // if attributes mapping table, append relevant elements to summary - if (tableInfo.table.classList.contains("attributes")) { - detailsHTML += " [" + relevantElsSummary + "]"; + if (tableInfo.table.classList.contains('attributes')) { + detailsHTML += ' [' + relevantElsSummary + ']'; } - detailsHTML += "
    " + caption; + detailsHTML += '"; + detailsHTML += ''; // add table rows using appropriate header from detailsRowHead array and relevant value from rowCells array for (var i = 0, len = rowCells.length; i < len; i++) { detailsHTML += - ""; + ''; } - detailsHTML += "
    ' + caption; - if (tableInfo.table.classList.contains("attributes")) { - detailsHTML += " [" + relevantElsCaption + "]"; + if (tableInfo.table.classList.contains('attributes')) { + detailsHTML += ' [' + relevantElsCaption + ']'; } - detailsHTML += "
    " + rowHeaders[i] + "" + rowCells[i] + "
    ' + + rowHeaders[i] + + '' + + rowCells[i] + + '
    "; + detailsHTML += '
    '; details.innerHTML = detailsHTML; // append the
    element to the detailsContainer div @@ -164,13 +178,13 @@ function mappingTables() { }); // add 'expand/collapse all' functionality - var expandAllButton = document.createElement("button"); - expandAllButton.className = "expand"; + var expandAllButton = document.createElement('button'); + expandAllButton.className = 'expand'; expandAllButton.innerHTML = mappingTableLabels.expand; - var collapseAllButton = document.createElement("button"); + var collapseAllButton = document.createElement('button'); collapseAllButton.disabled = true; - collapseAllButton.className = "collapse"; + collapseAllButton.className = 'collapse'; collapseAllButton.innerHTML = mappingTableLabels.collapse; tableInfo.detailsContainer.insertBefore( @@ -189,17 +203,17 @@ function mappingTables() { window.location = hash; var frag = document.querySelector(hash); // if frag id is for a summary element, expand the parent details element - if (frag && frag.tagName === "SUMMARY") { + if (frag && frag.tagName === 'SUMMARY') { expandReferredDetails(hash); } } // Add a hook to expand referred details element when whose @href is fragid of a is clicked. queryAll('a[href^="#"]').forEach(function (a) { - var fragId = a.getAttribute("href"); + var fragId = a.getAttribute('href'); - if (fragId.tagName === "SUMMARY") { - a.addEventListener("click", function () { + if (fragId.tagName === 'SUMMARY') { + a.addEventListener('click', function () { expandReferredDetails(fragId); }); } @@ -207,16 +221,18 @@ function mappingTables() { } document.addEventListener("DOMContentLoaded", () => { - document.querySelectorAll("button.switch-view").forEach(function (b) { - b.addEventListener("click", function () { - tableContainer = b.parentElement.querySelector(".table-container"); - table = tableContainer.querySelector("table"); - detailsContainer = b.parentElement.querySelector(".details"); - if (detailsContainer.style.display !== "none") { + document.querySelectorAll('button.switch-view').forEach(function (b){ + b.addEventListener('click', function () { + tableContainer = b.parentElement.querySelector('.table-container'); + table = tableContainer.querySelector('table'); + detailsContainer = b.parentElement.querySelector('.details'); + + if (detailsContainer.style.display !== 'none') { viewAsSingleTable(tableContainer, detailsContainer); // toggle the viewSwitch label from view-as-single-table to view-by-X - b.innerHTML = mappingTableLabels.viewByLabels[table.id]; + b.innerHTML = + mappingTableLabels.viewByLabels[table.id]; } else { viewAsDetails(tableContainer, detailsContainer); // toggle the viewSwitch label from view-by-X to view-as-single-table. @@ -226,30 +242,30 @@ document.addEventListener("DOMContentLoaded", () => { }); var expandCollapseDetails = function (detCont, action) { - queryAll("details", detCont).forEach(function (details) { - details.open = action !== "collapse"; + queryAll('details', detCont).forEach(function (details) { + details.open = action !== 'collapse' }); }; - document.querySelectorAll("button.expand").forEach(function (b) { - b.addEventListener("click", function () { + document.querySelectorAll('button.expand').forEach(function (b){ + b.addEventListener('click', function () { detailsContainer = b.parentElement; - expandCollapseDetails(detailsContainer, "expand"); + expandCollapseDetails(detailsContainer, 'expand'); b.disabled = true; b.parentElement - .querySelector("button.collapse") - .removeAttribute("disabled"); + .querySelector('button.collapse') + .removeAttribute('disabled'); }); }); - document.querySelectorAll("button.collapse").forEach(function (b) { - b.addEventListener("click", function () { + document.querySelectorAll('button.collapse').forEach(function (b){ + b.addEventListener('click', function () { detailsContainer = b.parentElement; - expandCollapseDetails(detailsContainer, "collapse"); + expandCollapseDetails(detailsContainer, 'collapse'); b.disabled = true; b.parentElement - .querySelector("button.expand") - .removeAttribute("disabled"); + .querySelector('button.expand') + .removeAttribute('disabled'); }); }); }); diff --git a/common/script/resolveReferences.js b/common/script/resolveReferences.js index ae105b6..5edb65e 100644 --- a/common/script/resolveReferences.js +++ b/common/script/resolveReferences.js @@ -37,7 +37,7 @@ function norm(str) { * @param {Boolean} noLC do not convert to lowercase * @returns {String} generated (or existing) id for element */ -function addId(elem, pfx = "", txt = "", noLC = false) { + function addId(elem, pfx = "", txt = "", noLC = false) { if (elem.id) { return elem.id; } @@ -74,38 +74,39 @@ function addId(elem, pfx = "", txt = "", noLC = false) { return id; } + // NOTE: this was taken from https://github.com/w3c/respec/blob/develop/src/core/utils.js#L474 while removing jQuery function getDfnTitles(elem) { const titleSet = new Set(); // data-lt-noDefault avoid using the text content of a definition // in the definition list. // ltNodefault is === "data-lt-noDefault"... someone screwed up 😖 - const normText = "ltNodefault" in elem.dataset ? "" : norm(elem.textContent); + const normText = 'ltNodefault' in elem.dataset ? '' : norm(elem.textContent); const child = /** @type {HTMLElement | undefined} */ (elem.children[0]); if (elem.dataset.lt) { // prefer @data-lt for the list of title aliases elem.dataset.lt - .split("|") + .split('|') .map((item) => norm(item)) .forEach((item) => titleSet.add(item)); } else if ( elem.childNodes.length === 1 && - elem.getElementsByTagName("abbr").length === 1 && + elem.getElementsByTagName('abbr').length === 1 && child.title ) { titleSet.add(child.title); } else if (elem.textContent === '""') { - titleSet.add("the-empty-string"); + titleSet.add('the-empty-string'); } titleSet.add(normText); - titleSet.delete(""); + titleSet.delete(''); // We could have done this with @data-lt (as the logic is same), but if // @data-lt was not present, we would end up using @data-local-lt as element's // id (in other words, we prefer textContent over @data-local-lt for dfn id) if (elem.dataset.localLt) { - const localLt = elem.dataset.localLt.split("|"); + const localLt = elem.dataset.localLt.split('|'); localLt.forEach((item) => titleSet.add(norm(item))); } @@ -114,7 +115,7 @@ function getDfnTitles(elem) { } function linkCrossReferences() { - "use strict"; + 'use strict'; var specBaseURL = respecConfig.ariaSpecURLs ? respecConfig.ariaSpecURLs[respecConfig.specStatus] @@ -150,90 +151,91 @@ function linkCrossReferences() { Array.prototype.slice .call(document.querySelectorAll(selString)) .forEach(function (el) { - var href = el.getAttribute("href"); - el.setAttribute("href", baseUrl + href); + var href = el.getAttribute('href'); + el.setAttribute('href', baseUrl + href); }); } // First the links to the definitions of roles, states, and properties. if (!!specBaseURL) { setHrefs( - "a.role-reference, a.property-reference, a.state-reference, a.specref", + 'a.role-reference, a.property-reference, a.state-reference, a.specref', specBaseURL ); } else { - console.log("linkCrossReferences(): specBaseURL is not defined."); + console.log('linkCrossReferences(): specBaseURL is not defined.'); } // Second, for links to role, state, and property mappings in the core mapping // doc. if (!!coreMappingURL) { - setHrefs("a.core-mapping", coreMappingURL); + setHrefs('a.core-mapping', coreMappingURL); } else { console.log( - "linkCrossReferences(): Note -- coreMappingURL is not defined." + 'linkCrossReferences(): Note -- coreMappingURL is not defined.' ); } // Third, for links into the accname document. if (!!accNameURL) { - setHrefs("a.accname", accNameURL); + setHrefs('a.accname', accNameURL); } else { - console.log("linkCrossReferences(): Note -- accNameURL is not defined."); + console.log('linkCrossReferences(): Note -- accNameURL is not defined.'); } // Fourth, for links to role, state, and property mappings in the html mapping // doc. if (!!htmlMappingURL) { - setHrefs("a.html-mapping", htmlMappingURL); + setHrefs('a.html-mapping', htmlMappingURL); } else { console.log( - "linkCrossReferences(): Note -- htmlMappingURL is not defined." + 'linkCrossReferences(): Note -- htmlMappingURL is not defined.' ); } // Links to the DPub WAI-ARIA Module. if (!!dpubModURL) { setHrefs( - "a.dpub-role-reference, a.dpub-property-reference, a.dpub-state-reference, a.dpub", + 'a.dpub-role-reference, a.dpub-property-reference, a.dpub-state-reference, a.dpub', dpubModURL ); } else { - console.log("linkCrossReferences(): dpubModURL is not defined."); + console.log('linkCrossReferences(): dpubModURL is not defined.'); } // Links to the Graphics WAI-ARIA Module. if (!!graphicsModURL) { setHrefs( - "a.graphics-role-reference, a.graphics-property-reference, a.graphics-state-reference, a.graphics", + 'a.graphics-role-reference, a.graphics-property-reference, a.graphics-state-reference, a.graphics', graphicsModURL ); } else { - console.log("linkCrossReferences(): graphicsModURL is not defined."); + console.log('linkCrossReferences(): graphicsModURL is not defined.'); } // Links to the Graphics Mapping WAI-ARIA Module. if (!!graphicsMappingModURL) { setHrefs( - "a.graphics-role-mapping, a.graphics-property-mapping, a.graphics-state-mapping, a.graphics-mapping", + 'a.graphics-role-mapping, a.graphics-property-mapping, a.graphics-state-mapping, a.graphics-mapping', graphicsMappingModURL ); } else { console.log( - "linkCrossReferences(): graphicsMappingModURL is not defined." + 'linkCrossReferences(): graphicsMappingModURL is not defined.' ); } // Links to the Authoring Practices. if (!!practicesURL) { - setHrefs("a.practices", practicesURL); + setHrefs('a.practices', practicesURL); } else { - console.log("linkCrossReferences(): practicesURL is not defined."); + console.log('linkCrossReferences(): practicesURL is not defined.'); } // Update any terms linked using termref to be informative as all aria terms are linked informatively Array.prototype.slice - .call(document.querySelectorAll(".termref")) - .forEach(function (item) { - item.classList.add("informative"); - }); + .call(document.querySelectorAll('.termref')) + .forEach(function (item) { + item.classList.add("informative"); + }); } + function updateReferences(base) { // update references to properties // @@ -243,20 +245,20 @@ function updateReferences(base) { // 2. if we have not already seen this item in this section, it is a link using 'a' // 3. otherwise, it is just a styled reference to the item using 'code' - "use strict"; + 'use strict'; var baseURL = respecConfig.ariaSpecURLs[respecConfig.specStatus]; var sectionMap = {}; Array.prototype.slice - .call(base.querySelectorAll("pref, sref, rref")) + .call(base.querySelectorAll('pref, sref, rref')) .forEach(function (item) { // what are we referencing? var content = item.innerText; var usedTitle = false; - var ref = item.getAttribute("title"); + var ref = item.getAttribute('title'); if (!ref) { - ref = item.getAttribute("data-lt"); + ref = item.getAttribute('data-lt'); if (!ref) { ref = content; } else { @@ -266,27 +268,24 @@ function updateReferences(base) { usedTitle = true; } - var isPreref = item.tagName.toLowerCase() === "pref"; - var isSref = item.tagName.toLowerCase() === "sref"; + var isPreref = item.tagName.toLowerCase() === 'pref'; + var isSref = item.tagName.toLowerCase() === 'sref'; // what sort of reference are we? var theClass = isPreref - ? "property-reference" + ? 'property-reference' : isSref - ? "state-reference" - : "role-reference"; + ? 'state-reference' + : 'role-reference'; // property and state references are assumed to be in the parent document // a role reference might be local or might be elsewhere - var URL = isPreref || isSref ? baseURL + "#" : "#"; + var URL = isPreref || isSref ? baseURL + '#' : '#'; // assume we are making a link - var theElement = "a"; + var theElement = 'a'; // pSec is the nearest parent section element - var parentNodes = parents( - item, - "section, div.role, div.state, div.property" - ); + var parentNodes = parents(item, 'section, div.role, div.state, div.property'); if (parentNodes) { var pSec = parentNodes[0]; var pID = pSec.id; @@ -294,11 +293,11 @@ function updateReferences(base) { if (sectionMap[pID]) { if (sectionMap[pID][ref]) { // only change the element if we not in a table or a dl - if (parents(item, "table dl").length === 0) { + if (parents(item, 'table dl').length === 0) { if (usedTitle) { - theElement = "span"; + theElement = 'span'; } else { - theElement = "code"; + theElement = 'code'; } } } else { @@ -311,22 +310,22 @@ function updateReferences(base) { } } - if (theElement === "a" && item.tagName.toLowerCase() === "rref") { - if (typeof localRoleInfo !== "undefined" && localRoleInfo[ref]) { + if (theElement === 'a' && item.tagName.toLowerCase() === 'rref') { + if (typeof localRoleInfo !== 'undefined' && localRoleInfo[ref]) { ref = localRoleInfo[ref].fragID; } else if (baseURL && roleInfo[ref]) { ref = roleInfo[ref].fragID; - URL = baseURL + "#"; + URL = baseURL + '#'; } else { // no roleInfo structure. Make an assumption - URL = baseURL + "#"; + URL = baseURL + '#'; } } var sp = document.createElement(theElement); - if (theElement === "a") { + if (theElement === 'a') { sp.href = URL + ref; sp.className = theClass; - content = "" + content + ""; + content = '' + content + ''; } sp.innerHTML = content; item.parentElement.replaceChild(sp, item); @@ -339,17 +338,17 @@ function updateReferences(base) { var termNames = []; function restrictReferences(utils, content) { - "use strict"; - var base = document.createElement("div"); + 'use strict'; + var base = document.createElement('div'); base.innerHTML = content; updateReferences(base); // strategy: Traverse the content finding all of the terms defined Array.prototype.slice - .call(base.querySelectorAll("dfn")) + .call(base.querySelectorAll('dfn')) .forEach(function (item) { var titles = getDfnTitles(item); - var n = addId(item, "dfn", titles[0]); + var n = addId(item, 'dfn', titles[0]); if (n) { termNames[n] = item.parentNode; @@ -359,12 +358,14 @@ function restrictReferences(utils, content) { return base.innerHTML; } + + // included files are brought in after proProc. Create a DOM tree // of content then call the updateReferences method above on it. Return // the transformed content function fixIncludes(utils, content) { - "use strict"; - var base = document.createElement("div"); + 'use strict'; + var base = document.createElement('div'); base.innerHTML = content; updateReferences(base); return base.innerHTML; diff --git a/common/script/roleInfo.js b/common/script/roleInfo.js index 32e0469..b0cb7e0 100644 --- a/common/script/roleInfo.js +++ b/common/script/roleInfo.js @@ -1,8757 +1,8971 @@ -/* This file is generated - do not modify */ var roleInfo = { - alert: { - name: "alert", - fragID: "alert", - parentRoles: ["section"], - localprops: [], - allprops: [ +/* This file is generated - do not modify */var roleInfo = { + "alert": { + "name": "alert", + "fragID": "alert", + "parentRoles": [ + "section" + ], + "localprops": [], + "allprops": [ { - is: "property", - name: "aria-atomic", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-atomic", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-braillelabel", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-braillelabel", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-brailleroledescription", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-brailleroledescription", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "state", - name: "aria-busy", - required: false, - disallowed: false, - deprecated: false, + "is": "state", + "name": "aria-busy", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-controls", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-controls", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "state", - name: "aria-current", - required: false, - disallowed: false, - deprecated: false, + "is": "state", + "name": "aria-current", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-describedby", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-describedby", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-description", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-description", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-details", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-details", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "state", - name: "aria-disabled", - required: false, - disallowed: false, - deprecated: true, + "is": "state", + "name": "aria-disabled", + "required": false, + "disallowed": false, + "deprecated": true }, { - is: "property", - name: "aria-dropeffect", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-dropeffect", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-errormessage", - required: false, - disallowed: false, - deprecated: true, + "is": "property", + "name": "aria-errormessage", + "required": false, + "disallowed": false, + "deprecated": true }, { - is: "property", - name: "aria-flowto", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-flowto", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "state", - name: "aria-grabbed", - required: false, - disallowed: false, - deprecated: false, + "is": "state", + "name": "aria-grabbed", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-haspopup", - required: false, - disallowed: false, - deprecated: true, + "is": "property", + "name": "aria-haspopup", + "required": false, + "disallowed": false, + "deprecated": true }, { - is: "state", - name: "aria-hidden", - required: false, - disallowed: false, - deprecated: false, + "is": "state", + "name": "aria-hidden", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "state", - name: "aria-invalid", - required: false, - disallowed: false, - deprecated: true, + "is": "state", + "name": "aria-invalid", + "required": false, + "disallowed": false, + "deprecated": true }, { - is: "property", - name: "aria-keyshortcuts", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-keyshortcuts", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-label", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-label", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-labelledby", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-labelledby", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-live", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-live", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-owns", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-owns", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-relevant", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-relevant", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-roledescription", - required: false, - disallowed: false, - deprecated: false, - }, - ], + "is": "property", + "name": "aria-roledescription", + "required": false, + "disallowed": false, + "deprecated": false + } + ] }, - alertdialog: { - name: "alertdialog", - fragID: "alertdialog", - parentRoles: ["alert", "dialog"], - localprops: [], + "alertdialog": { + "name": "alertdialog", + "fragID": "alertdialog", + "parentRoles": [ + "alert", + "dialog" + ], + "localprops": [] }, - application: { - name: "application", - fragID: "application", - parentRoles: ["structure"], - localprops: [ + "application": { + "name": "application", + "fragID": "application", + "parentRoles": [ + "structure" + ], + "localprops": [ { - is: "property", - name: "aria-activedescendant", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-activedescendant", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "state", - name: "aria-disabled", - required: false, - disallowed: false, - deprecated: false, + "is": "state", + "name": "aria-disabled", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-errormessage", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-errormessage", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "state", - name: "aria-expanded", - required: false, - disallowed: false, - deprecated: false, + "is": "state", + "name": "aria-expanded", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-haspopup", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-haspopup", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "state", - name: "aria-invalid", - required: false, - disallowed: false, - deprecated: false, - }, - ], + "is": "state", + "name": "aria-invalid", + "required": false, + "disallowed": false, + "deprecated": false + } + ] }, - article: { - name: "article", - fragID: "article", - parentRoles: ["document"], - localprops: [ + "article": { + "name": "article", + "fragID": "article", + "parentRoles": [ + "document" + ], + "localprops": [ { - is: "property", - name: "aria-posinset", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-posinset", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-setsize", - required: false, - disallowed: false, - deprecated: false, - }, + "is": "property", + "name": "aria-setsize", + "required": false, + "disallowed": false, + "deprecated": false + } ], - allprops: [ + "allprops": [ { - is: "property", - name: "aria-posinset", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-posinset", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-setsize", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-setsize", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-atomic", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-atomic", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-braillelabel", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-braillelabel", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-brailleroledescription", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-brailleroledescription", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "state", - name: "aria-busy", - required: false, - disallowed: false, - deprecated: false, + "is": "state", + "name": "aria-busy", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-controls", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-controls", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "state", - name: "aria-current", - required: false, - disallowed: false, - deprecated: false, + "is": "state", + "name": "aria-current", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-describedby", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-describedby", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-description", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-description", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-details", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-details", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "state", - name: "aria-disabled", - required: false, - disallowed: false, - deprecated: true, + "is": "state", + "name": "aria-disabled", + "required": false, + "disallowed": false, + "deprecated": true }, { - is: "property", - name: "aria-dropeffect", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-dropeffect", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-errormessage", - required: false, - disallowed: false, - deprecated: true, + "is": "property", + "name": "aria-errormessage", + "required": false, + "disallowed": false, + "deprecated": true }, { - is: "property", - name: "aria-flowto", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-flowto", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "state", - name: "aria-grabbed", - required: false, - disallowed: false, - deprecated: false, + "is": "state", + "name": "aria-grabbed", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-haspopup", - required: false, - disallowed: false, - deprecated: true, + "is": "property", + "name": "aria-haspopup", + "required": false, + "disallowed": false, + "deprecated": true }, { - is: "state", - name: "aria-hidden", - required: false, - disallowed: false, - deprecated: false, + "is": "state", + "name": "aria-hidden", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "state", - name: "aria-invalid", - required: false, - disallowed: false, - deprecated: true, + "is": "state", + "name": "aria-invalid", + "required": false, + "disallowed": false, + "deprecated": true }, { - is: "property", - name: "aria-keyshortcuts", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-keyshortcuts", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-label", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-label", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-labelledby", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-labelledby", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-live", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-live", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-owns", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-owns", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-relevant", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-relevant", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-roledescription", - required: false, - disallowed: false, - deprecated: false, - }, - ], + "is": "property", + "name": "aria-roledescription", + "required": false, + "disallowed": false, + "deprecated": false + } + ] }, - associationlist: { - name: "associationlist", - fragID: "associationlist", - parentRoles: ["section"], - localprops: [], + "associationlist": { + "name": "associationlist", + "fragID": "associationlist", + "parentRoles": [ + "section" + ], + "localprops": [] }, - associationlistitemkey: { - name: "associationlistitemkey", - fragID: "associationlistitemkey", - parentRoles: ["section"], - localprops: [ + "associationlistitemkey": { + "name": "associationlistitemkey", + "fragID": "associationlistitemkey", + "parentRoles": [ + "section" + ], + "localprops": [ { - is: "property", - name: "aria-level", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-level", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-posinset", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-posinset", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-setsize", - required: false, - disallowed: false, - deprecated: false, - }, - ], + "is": "property", + "name": "aria-setsize", + "required": false, + "disallowed": false, + "deprecated": false + } + ] }, - associationlistitemvalue: { - name: "associationlistitemvalue", - fragID: "associationlistitemvalue", - parentRoles: ["section"], - localprops: [ - { - is: "property", - name: "aria-posinset", - required: false, - disallowed: false, - deprecated: false, - }, - { - is: "property", - name: "aria-setsize", - required: false, - disallowed: false, - deprecated: false, - }, + "associationlistitemvalue": { + "name": "associationlistitemvalue", + "fragID": "associationlistitemvalue", + "parentRoles": [ + "section" ], + "localprops": [ + { + "is": "property", + "name": "aria-posinset", + "required": false, + "disallowed": false, + "deprecated": false + }, + { + "is": "property", + "name": "aria-setsize", + "required": false, + "disallowed": false, + "deprecated": false + } + ] }, - banner: { - name: "banner", - fragID: "banner", - parentRoles: ["landmark"], - localprops: [], + "banner": { + "name": "banner", + "fragID": "banner", + "parentRoles": [ + "landmark" + ], + "localprops": [] }, - blockquote: { - name: "blockquote", - fragID: "blockquote", - parentRoles: ["section"], - localprops: [], + "blockquote": { + "name": "blockquote", + "fragID": "blockquote", + "parentRoles": [ + "section" + ], + "localprops": [] }, - button: { - name: "button", - fragID: "button", - parentRoles: ["command"], - localprops: [ + "button": { + "name": "button", + "fragID": "button", + "parentRoles": [ + "command" + ], + "localprops": [ { - is: "state", - name: "aria-disabled", - required: false, - disallowed: false, - deprecated: false, + "is": "state", + "name": "aria-disabled", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-haspopup", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-haspopup", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "state", - name: "aria-expanded", - required: false, - disallowed: false, - deprecated: false, + "is": "state", + "name": "aria-expanded", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "state", - name: "aria-pressed", - required: false, - disallowed: false, - deprecated: false, - }, - ], + "is": "state", + "name": "aria-pressed", + "required": false, + "disallowed": false, + "deprecated": false + } + ] }, - caption: { - name: "caption", - fragID: "caption", - parentRoles: ["section"], - localprops: [ - { - is: "property", - name: "aria-label", - required: false, - disallowed: true, - deprecated: false, - }, - { - is: "property", - name: "aria-labelledby", - required: false, - disallowed: true, - deprecated: false, - }, + "caption": { + "name": "caption", + "fragID": "caption", + "parentRoles": [ + "section" ], + "localprops": [ + { + "is": "property", + "name": "aria-label", + "required": false, + "disallowed": true, + "deprecated": false + }, + { + "is": "property", + "name": "aria-labelledby", + "required": false, + "disallowed": true, + "deprecated": false + } + ] }, - cell: { - name: "cell", - fragID: "cell", - parentRoles: ["section"], - localprops: [ + "cell": { + "name": "cell", + "fragID": "cell", + "parentRoles": [ + "section" + ], + "localprops": [ { - is: "property", - name: "aria-colindex", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-colindex", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-colindextext", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-colindextext", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-colspan", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-colspan", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-rowindex", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-rowindex", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-rowindextext", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-rowindextext", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-rowspan", - required: false, - disallowed: false, - deprecated: false, - }, + "is": "property", + "name": "aria-rowspan", + "required": false, + "disallowed": false, + "deprecated": false + } ], - allprops: [ + "allprops": [ { - is: "property", - name: "aria-colindex", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-colindex", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-colindextext", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-colindextext", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-colspan", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-colspan", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-rowindex", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-rowindex", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-rowindextext", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-rowindextext", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-rowspan", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-rowspan", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-atomic", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-atomic", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-braillelabel", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-braillelabel", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-brailleroledescription", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-brailleroledescription", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "state", - name: "aria-busy", - required: false, - disallowed: false, - deprecated: false, + "is": "state", + "name": "aria-busy", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-controls", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-controls", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "state", - name: "aria-current", - required: false, - disallowed: false, - deprecated: false, + "is": "state", + "name": "aria-current", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-describedby", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-describedby", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-description", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-description", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-details", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-details", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "state", - name: "aria-disabled", - required: false, - disallowed: false, - deprecated: true, + "is": "state", + "name": "aria-disabled", + "required": false, + "disallowed": false, + "deprecated": true }, { - is: "property", - name: "aria-dropeffect", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-dropeffect", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-errormessage", - required: false, - disallowed: false, - deprecated: true, + "is": "property", + "name": "aria-errormessage", + "required": false, + "disallowed": false, + "deprecated": true }, { - is: "property", - name: "aria-flowto", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-flowto", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "state", - name: "aria-grabbed", - required: false, - disallowed: false, - deprecated: false, + "is": "state", + "name": "aria-grabbed", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-haspopup", - required: false, - disallowed: false, - deprecated: true, + "is": "property", + "name": "aria-haspopup", + "required": false, + "disallowed": false, + "deprecated": true }, { - is: "state", - name: "aria-hidden", - required: false, - disallowed: false, - deprecated: false, + "is": "state", + "name": "aria-hidden", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "state", - name: "aria-invalid", - required: false, - disallowed: false, - deprecated: true, + "is": "state", + "name": "aria-invalid", + "required": false, + "disallowed": false, + "deprecated": true }, { - is: "property", - name: "aria-keyshortcuts", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-keyshortcuts", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-label", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-label", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-labelledby", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-labelledby", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-live", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-live", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-owns", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-owns", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-relevant", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-relevant", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-roledescription", - required: false, - disallowed: false, - deprecated: false, - }, - ], + "is": "property", + "name": "aria-roledescription", + "required": false, + "disallowed": false, + "deprecated": false + } + ] }, - checkbox: { - name: "checkbox", - fragID: "checkbox", - parentRoles: ["input"], - localprops: [ + "checkbox": { + "name": "checkbox", + "fragID": "checkbox", + "parentRoles": [ + "input" + ], + "localprops": [ { - is: "state", - name: "aria-checked", - required: true, - disallowed: false, - deprecated: false, + "is": "state", + "name": "aria-checked", + "required": true, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-errormessage", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-errormessage", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "state", - name: "aria-expanded", - required: false, - disallowed: false, - deprecated: false, + "is": "state", + "name": "aria-expanded", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "state", - name: "aria-invalid", - required: false, - disallowed: false, - deprecated: false, + "is": "state", + "name": "aria-invalid", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-readonly", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-readonly", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-required", - required: false, - disallowed: false, - deprecated: false, - }, + "is": "property", + "name": "aria-required", + "required": false, + "disallowed": false, + "deprecated": false + } ], - allprops: [ + "allprops": [ { - is: "state", - name: "aria-checked", - required: true, - disallowed: false, - deprecated: false, + "is": "state", + "name": "aria-checked", + "required": true, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-errormessage", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-errormessage", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "state", - name: "aria-expanded", - required: false, - disallowed: false, - deprecated: false, + "is": "state", + "name": "aria-expanded", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "state", - name: "aria-invalid", - required: false, - disallowed: false, - deprecated: false, + "is": "state", + "name": "aria-invalid", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-readonly", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-readonly", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-required", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-required", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "state", - name: "aria-disabled", - required: false, - disallowed: false, - deprecated: false, + "is": "state", + "name": "aria-disabled", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-atomic", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-atomic", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-braillelabel", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-braillelabel", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-brailleroledescription", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-brailleroledescription", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "state", - name: "aria-busy", - required: false, - disallowed: false, - deprecated: false, + "is": "state", + "name": "aria-busy", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-controls", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-controls", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "state", - name: "aria-current", - required: false, - disallowed: false, - deprecated: false, + "is": "state", + "name": "aria-current", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-describedby", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-describedby", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-description", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-description", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-details", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-details", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "state", - name: "aria-disabled", - required: false, - disallowed: false, - deprecated: true, + "is": "state", + "name": "aria-disabled", + "required": false, + "disallowed": false, + "deprecated": true }, { - is: "property", - name: "aria-dropeffect", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-dropeffect", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-errormessage", - required: false, - disallowed: false, - deprecated: true, + "is": "property", + "name": "aria-errormessage", + "required": false, + "disallowed": false, + "deprecated": true }, { - is: "property", - name: "aria-flowto", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-flowto", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "state", - name: "aria-grabbed", - required: false, - disallowed: false, - deprecated: false, + "is": "state", + "name": "aria-grabbed", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-haspopup", - required: false, - disallowed: false, - deprecated: true, + "is": "property", + "name": "aria-haspopup", + "required": false, + "disallowed": false, + "deprecated": true }, { - is: "state", - name: "aria-hidden", - required: false, - disallowed: false, - deprecated: false, + "is": "state", + "name": "aria-hidden", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "state", - name: "aria-invalid", - required: false, - disallowed: false, - deprecated: true, + "is": "state", + "name": "aria-invalid", + "required": false, + "disallowed": false, + "deprecated": true }, { - is: "property", - name: "aria-keyshortcuts", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-keyshortcuts", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-label", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-label", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-labelledby", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-labelledby", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-live", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-live", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-owns", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-owns", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-relevant", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-relevant", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-roledescription", - required: false, - disallowed: false, - deprecated: false, - }, - ], + "is": "property", + "name": "aria-roledescription", + "required": false, + "disallowed": false, + "deprecated": false + } + ] }, - code: { - name: "code", - fragID: "code", - parentRoles: ["section"], - localprops: [ - { - is: "property", - name: "aria-label", - required: false, - disallowed: true, - deprecated: false, - }, - { - is: "property", - name: "aria-labelledby", - required: false, - disallowed: true, - deprecated: false, - }, + "code": { + "name": "code", + "fragID": "code", + "parentRoles": [ + "section" ], + "localprops": [ + { + "is": "property", + "name": "aria-label", + "required": false, + "disallowed": true, + "deprecated": false + }, + { + "is": "property", + "name": "aria-labelledby", + "required": false, + "disallowed": true, + "deprecated": false + } + ] }, - columnheader: { - name: "columnheader", - fragID: "columnheader", - parentRoles: ["cell", "gridcell", "sectionhead"], - localprops: [ - { - is: "property", - name: "aria-sort", - required: false, - disallowed: false, - deprecated: false, - }, + "columnheader": { + "name": "columnheader", + "fragID": "columnheader", + "parentRoles": [ + "cell", + "gridcell", + "sectionhead" ], + "localprops": [ + { + "is": "property", + "name": "aria-sort", + "required": false, + "disallowed": false, + "deprecated": false + } + ] }, - combobox: { - name: "combobox", - fragID: "combobox", - parentRoles: ["input"], - localprops: [ + "combobox": { + "name": "combobox", + "fragID": "combobox", + "parentRoles": [ + "input" + ], + "localprops": [ { - is: "state", - name: "aria-expanded", - required: true, - disallowed: false, - deprecated: false, + "is": "state", + "name": "aria-expanded", + "required": true, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-activedescendant", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-activedescendant", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-autocomplete", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-autocomplete", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-controls", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-controls", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-errormessage", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-errormessage", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-haspopup", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-haspopup", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "state", - name: "aria-invalid", - required: false, - disallowed: false, - deprecated: false, + "is": "state", + "name": "aria-invalid", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-readonly", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-readonly", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-required", - required: false, - disallowed: false, - deprecated: false, - }, - ], + "is": "property", + "name": "aria-required", + "required": false, + "disallowed": false, + "deprecated": false + } + ] }, - command: { - name: "command", - fragID: "command", - parentRoles: ["widget"], - localprops: [], - allprops: [ + "command": { + "name": "command", + "fragID": "command", + "parentRoles": [ + "widget" + ], + "localprops": [], + "allprops": [ { - is: "property", - name: "aria-atomic", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-atomic", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-braillelabel", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-braillelabel", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-brailleroledescription", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-brailleroledescription", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "state", - name: "aria-busy", - required: false, - disallowed: false, - deprecated: false, + "is": "state", + "name": "aria-busy", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-controls", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-controls", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "state", - name: "aria-current", - required: false, - disallowed: false, - deprecated: false, + "is": "state", + "name": "aria-current", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-describedby", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-describedby", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-description", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-description", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-details", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-details", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "state", - name: "aria-disabled", - required: false, - disallowed: false, - deprecated: true, + "is": "state", + "name": "aria-disabled", + "required": false, + "disallowed": false, + "deprecated": true }, { - is: "property", - name: "aria-dropeffect", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-dropeffect", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-errormessage", - required: false, - disallowed: false, - deprecated: true, + "is": "property", + "name": "aria-errormessage", + "required": false, + "disallowed": false, + "deprecated": true }, { - is: "property", - name: "aria-flowto", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-flowto", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "state", - name: "aria-grabbed", - required: false, - disallowed: false, - deprecated: false, + "is": "state", + "name": "aria-grabbed", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-haspopup", - required: false, - disallowed: false, - deprecated: true, + "is": "property", + "name": "aria-haspopup", + "required": false, + "disallowed": false, + "deprecated": true }, { - is: "state", - name: "aria-hidden", - required: false, - disallowed: false, - deprecated: false, + "is": "state", + "name": "aria-hidden", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "state", - name: "aria-invalid", - required: false, - disallowed: false, - deprecated: true, + "is": "state", + "name": "aria-invalid", + "required": false, + "disallowed": false, + "deprecated": true }, { - is: "property", - name: "aria-keyshortcuts", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-keyshortcuts", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-label", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-label", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-labelledby", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-labelledby", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-live", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-live", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-owns", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-owns", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-relevant", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-relevant", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-roledescription", - required: false, - disallowed: false, - deprecated: false, - }, - ], + "is": "property", + "name": "aria-roledescription", + "required": false, + "disallowed": false, + "deprecated": false + } + ] }, - comment: { - name: "comment", - fragID: "comment", - parentRoles: ["article"], - localprops: [ + "comment": { + "name": "comment", + "fragID": "comment", + "parentRoles": [ + "article" + ], + "localprops": [ { - is: "property", - name: "aria-level", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-level", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-posinset", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-posinset", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-setsize", - required: false, - disallowed: false, - deprecated: false, - }, - ], + "is": "property", + "name": "aria-setsize", + "required": false, + "disallowed": false, + "deprecated": false + } + ] }, - complementary: { - name: "complementary", - fragID: "complementary", - parentRoles: ["landmark"], - localprops: [], + "complementary": { + "name": "complementary", + "fragID": "complementary", + "parentRoles": [ + "landmark" + ], + "localprops": [] }, - composite: { - name: "composite", - fragID: "composite", - parentRoles: ["widget"], - localprops: [ + "composite": { + "name": "composite", + "fragID": "composite", + "parentRoles": [ + "widget" + ], + "localprops": [ { - is: "property", - name: "aria-activedescendant", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-activedescendant", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "state", - name: "aria-disabled", - required: false, - disallowed: false, - deprecated: false, - }, + "is": "state", + "name": "aria-disabled", + "required": false, + "disallowed": false, + "deprecated": false + } ], - allprops: [ + "allprops": [ { - is: "property", - name: "aria-activedescendant", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-activedescendant", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "state", - name: "aria-disabled", - required: false, - disallowed: false, - deprecated: false, + "is": "state", + "name": "aria-disabled", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-atomic", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-atomic", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-braillelabel", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-braillelabel", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-brailleroledescription", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-brailleroledescription", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "state", - name: "aria-busy", - required: false, - disallowed: false, - deprecated: false, + "is": "state", + "name": "aria-busy", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-controls", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-controls", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "state", - name: "aria-current", - required: false, - disallowed: false, - deprecated: false, + "is": "state", + "name": "aria-current", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-describedby", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-describedby", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-description", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-description", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-details", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-details", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "state", - name: "aria-disabled", - required: false, - disallowed: false, - deprecated: true, + "is": "state", + "name": "aria-disabled", + "required": false, + "disallowed": false, + "deprecated": true }, { - is: "property", - name: "aria-dropeffect", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-dropeffect", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-errormessage", - required: false, - disallowed: false, - deprecated: true, + "is": "property", + "name": "aria-errormessage", + "required": false, + "disallowed": false, + "deprecated": true }, { - is: "property", - name: "aria-flowto", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-flowto", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "state", - name: "aria-grabbed", - required: false, - disallowed: false, - deprecated: false, + "is": "state", + "name": "aria-grabbed", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-haspopup", - required: false, - disallowed: false, - deprecated: true, + "is": "property", + "name": "aria-haspopup", + "required": false, + "disallowed": false, + "deprecated": true }, { - is: "state", - name: "aria-hidden", - required: false, - disallowed: false, - deprecated: false, + "is": "state", + "name": "aria-hidden", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "state", - name: "aria-invalid", - required: false, - disallowed: false, - deprecated: true, + "is": "state", + "name": "aria-invalid", + "required": false, + "disallowed": false, + "deprecated": true }, { - is: "property", - name: "aria-keyshortcuts", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-keyshortcuts", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-label", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-label", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-labelledby", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-labelledby", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-live", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-live", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-owns", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-owns", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-relevant", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-relevant", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-roledescription", - required: false, - disallowed: false, - deprecated: false, - }, - ], + "is": "property", + "name": "aria-roledescription", + "required": false, + "disallowed": false, + "deprecated": false + } + ] }, - contentinfo: { - name: "contentinfo", - fragID: "contentinfo", - parentRoles: ["landmark"], - localprops: [], + "contentinfo": { + "name": "contentinfo", + "fragID": "contentinfo", + "parentRoles": [ + "landmark" + ], + "localprops": [] }, - definition: { - name: "definition", - fragID: "definition", - parentRoles: ["section"], - localprops: [ - { - is: "property", - name: "aria-label", - required: false, - disallowed: true, - deprecated: false, - }, - { - is: "property", - name: "aria-labelledby", - required: false, - disallowed: true, - deprecated: false, - }, + "definition": { + "name": "definition", + "fragID": "definition", + "parentRoles": [ + "section" ], + "localprops": [ + { + "is": "property", + "name": "aria-label", + "required": false, + "disallowed": true, + "deprecated": false + }, + { + "is": "property", + "name": "aria-labelledby", + "required": false, + "disallowed": true, + "deprecated": false + } + ] }, - deletion: { - name: "deletion", - fragID: "deletion", - parentRoles: ["section"], - localprops: [ - { - is: "property", - name: "aria-label", - required: false, - disallowed: true, - deprecated: false, - }, - { - is: "property", - name: "aria-labelledby", - required: false, - disallowed: true, - deprecated: false, - }, + "deletion": { + "name": "deletion", + "fragID": "deletion", + "parentRoles": [ + "section" ], + "localprops": [ + { + "is": "property", + "name": "aria-label", + "required": false, + "disallowed": true, + "deprecated": false + }, + { + "is": "property", + "name": "aria-labelledby", + "required": false, + "disallowed": true, + "deprecated": false + } + ] }, - dialog: { - name: "dialog", - fragID: "dialog", - parentRoles: ["window"], - localprops: [], - allprops: [ + "dialog": { + "name": "dialog", + "fragID": "dialog", + "parentRoles": [ + "window" + ], + "localprops": [], + "allprops": [ { - is: "property", - name: "aria-modal", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-modal", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-atomic", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-atomic", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-braillelabel", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-braillelabel", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-brailleroledescription", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-brailleroledescription", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "state", - name: "aria-busy", - required: false, - disallowed: false, - deprecated: false, + "is": "state", + "name": "aria-busy", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-controls", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-controls", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "state", - name: "aria-current", - required: false, - disallowed: false, - deprecated: false, + "is": "state", + "name": "aria-current", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-describedby", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-describedby", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-description", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-description", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-details", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-details", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "state", - name: "aria-disabled", - required: false, - disallowed: false, - deprecated: true, + "is": "state", + "name": "aria-disabled", + "required": false, + "disallowed": false, + "deprecated": true }, { - is: "property", - name: "aria-dropeffect", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-dropeffect", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-errormessage", - required: false, - disallowed: false, - deprecated: true, + "is": "property", + "name": "aria-errormessage", + "required": false, + "disallowed": false, + "deprecated": true }, { - is: "property", - name: "aria-flowto", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-flowto", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "state", - name: "aria-grabbed", - required: false, - disallowed: false, - deprecated: false, + "is": "state", + "name": "aria-grabbed", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-haspopup", - required: false, - disallowed: false, - deprecated: true, + "is": "property", + "name": "aria-haspopup", + "required": false, + "disallowed": false, + "deprecated": true }, { - is: "state", - name: "aria-hidden", - required: false, - disallowed: false, - deprecated: false, + "is": "state", + "name": "aria-hidden", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "state", - name: "aria-invalid", - required: false, - disallowed: false, - deprecated: true, + "is": "state", + "name": "aria-invalid", + "required": false, + "disallowed": false, + "deprecated": true }, { - is: "property", - name: "aria-keyshortcuts", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-keyshortcuts", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-label", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-label", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-labelledby", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-labelledby", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-live", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-live", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-owns", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-owns", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-relevant", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-relevant", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-roledescription", - required: false, - disallowed: false, - deprecated: false, - }, - ], + "is": "property", + "name": "aria-roledescription", + "required": false, + "disallowed": false, + "deprecated": false + } + ] }, - directory: { - name: "directory", - fragID: "directory", - parentRoles: ["list"], - localprops: [], + "directory": { + "name": "directory", + "fragID": "directory", + "parentRoles": [ + "list" + ], + "localprops": [] }, - document: { - name: "document", - fragID: "document", - parentRoles: ["structure"], - localprops: [], - allprops: [ + "document": { + "name": "document", + "fragID": "document", + "parentRoles": [ + "structure" + ], + "localprops": [], + "allprops": [ { - is: "property", - name: "aria-atomic", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-atomic", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-braillelabel", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-braillelabel", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-brailleroledescription", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-brailleroledescription", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "state", - name: "aria-busy", - required: false, - disallowed: false, - deprecated: false, + "is": "state", + "name": "aria-busy", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-controls", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-controls", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "state", - name: "aria-current", - required: false, - disallowed: false, - deprecated: false, + "is": "state", + "name": "aria-current", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-describedby", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-describedby", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-description", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-description", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-details", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-details", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "state", - name: "aria-disabled", - required: false, - disallowed: false, - deprecated: true, + "is": "state", + "name": "aria-disabled", + "required": false, + "disallowed": false, + "deprecated": true }, { - is: "property", - name: "aria-dropeffect", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-dropeffect", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-errormessage", - required: false, - disallowed: false, - deprecated: true, + "is": "property", + "name": "aria-errormessage", + "required": false, + "disallowed": false, + "deprecated": true }, { - is: "property", - name: "aria-flowto", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-flowto", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "state", - name: "aria-grabbed", - required: false, - disallowed: false, - deprecated: false, + "is": "state", + "name": "aria-grabbed", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-haspopup", - required: false, - disallowed: false, - deprecated: true, + "is": "property", + "name": "aria-haspopup", + "required": false, + "disallowed": false, + "deprecated": true }, { - is: "state", - name: "aria-hidden", - required: false, - disallowed: false, - deprecated: false, + "is": "state", + "name": "aria-hidden", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "state", - name: "aria-invalid", - required: false, - disallowed: false, - deprecated: true, + "is": "state", + "name": "aria-invalid", + "required": false, + "disallowed": false, + "deprecated": true }, { - is: "property", - name: "aria-keyshortcuts", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-keyshortcuts", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-label", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-label", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-labelledby", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-labelledby", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-live", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-live", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-owns", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-owns", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-relevant", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-relevant", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-roledescription", - required: false, - disallowed: false, - deprecated: false, - }, - ], + "is": "property", + "name": "aria-roledescription", + "required": false, + "disallowed": false, + "deprecated": false + } + ] }, - emphasis: { - name: "emphasis", - fragID: "emphasis", - parentRoles: ["section"], - localprops: [ - { - is: "property", - name: "aria-label", - required: false, - disallowed: true, - deprecated: false, - }, - { - is: "property", - name: "aria-labelledby", - required: false, - disallowed: true, - deprecated: false, - }, + "emphasis": { + "name": "emphasis", + "fragID": "emphasis", + "parentRoles": [ + "section" ], + "localprops": [ + { + "is": "property", + "name": "aria-label", + "required": false, + "disallowed": true, + "deprecated": false + }, + { + "is": "property", + "name": "aria-labelledby", + "required": false, + "disallowed": true, + "deprecated": false + } + ] }, - feed: { - name: "feed", - fragID: "feed", - parentRoles: ["list"], - localprops: [], + "feed": { + "name": "feed", + "fragID": "feed", + "parentRoles": [ + "list" + ], + "localprops": [] }, - figure: { - name: "figure", - fragID: "figure", - parentRoles: ["section"], - localprops: [], + "figure": { + "name": "figure", + "fragID": "figure", + "parentRoles": [ + "section" + ], + "localprops": [] }, - form: { - name: "form", - fragID: "form", - parentRoles: ["landmark"], - localprops: [], + "form": { + "name": "form", + "fragID": "form", + "parentRoles": [ + "landmark" + ], + "localprops": [] }, - generic: { - name: "generic", - fragID: "generic", - parentRoles: ["structure"], - localprops: [ + "generic": { + "name": "generic", + "fragID": "generic", + "parentRoles": [ + "structure" + ], + "localprops": [ { - is: "property", - name: "aria-brailleroledescription", - required: false, - disallowed: true, - deprecated: false, + "is": "property", + "name": "aria-brailleroledescription", + "required": false, + "disallowed": true, + "deprecated": false }, { - is: "property", - name: "aria-label", - required: false, - disallowed: true, - deprecated: false, + "is": "property", + "name": "aria-label", + "required": false, + "disallowed": true, + "deprecated": false }, { - is: "property", - name: "aria-labelledby", - required: false, - disallowed: true, - deprecated: false, + "is": "property", + "name": "aria-labelledby", + "required": false, + "disallowed": true, + "deprecated": false }, { - is: "property", - name: "aria-roledescription", - required: false, - disallowed: true, - deprecated: false, - }, - ], + "is": "property", + "name": "aria-roledescription", + "required": false, + "disallowed": true, + "deprecated": false + } + ] }, - grid: { - name: "grid", - fragID: "grid", - parentRoles: ["composite", "table"], - localprops: [ + "grid": { + "name": "grid", + "fragID": "grid", + "parentRoles": [ + "composite", + "table" + ], + "localprops": [ { - is: "property", - name: "aria-multiselectable", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-multiselectable", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-readonly", - required: false, - disallowed: false, - deprecated: false, - }, + "is": "property", + "name": "aria-readonly", + "required": false, + "disallowed": false, + "deprecated": false + } ], - allprops: [ + "allprops": [ { - is: "property", - name: "aria-multiselectable", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-multiselectable", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-readonly", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-readonly", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-activedescendant", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-activedescendant", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "state", - name: "aria-disabled", - required: false, - disallowed: false, - deprecated: false, + "is": "state", + "name": "aria-disabled", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-atomic", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-atomic", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-braillelabel", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-braillelabel", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-brailleroledescription", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-brailleroledescription", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "state", - name: "aria-busy", - required: false, - disallowed: false, - deprecated: false, + "is": "state", + "name": "aria-busy", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-controls", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-controls", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "state", - name: "aria-current", - required: false, - disallowed: false, - deprecated: false, + "is": "state", + "name": "aria-current", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-describedby", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-describedby", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-description", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-description", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-details", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-details", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "state", - name: "aria-disabled", - required: false, - disallowed: false, - deprecated: true, + "is": "state", + "name": "aria-disabled", + "required": false, + "disallowed": false, + "deprecated": true }, { - is: "property", - name: "aria-dropeffect", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-dropeffect", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-errormessage", - required: false, - disallowed: false, - deprecated: true, + "is": "property", + "name": "aria-errormessage", + "required": false, + "disallowed": false, + "deprecated": true }, { - is: "property", - name: "aria-flowto", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-flowto", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "state", - name: "aria-grabbed", - required: false, - disallowed: false, - deprecated: false, + "is": "state", + "name": "aria-grabbed", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-haspopup", - required: false, - disallowed: false, - deprecated: true, + "is": "property", + "name": "aria-haspopup", + "required": false, + "disallowed": false, + "deprecated": true }, { - is: "state", - name: "aria-hidden", - required: false, - disallowed: false, - deprecated: false, + "is": "state", + "name": "aria-hidden", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "state", - name: "aria-invalid", - required: false, - disallowed: false, - deprecated: true, + "is": "state", + "name": "aria-invalid", + "required": false, + "disallowed": false, + "deprecated": true }, { - is: "property", - name: "aria-keyshortcuts", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-keyshortcuts", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-label", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-label", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-labelledby", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-labelledby", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-live", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-live", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-owns", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-owns", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-relevant", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-relevant", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-roledescription", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-roledescription", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-colcount", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-colcount", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-rowcount", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-rowcount", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-atomic", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-atomic", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-braillelabel", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-braillelabel", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-brailleroledescription", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-brailleroledescription", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "state", - name: "aria-busy", - required: false, - disallowed: false, - deprecated: false, + "is": "state", + "name": "aria-busy", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-controls", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-controls", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "state", - name: "aria-current", - required: false, - disallowed: false, - deprecated: false, + "is": "state", + "name": "aria-current", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-describedby", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-describedby", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-description", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-description", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-details", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-details", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "state", - name: "aria-disabled", - required: false, - disallowed: false, - deprecated: true, + "is": "state", + "name": "aria-disabled", + "required": false, + "disallowed": false, + "deprecated": true }, { - is: "property", - name: "aria-dropeffect", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-dropeffect", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-errormessage", - required: false, - disallowed: false, - deprecated: true, + "is": "property", + "name": "aria-errormessage", + "required": false, + "disallowed": false, + "deprecated": true }, { - is: "property", - name: "aria-flowto", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-flowto", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "state", - name: "aria-grabbed", - required: false, - disallowed: false, - deprecated: false, + "is": "state", + "name": "aria-grabbed", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-haspopup", - required: false, - disallowed: false, - deprecated: true, + "is": "property", + "name": "aria-haspopup", + "required": false, + "disallowed": false, + "deprecated": true }, { - is: "state", - name: "aria-hidden", - required: false, - disallowed: false, - deprecated: false, + "is": "state", + "name": "aria-hidden", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "state", - name: "aria-invalid", - required: false, - disallowed: false, - deprecated: true, + "is": "state", + "name": "aria-invalid", + "required": false, + "disallowed": false, + "deprecated": true }, { - is: "property", - name: "aria-keyshortcuts", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-keyshortcuts", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-label", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-label", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-labelledby", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-labelledby", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-live", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-live", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-owns", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-owns", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-relevant", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-relevant", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-roledescription", - required: false, - disallowed: false, - deprecated: false, - }, - ], + "is": "property", + "name": "aria-roledescription", + "required": false, + "disallowed": false, + "deprecated": false + } + ] }, - gridcell: { - name: "gridcell", - fragID: "gridcell", - parentRoles: ["cell", "widget"], - localprops: [ + "gridcell": { + "name": "gridcell", + "fragID": "gridcell", + "parentRoles": [ + "cell", + "widget" + ], + "localprops": [ { - is: "state", - name: "aria-disabled", - required: false, - disallowed: false, - deprecated: false, + "is": "state", + "name": "aria-disabled", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-errormessage", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-errormessage", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "state", - name: "aria-expanded", - required: false, - disallowed: false, - deprecated: false, + "is": "state", + "name": "aria-expanded", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-haspopup", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-haspopup", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "state", - name: "aria-invalid", - required: false, - disallowed: false, - deprecated: false, + "is": "state", + "name": "aria-invalid", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-readonly", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-readonly", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-required", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-required", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "state", - name: "aria-selected", - required: false, - disallowed: false, - deprecated: false, - }, + "is": "state", + "name": "aria-selected", + "required": false, + "disallowed": false, + "deprecated": false + } ], - allprops: [ + "allprops": [ { - is: "state", - name: "aria-disabled", - required: false, - disallowed: false, - deprecated: false, + "is": "state", + "name": "aria-disabled", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-errormessage", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-errormessage", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "state", - name: "aria-expanded", - required: false, - disallowed: false, - deprecated: false, + "is": "state", + "name": "aria-expanded", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-haspopup", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-haspopup", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "state", - name: "aria-invalid", - required: false, - disallowed: false, - deprecated: false, + "is": "state", + "name": "aria-invalid", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-readonly", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-readonly", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-required", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-required", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "state", - name: "aria-selected", - required: false, - disallowed: false, - deprecated: false, + "is": "state", + "name": "aria-selected", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-colindex", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-colindex", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-colindextext", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-colindextext", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-colspan", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-colspan", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-rowindex", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-rowindex", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-rowindextext", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-rowindextext", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-rowspan", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-rowspan", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-atomic", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-atomic", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-braillelabel", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-braillelabel", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-brailleroledescription", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-brailleroledescription", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "state", - name: "aria-busy", - required: false, - disallowed: false, - deprecated: false, + "is": "state", + "name": "aria-busy", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-controls", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-controls", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "state", - name: "aria-current", - required: false, - disallowed: false, - deprecated: false, + "is": "state", + "name": "aria-current", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-describedby", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-describedby", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-description", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-description", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-details", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-details", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "state", - name: "aria-disabled", - required: false, - disallowed: false, - deprecated: true, + "is": "state", + "name": "aria-disabled", + "required": false, + "disallowed": false, + "deprecated": true }, { - is: "property", - name: "aria-dropeffect", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-dropeffect", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-errormessage", - required: false, - disallowed: false, - deprecated: true, + "is": "property", + "name": "aria-errormessage", + "required": false, + "disallowed": false, + "deprecated": true }, { - is: "property", - name: "aria-flowto", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-flowto", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "state", - name: "aria-grabbed", - required: false, - disallowed: false, - deprecated: false, + "is": "state", + "name": "aria-grabbed", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-haspopup", - required: false, - disallowed: false, - deprecated: true, + "is": "property", + "name": "aria-haspopup", + "required": false, + "disallowed": false, + "deprecated": true }, { - is: "state", - name: "aria-hidden", - required: false, - disallowed: false, - deprecated: false, + "is": "state", + "name": "aria-hidden", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "state", - name: "aria-invalid", - required: false, - disallowed: false, - deprecated: true, + "is": "state", + "name": "aria-invalid", + "required": false, + "disallowed": false, + "deprecated": true }, { - is: "property", - name: "aria-keyshortcuts", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-keyshortcuts", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-label", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-label", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-labelledby", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-labelledby", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-live", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-live", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-owns", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-owns", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-relevant", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-relevant", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-roledescription", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-roledescription", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-atomic", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-atomic", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-braillelabel", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-braillelabel", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-brailleroledescription", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-brailleroledescription", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "state", - name: "aria-busy", - required: false, - disallowed: false, - deprecated: false, + "is": "state", + "name": "aria-busy", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-controls", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-controls", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "state", - name: "aria-current", - required: false, - disallowed: false, - deprecated: false, + "is": "state", + "name": "aria-current", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-describedby", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-describedby", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-description", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-description", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-details", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-details", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "state", - name: "aria-disabled", - required: false, - disallowed: false, - deprecated: true, + "is": "state", + "name": "aria-disabled", + "required": false, + "disallowed": false, + "deprecated": true }, { - is: "property", - name: "aria-dropeffect", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-dropeffect", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-errormessage", - required: false, - disallowed: false, - deprecated: true, + "is": "property", + "name": "aria-errormessage", + "required": false, + "disallowed": false, + "deprecated": true }, { - is: "property", - name: "aria-flowto", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-flowto", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "state", - name: "aria-grabbed", - required: false, - disallowed: false, - deprecated: false, + "is": "state", + "name": "aria-grabbed", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-haspopup", - required: false, - disallowed: false, - deprecated: true, + "is": "property", + "name": "aria-haspopup", + "required": false, + "disallowed": false, + "deprecated": true }, { - is: "state", - name: "aria-hidden", - required: false, - disallowed: false, - deprecated: false, + "is": "state", + "name": "aria-hidden", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "state", - name: "aria-invalid", - required: false, - disallowed: false, - deprecated: true, + "is": "state", + "name": "aria-invalid", + "required": false, + "disallowed": false, + "deprecated": true }, { - is: "property", - name: "aria-keyshortcuts", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-keyshortcuts", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-label", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-label", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-labelledby", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-labelledby", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-live", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-live", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-owns", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-owns", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-relevant", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-relevant", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-roledescription", - required: false, - disallowed: false, - deprecated: false, - }, - ], + "is": "property", + "name": "aria-roledescription", + "required": false, + "disallowed": false, + "deprecated": false + } + ] }, - group: { - name: "group", - fragID: "group", - parentRoles: ["section"], - localprops: [ + "group": { + "name": "group", + "fragID": "group", + "parentRoles": [ + "section" + ], + "localprops": [ { - is: "property", - name: "aria-activedescendant", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-activedescendant", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "state", - name: "aria-disabled", - required: false, - disallowed: false, - deprecated: false, - }, + "is": "state", + "name": "aria-disabled", + "required": false, + "disallowed": false, + "deprecated": false + } ], - allprops: [ + "allprops": [ { - is: "property", - name: "aria-activedescendant", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-activedescendant", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "state", - name: "aria-disabled", - required: false, - disallowed: false, - deprecated: false, + "is": "state", + "name": "aria-disabled", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-atomic", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-atomic", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-braillelabel", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-braillelabel", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-brailleroledescription", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-brailleroledescription", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "state", - name: "aria-busy", - required: false, - disallowed: false, - deprecated: false, + "is": "state", + "name": "aria-busy", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-controls", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-controls", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "state", - name: "aria-current", - required: false, - disallowed: false, - deprecated: false, + "is": "state", + "name": "aria-current", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-describedby", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-describedby", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-description", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-description", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-details", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-details", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "state", - name: "aria-disabled", - required: false, - disallowed: false, - deprecated: true, + "is": "state", + "name": "aria-disabled", + "required": false, + "disallowed": false, + "deprecated": true }, { - is: "property", - name: "aria-dropeffect", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-dropeffect", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-errormessage", - required: false, - disallowed: false, - deprecated: true, + "is": "property", + "name": "aria-errormessage", + "required": false, + "disallowed": false, + "deprecated": true }, { - is: "property", - name: "aria-flowto", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-flowto", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "state", - name: "aria-grabbed", - required: false, - disallowed: false, - deprecated: false, + "is": "state", + "name": "aria-grabbed", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-haspopup", - required: false, - disallowed: false, - deprecated: true, + "is": "property", + "name": "aria-haspopup", + "required": false, + "disallowed": false, + "deprecated": true }, { - is: "state", - name: "aria-hidden", - required: false, - disallowed: false, - deprecated: false, + "is": "state", + "name": "aria-hidden", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "state", - name: "aria-invalid", - required: false, - disallowed: false, - deprecated: true, + "is": "state", + "name": "aria-invalid", + "required": false, + "disallowed": false, + "deprecated": true }, { - is: "property", - name: "aria-keyshortcuts", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-keyshortcuts", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-label", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-label", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-labelledby", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-labelledby", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-live", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-live", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-owns", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-owns", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-relevant", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-relevant", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-roledescription", - required: false, - disallowed: false, - deprecated: false, - }, - ], + "is": "property", + "name": "aria-roledescription", + "required": false, + "disallowed": false, + "deprecated": false + } + ] }, - heading: { - name: "heading", - fragID: "heading", - parentRoles: ["sectionhead"], - localprops: [ - { - is: "property", - name: "aria-level", - required: true, - disallowed: false, - deprecated: false, - }, + "heading": { + "name": "heading", + "fragID": "heading", + "parentRoles": [ + "sectionhead" ], + "localprops": [ + { + "is": "property", + "name": "aria-level", + "required": true, + "disallowed": false, + "deprecated": false + } + ] }, - image: { - name: "image", - fragID: "image", - parentRoles: [], - localprops: [], + "image": { + "name": "image", + "fragID": "image", + "parentRoles": [], + "localprops": [] }, - img: { - name: "img", - fragID: "img", - parentRoles: ["section"], - localprops: [], + "img": { + "name": "img", + "fragID": "img", + "parentRoles": [ + "section" + ], + "localprops": [] }, - input: { - name: "input", - fragID: "input", - parentRoles: ["widget"], - localprops: [ - { - is: "state", - name: "aria-disabled", - required: false, - disallowed: false, - deprecated: false, - }, + "input": { + "name": "input", + "fragID": "input", + "parentRoles": [ + "widget" ], - allprops: [ + "localprops": [ + { + "is": "state", + "name": "aria-disabled", + "required": false, + "disallowed": false, + "deprecated": false + } + ], + "allprops": [ { - is: "state", - name: "aria-disabled", - required: false, - disallowed: false, - deprecated: false, + "is": "state", + "name": "aria-disabled", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-atomic", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-atomic", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-braillelabel", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-braillelabel", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-brailleroledescription", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-brailleroledescription", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "state", - name: "aria-busy", - required: false, - disallowed: false, - deprecated: false, + "is": "state", + "name": "aria-busy", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-controls", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-controls", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "state", - name: "aria-current", - required: false, - disallowed: false, - deprecated: false, + "is": "state", + "name": "aria-current", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-describedby", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-describedby", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-description", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-description", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-details", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-details", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "state", - name: "aria-disabled", - required: false, - disallowed: false, - deprecated: true, + "is": "state", + "name": "aria-disabled", + "required": false, + "disallowed": false, + "deprecated": true }, { - is: "property", - name: "aria-dropeffect", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-dropeffect", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-errormessage", - required: false, - disallowed: false, - deprecated: true, + "is": "property", + "name": "aria-errormessage", + "required": false, + "disallowed": false, + "deprecated": true }, { - is: "property", - name: "aria-flowto", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-flowto", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "state", - name: "aria-grabbed", - required: false, - disallowed: false, - deprecated: false, + "is": "state", + "name": "aria-grabbed", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-haspopup", - required: false, - disallowed: false, - deprecated: true, + "is": "property", + "name": "aria-haspopup", + "required": false, + "disallowed": false, + "deprecated": true }, { - is: "state", - name: "aria-hidden", - required: false, - disallowed: false, - deprecated: false, + "is": "state", + "name": "aria-hidden", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "state", - name: "aria-invalid", - required: false, - disallowed: false, - deprecated: true, + "is": "state", + "name": "aria-invalid", + "required": false, + "disallowed": false, + "deprecated": true }, { - is: "property", - name: "aria-keyshortcuts", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-keyshortcuts", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-label", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-label", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-labelledby", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-labelledby", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-live", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-live", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-owns", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-owns", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-relevant", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-relevant", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-roledescription", - required: false, - disallowed: false, - deprecated: false, - }, - ], + "is": "property", + "name": "aria-roledescription", + "required": false, + "disallowed": false, + "deprecated": false + } + ] }, - insertion: { - name: "insertion", - fragID: "insertion", - parentRoles: ["section"], - localprops: [ - { - is: "property", - name: "aria-label", - required: false, - disallowed: true, - deprecated: false, - }, - { - is: "property", - name: "aria-labelledby", - required: false, - disallowed: true, - deprecated: false, - }, + "insertion": { + "name": "insertion", + "fragID": "insertion", + "parentRoles": [ + "section" ], + "localprops": [ + { + "is": "property", + "name": "aria-label", + "required": false, + "disallowed": true, + "deprecated": false + }, + { + "is": "property", + "name": "aria-labelledby", + "required": false, + "disallowed": true, + "deprecated": false + } + ] }, - landmark: { - name: "landmark", - fragID: "landmark", - parentRoles: ["section"], - localprops: [], - allprops: [ + "landmark": { + "name": "landmark", + "fragID": "landmark", + "parentRoles": [ + "section" + ], + "localprops": [], + "allprops": [ { - is: "property", - name: "aria-atomic", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-atomic", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-braillelabel", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-braillelabel", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-brailleroledescription", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-brailleroledescription", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "state", - name: "aria-busy", - required: false, - disallowed: false, - deprecated: false, + "is": "state", + "name": "aria-busy", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-controls", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-controls", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "state", - name: "aria-current", - required: false, - disallowed: false, - deprecated: false, + "is": "state", + "name": "aria-current", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-describedby", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-describedby", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-description", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-description", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-details", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-details", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "state", - name: "aria-disabled", - required: false, - disallowed: false, - deprecated: true, + "is": "state", + "name": "aria-disabled", + "required": false, + "disallowed": false, + "deprecated": true }, { - is: "property", - name: "aria-dropeffect", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-dropeffect", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-errormessage", - required: false, - disallowed: false, - deprecated: true, + "is": "property", + "name": "aria-errormessage", + "required": false, + "disallowed": false, + "deprecated": true }, { - is: "property", - name: "aria-flowto", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-flowto", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "state", - name: "aria-grabbed", - required: false, - disallowed: false, - deprecated: false, + "is": "state", + "name": "aria-grabbed", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-haspopup", - required: false, - disallowed: false, - deprecated: true, + "is": "property", + "name": "aria-haspopup", + "required": false, + "disallowed": false, + "deprecated": true }, { - is: "state", - name: "aria-hidden", - required: false, - disallowed: false, - deprecated: false, + "is": "state", + "name": "aria-hidden", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "state", - name: "aria-invalid", - required: false, - disallowed: false, - deprecated: true, + "is": "state", + "name": "aria-invalid", + "required": false, + "disallowed": false, + "deprecated": true }, { - is: "property", - name: "aria-keyshortcuts", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-keyshortcuts", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-label", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-label", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-labelledby", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-labelledby", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-live", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-live", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-owns", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-owns", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-relevant", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-relevant", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-roledescription", - required: false, - disallowed: false, - deprecated: false, - }, - ], + "is": "property", + "name": "aria-roledescription", + "required": false, + "disallowed": false, + "deprecated": false + } + ] }, - link: { - name: "link", - fragID: "link", - parentRoles: ["command"], - localprops: [ + "link": { + "name": "link", + "fragID": "link", + "parentRoles": [ + "command" + ], + "localprops": [ { - is: "state", - name: "aria-disabled", - required: false, - disallowed: false, - deprecated: false, + "is": "state", + "name": "aria-disabled", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "state", - name: "aria-expanded", - required: false, - disallowed: false, - deprecated: false, + "is": "state", + "name": "aria-expanded", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-haspopup", - required: false, - disallowed: false, - deprecated: false, - }, - ], + "is": "property", + "name": "aria-haspopup", + "required": false, + "disallowed": false, + "deprecated": false + } + ] }, - list: { - name: "list", - fragID: "list", - parentRoles: ["section"], - localprops: [], - allprops: [ + "list": { + "name": "list", + "fragID": "list", + "parentRoles": [ + "section" + ], + "localprops": [], + "allprops": [ { - is: "property", - name: "aria-atomic", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-atomic", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-braillelabel", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-braillelabel", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-brailleroledescription", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-brailleroledescription", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "state", - name: "aria-busy", - required: false, - disallowed: false, - deprecated: false, + "is": "state", + "name": "aria-busy", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-controls", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-controls", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "state", - name: "aria-current", - required: false, - disallowed: false, - deprecated: false, + "is": "state", + "name": "aria-current", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-describedby", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-describedby", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-description", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-description", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-details", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-details", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "state", - name: "aria-disabled", - required: false, - disallowed: false, - deprecated: true, + "is": "state", + "name": "aria-disabled", + "required": false, + "disallowed": false, + "deprecated": true }, { - is: "property", - name: "aria-dropeffect", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-dropeffect", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-errormessage", - required: false, - disallowed: false, - deprecated: true, + "is": "property", + "name": "aria-errormessage", + "required": false, + "disallowed": false, + "deprecated": true }, { - is: "property", - name: "aria-flowto", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-flowto", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "state", - name: "aria-grabbed", - required: false, - disallowed: false, - deprecated: false, + "is": "state", + "name": "aria-grabbed", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-haspopup", - required: false, - disallowed: false, - deprecated: true, + "is": "property", + "name": "aria-haspopup", + "required": false, + "disallowed": false, + "deprecated": true }, { - is: "state", - name: "aria-hidden", - required: false, - disallowed: false, - deprecated: false, + "is": "state", + "name": "aria-hidden", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "state", - name: "aria-invalid", - required: false, - disallowed: false, - deprecated: true, + "is": "state", + "name": "aria-invalid", + "required": false, + "disallowed": false, + "deprecated": true }, { - is: "property", - name: "aria-keyshortcuts", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-keyshortcuts", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-label", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-label", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-labelledby", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-labelledby", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-live", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-live", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-owns", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-owns", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-relevant", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-relevant", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-roledescription", - required: false, - disallowed: false, - deprecated: false, - }, - ], + "is": "property", + "name": "aria-roledescription", + "required": false, + "disallowed": false, + "deprecated": false + } + ] }, - listbox: { - name: "listbox", - fragID: "listbox", - parentRoles: ["select"], - localprops: [ + "listbox": { + "name": "listbox", + "fragID": "listbox", + "parentRoles": [ + "select" + ], + "localprops": [ { - is: "property", - name: "aria-errormessage", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-errormessage", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "state", - name: "aria-expanded", - required: false, - disallowed: false, - deprecated: false, + "is": "state", + "name": "aria-expanded", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "state", - name: "aria-invalid", - required: false, - disallowed: false, - deprecated: false, + "is": "state", + "name": "aria-invalid", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-multiselectable", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-multiselectable", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-readonly", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-readonly", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-required", - required: false, - disallowed: false, - deprecated: false, - }, - ], + "is": "property", + "name": "aria-required", + "required": false, + "disallowed": false, + "deprecated": false + } + ] }, - listitem: { - name: "listitem", - fragID: "listitem", - parentRoles: ["section"], - localprops: [ + "listitem": { + "name": "listitem", + "fragID": "listitem", + "parentRoles": [ + "section" + ], + "localprops": [ { - is: "property", - name: "aria-posinset", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-posinset", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-setsize", - required: false, - disallowed: false, - deprecated: false, - }, + "is": "property", + "name": "aria-setsize", + "required": false, + "disallowed": false, + "deprecated": false + } ], - allprops: [ + "allprops": [ { - is: "property", - name: "aria-posinset", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-posinset", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-setsize", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-setsize", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-atomic", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-atomic", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-braillelabel", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-braillelabel", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-brailleroledescription", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-brailleroledescription", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "state", - name: "aria-busy", - required: false, - disallowed: false, - deprecated: false, + "is": "state", + "name": "aria-busy", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-controls", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-controls", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "state", - name: "aria-current", - required: false, - disallowed: false, - deprecated: false, + "is": "state", + "name": "aria-current", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-describedby", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-describedby", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-description", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-description", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-details", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-details", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "state", - name: "aria-disabled", - required: false, - disallowed: false, - deprecated: true, + "is": "state", + "name": "aria-disabled", + "required": false, + "disallowed": false, + "deprecated": true }, { - is: "property", - name: "aria-dropeffect", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-dropeffect", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-errormessage", - required: false, - disallowed: false, - deprecated: true, + "is": "property", + "name": "aria-errormessage", + "required": false, + "disallowed": false, + "deprecated": true }, { - is: "property", - name: "aria-flowto", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-flowto", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "state", - name: "aria-grabbed", - required: false, - disallowed: false, - deprecated: false, + "is": "state", + "name": "aria-grabbed", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-haspopup", - required: false, - disallowed: false, - deprecated: true, + "is": "property", + "name": "aria-haspopup", + "required": false, + "disallowed": false, + "deprecated": true }, { - is: "state", - name: "aria-hidden", - required: false, - disallowed: false, - deprecated: false, + "is": "state", + "name": "aria-hidden", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "state", - name: "aria-invalid", - required: false, - disallowed: false, - deprecated: true, + "is": "state", + "name": "aria-invalid", + "required": false, + "disallowed": false, + "deprecated": true }, { - is: "property", - name: "aria-keyshortcuts", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-keyshortcuts", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-label", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-label", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-labelledby", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-labelledby", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-live", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-live", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-owns", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-owns", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-relevant", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-relevant", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-roledescription", - required: false, - disallowed: false, - deprecated: false, - }, - ], + "is": "property", + "name": "aria-roledescription", + "required": false, + "disallowed": false, + "deprecated": false + } + ] }, - log: { - name: "log", - fragID: "log", - parentRoles: ["section"], - localprops: [], + "log": { + "name": "log", + "fragID": "log", + "parentRoles": [ + "section" + ], + "localprops": [] }, - main: { - name: "main", - fragID: "main", - parentRoles: ["landmark"], - localprops: [], + "main": { + "name": "main", + "fragID": "main", + "parentRoles": [ + "landmark" + ], + "localprops": [] }, - mark: { - name: "mark", - fragID: "mark", - parentRoles: ["section"], - localprops: [ - { - is: "property", - name: "aria-label", - required: false, - disallowed: true, - deprecated: false, - }, - { - is: "property", - name: "aria-labelledby", - required: false, - disallowed: true, - deprecated: false, - }, + "mark": { + "name": "mark", + "fragID": "mark", + "parentRoles": [ + "section" ], + "localprops": [ + { + "is": "property", + "name": "aria-label", + "required": false, + "disallowed": true, + "deprecated": false + }, + { + "is": "property", + "name": "aria-labelledby", + "required": false, + "disallowed": true, + "deprecated": false + } + ] }, - marquee: { - name: "marquee", - fragID: "marquee", - parentRoles: ["section"], - localprops: [], + "marquee": { + "name": "marquee", + "fragID": "marquee", + "parentRoles": [ + "section" + ], + "localprops": [] }, - math: { - name: "math", - fragID: "math", - parentRoles: ["section"], - localprops: [], + "math": { + "name": "math", + "fragID": "math", + "parentRoles": [ + "section" + ], + "localprops": [] }, - menu: { - name: "menu", - fragID: "menu", - parentRoles: ["select"], - localprops: [], - allprops: [ + "menu": { + "name": "menu", + "fragID": "menu", + "parentRoles": [ + "select" + ], + "localprops": [], + "allprops": [ { - is: "property", - name: "aria-orientation", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-orientation", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-activedescendant", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-activedescendant", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "state", - name: "aria-disabled", - required: false, - disallowed: false, - deprecated: false, + "is": "state", + "name": "aria-disabled", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-atomic", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-atomic", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-braillelabel", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-braillelabel", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-brailleroledescription", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-brailleroledescription", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "state", - name: "aria-busy", - required: false, - disallowed: false, - deprecated: false, + "is": "state", + "name": "aria-busy", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-controls", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-controls", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "state", - name: "aria-current", - required: false, - disallowed: false, - deprecated: false, + "is": "state", + "name": "aria-current", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-describedby", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-describedby", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-description", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-description", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-details", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-details", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "state", - name: "aria-disabled", - required: false, - disallowed: false, - deprecated: true, + "is": "state", + "name": "aria-disabled", + "required": false, + "disallowed": false, + "deprecated": true }, { - is: "property", - name: "aria-dropeffect", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-dropeffect", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-errormessage", - required: false, - disallowed: false, - deprecated: true, + "is": "property", + "name": "aria-errormessage", + "required": false, + "disallowed": false, + "deprecated": true }, { - is: "property", - name: "aria-flowto", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-flowto", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "state", - name: "aria-grabbed", - required: false, - disallowed: false, - deprecated: false, + "is": "state", + "name": "aria-grabbed", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-haspopup", - required: false, - disallowed: false, - deprecated: true, + "is": "property", + "name": "aria-haspopup", + "required": false, + "disallowed": false, + "deprecated": true }, { - is: "state", - name: "aria-hidden", - required: false, - disallowed: false, - deprecated: false, + "is": "state", + "name": "aria-hidden", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "state", - name: "aria-invalid", - required: false, - disallowed: false, - deprecated: true, + "is": "state", + "name": "aria-invalid", + "required": false, + "disallowed": false, + "deprecated": true }, { - is: "property", - name: "aria-keyshortcuts", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-keyshortcuts", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-label", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-label", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-labelledby", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-labelledby", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-live", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-live", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-owns", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-owns", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-relevant", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-relevant", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-roledescription", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-roledescription", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-activedescendant", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-activedescendant", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "state", - name: "aria-disabled", - required: false, - disallowed: false, - deprecated: false, + "is": "state", + "name": "aria-disabled", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-atomic", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-atomic", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-braillelabel", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-braillelabel", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-brailleroledescription", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-brailleroledescription", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "state", - name: "aria-busy", - required: false, - disallowed: false, - deprecated: false, + "is": "state", + "name": "aria-busy", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-controls", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-controls", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "state", - name: "aria-current", - required: false, - disallowed: false, - deprecated: false, + "is": "state", + "name": "aria-current", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-describedby", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-describedby", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-description", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-description", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-details", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-details", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "state", - name: "aria-disabled", - required: false, - disallowed: false, - deprecated: true, + "is": "state", + "name": "aria-disabled", + "required": false, + "disallowed": false, + "deprecated": true }, { - is: "property", - name: "aria-dropeffect", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-dropeffect", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-errormessage", - required: false, - disallowed: false, - deprecated: true, + "is": "property", + "name": "aria-errormessage", + "required": false, + "disallowed": false, + "deprecated": true }, { - is: "property", - name: "aria-flowto", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-flowto", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "state", - name: "aria-grabbed", - required: false, - disallowed: false, - deprecated: false, + "is": "state", + "name": "aria-grabbed", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-haspopup", - required: false, - disallowed: false, - deprecated: true, + "is": "property", + "name": "aria-haspopup", + "required": false, + "disallowed": false, + "deprecated": true }, { - is: "state", - name: "aria-hidden", - required: false, - disallowed: false, - deprecated: false, + "is": "state", + "name": "aria-hidden", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "state", - name: "aria-invalid", - required: false, - disallowed: false, - deprecated: true, + "is": "state", + "name": "aria-invalid", + "required": false, + "disallowed": false, + "deprecated": true }, { - is: "property", - name: "aria-keyshortcuts", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-keyshortcuts", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-label", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-label", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-labelledby", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-labelledby", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-live", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-live", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-owns", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-owns", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-relevant", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-relevant", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-roledescription", - required: false, - disallowed: false, - deprecated: false, - }, - ], + "is": "property", + "name": "aria-roledescription", + "required": false, + "disallowed": false, + "deprecated": false + } + ] }, - menubar: { - name: "menubar", - fragID: "menubar", - parentRoles: ["menu"], - localprops: [], + "menubar": { + "name": "menubar", + "fragID": "menubar", + "parentRoles": [ + "menu" + ], + "localprops": [] }, - menuitem: { - name: "menuitem", - fragID: "menuitem", - parentRoles: ["command"], - localprops: [ + "menuitem": { + "name": "menuitem", + "fragID": "menuitem", + "parentRoles": [ + "command" + ], + "localprops": [ { - is: "state", - name: "aria-disabled", - required: false, - disallowed: false, - deprecated: false, + "is": "state", + "name": "aria-disabled", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "state", - name: "aria-expanded", - required: false, - disallowed: false, - deprecated: false, + "is": "state", + "name": "aria-expanded", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-haspopup", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-haspopup", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-posinset", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-posinset", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-setsize", - required: false, - disallowed: false, - deprecated: false, - }, + "is": "property", + "name": "aria-setsize", + "required": false, + "disallowed": false, + "deprecated": false + } ], - allprops: [ + "allprops": [ { - is: "state", - name: "aria-disabled", - required: false, - disallowed: false, - deprecated: false, + "is": "state", + "name": "aria-disabled", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "state", - name: "aria-expanded", - required: false, - disallowed: false, - deprecated: false, + "is": "state", + "name": "aria-expanded", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-haspopup", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-haspopup", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-posinset", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-posinset", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-setsize", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-setsize", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-atomic", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-atomic", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-braillelabel", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-braillelabel", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-brailleroledescription", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-brailleroledescription", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "state", - name: "aria-busy", - required: false, - disallowed: false, - deprecated: false, + "is": "state", + "name": "aria-busy", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-controls", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-controls", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "state", - name: "aria-current", - required: false, - disallowed: false, - deprecated: false, + "is": "state", + "name": "aria-current", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-describedby", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-describedby", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-description", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-description", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-details", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-details", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "state", - name: "aria-disabled", - required: false, - disallowed: false, - deprecated: true, + "is": "state", + "name": "aria-disabled", + "required": false, + "disallowed": false, + "deprecated": true }, { - is: "property", - name: "aria-dropeffect", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-dropeffect", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-errormessage", - required: false, - disallowed: false, - deprecated: true, + "is": "property", + "name": "aria-errormessage", + "required": false, + "disallowed": false, + "deprecated": true }, { - is: "property", - name: "aria-flowto", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-flowto", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "state", - name: "aria-grabbed", - required: false, - disallowed: false, - deprecated: false, + "is": "state", + "name": "aria-grabbed", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-haspopup", - required: false, - disallowed: false, - deprecated: true, + "is": "property", + "name": "aria-haspopup", + "required": false, + "disallowed": false, + "deprecated": true }, { - is: "state", - name: "aria-hidden", - required: false, - disallowed: false, - deprecated: false, + "is": "state", + "name": "aria-hidden", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "state", - name: "aria-invalid", - required: false, - disallowed: false, - deprecated: true, + "is": "state", + "name": "aria-invalid", + "required": false, + "disallowed": false, + "deprecated": true }, { - is: "property", - name: "aria-keyshortcuts", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-keyshortcuts", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-label", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-label", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-labelledby", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-labelledby", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-live", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-live", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-owns", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-owns", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-relevant", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-relevant", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-roledescription", - required: false, - disallowed: false, - deprecated: false, - }, - ], + "is": "property", + "name": "aria-roledescription", + "required": false, + "disallowed": false, + "deprecated": false + } + ] }, - menuitemcheckbox: { - name: "menuitemcheckbox", - fragID: "menuitemcheckbox", - parentRoles: ["menuitem"], - localprops: [ - { - is: "state", - name: "aria-checked", - required: true, - disallowed: false, - deprecated: false, - }, + "menuitemcheckbox": { + "name": "menuitemcheckbox", + "fragID": "menuitemcheckbox", + "parentRoles": [ + "menuitem" ], + "localprops": [ + { + "is": "state", + "name": "aria-checked", + "required": true, + "disallowed": false, + "deprecated": false + } + ] }, - menuitemradio: { - name: "menuitemradio", - fragID: "menuitemradio", - parentRoles: ["menuitem"], - localprops: [ - { - is: "state", - name: "aria-checked", - required: true, - disallowed: false, - deprecated: false, - }, + "menuitemradio": { + "name": "menuitemradio", + "fragID": "menuitemradio", + "parentRoles": [ + "menuitem" ], + "localprops": [ + { + "is": "state", + "name": "aria-checked", + "required": true, + "disallowed": false, + "deprecated": false + } + ] }, - meter: { - name: "meter", - fragID: "meter", - parentRoles: ["range"], - localprops: [ - { - is: "property", - name: "aria-valuenow", - required: true, - disallowed: false, - deprecated: false, - }, + "meter": { + "name": "meter", + "fragID": "meter", + "parentRoles": [ + "range" ], + "localprops": [ + { + "is": "property", + "name": "aria-valuenow", + "required": true, + "disallowed": false, + "deprecated": false + } + ] }, - navigation: { - name: "navigation", - fragID: "navigation", - parentRoles: ["landmark"], - localprops: [], + "navigation": { + "name": "navigation", + "fragID": "navigation", + "parentRoles": [ + "landmark" + ], + "localprops": [] }, - none: { - name: "none", - fragID: "none", - parentRoles: [], - localprops: [], + "none": { + "name": "none", + "fragID": "none", + "parentRoles": [], + "localprops": [] }, - note: { - name: "note", - fragID: "note", - parentRoles: ["section"], - localprops: [], + "note": { + "name": "note", + "fragID": "note", + "parentRoles": [ + "section" + ], + "localprops": [] }, - option: { - name: "option", - fragID: "option", - parentRoles: ["input"], - localprops: [ + "option": { + "name": "option", + "fragID": "option", + "parentRoles": [ + "input" + ], + "localprops": [ { - is: "state", - name: "aria-checked", - required: false, - disallowed: false, - deprecated: false, + "is": "state", + "name": "aria-checked", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-posinset", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-posinset", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "state", - name: "aria-selected", - required: false, - disallowed: false, - deprecated: false, + "is": "state", + "name": "aria-selected", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-setsize", - required: false, - disallowed: false, - deprecated: false, - }, + "is": "property", + "name": "aria-setsize", + "required": false, + "disallowed": false, + "deprecated": false + } ], - allprops: [ + "allprops": [ { - is: "state", - name: "aria-checked", - required: false, - disallowed: false, - deprecated: false, + "is": "state", + "name": "aria-checked", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-posinset", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-posinset", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "state", - name: "aria-selected", - required: false, - disallowed: false, - deprecated: false, + "is": "state", + "name": "aria-selected", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-setsize", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-setsize", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "state", - name: "aria-disabled", - required: false, - disallowed: false, - deprecated: false, + "is": "state", + "name": "aria-disabled", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-atomic", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-atomic", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-braillelabel", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-braillelabel", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-brailleroledescription", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-brailleroledescription", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "state", - name: "aria-busy", - required: false, - disallowed: false, - deprecated: false, + "is": "state", + "name": "aria-busy", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-controls", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-controls", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "state", - name: "aria-current", - required: false, - disallowed: false, - deprecated: false, + "is": "state", + "name": "aria-current", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-describedby", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-describedby", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-description", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-description", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-details", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-details", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "state", - name: "aria-disabled", - required: false, - disallowed: false, - deprecated: true, + "is": "state", + "name": "aria-disabled", + "required": false, + "disallowed": false, + "deprecated": true }, { - is: "property", - name: "aria-dropeffect", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-dropeffect", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-errormessage", - required: false, - disallowed: false, - deprecated: true, + "is": "property", + "name": "aria-errormessage", + "required": false, + "disallowed": false, + "deprecated": true }, { - is: "property", - name: "aria-flowto", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-flowto", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "state", - name: "aria-grabbed", - required: false, - disallowed: false, - deprecated: false, + "is": "state", + "name": "aria-grabbed", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-haspopup", - required: false, - disallowed: false, - deprecated: true, + "is": "property", + "name": "aria-haspopup", + "required": false, + "disallowed": false, + "deprecated": true }, { - is: "state", - name: "aria-hidden", - required: false, - disallowed: false, - deprecated: false, + "is": "state", + "name": "aria-hidden", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "state", - name: "aria-invalid", - required: false, - disallowed: false, - deprecated: true, + "is": "state", + "name": "aria-invalid", + "required": false, + "disallowed": false, + "deprecated": true }, { - is: "property", - name: "aria-keyshortcuts", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-keyshortcuts", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-label", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-label", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-labelledby", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-labelledby", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-live", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-live", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-owns", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-owns", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-relevant", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-relevant", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-roledescription", - required: false, - disallowed: false, - deprecated: false, - }, - ], + "is": "property", + "name": "aria-roledescription", + "required": false, + "disallowed": false, + "deprecated": false + } + ] }, - paragraph: { - name: "paragraph", - fragID: "paragraph", - parentRoles: ["section"], - localprops: [ - { - is: "property", - name: "aria-label", - required: false, - disallowed: true, - deprecated: false, - }, - { - is: "property", - name: "aria-labelledby", - required: false, - disallowed: true, - deprecated: false, - }, + "paragraph": { + "name": "paragraph", + "fragID": "paragraph", + "parentRoles": [ + "section" ], + "localprops": [ + { + "is": "property", + "name": "aria-label", + "required": false, + "disallowed": true, + "deprecated": false + }, + { + "is": "property", + "name": "aria-labelledby", + "required": false, + "disallowed": true, + "deprecated": false + } + ] }, - presentation: { - name: "presentation", - fragID: "presentation", - parentRoles: ["structure"], - localprops: [ - { - is: "property", - name: "aria-label", - required: false, - disallowed: true, - deprecated: false, - }, - { - is: "property", - name: "aria-labelledby", - required: false, - disallowed: true, - deprecated: false, - }, + "presentation": { + "name": "presentation", + "fragID": "presentation", + "parentRoles": [ + "structure" ], + "localprops": [ + { + "is": "property", + "name": "aria-label", + "required": false, + "disallowed": true, + "deprecated": false + }, + { + "is": "property", + "name": "aria-labelledby", + "required": false, + "disallowed": true, + "deprecated": false + } + ] }, - progressbar: { - name: "progressbar", - fragID: "progressbar", - parentRoles: ["range", "widget"], - localprops: [], + "progressbar": { + "name": "progressbar", + "fragID": "progressbar", + "parentRoles": [ + "range", + "widget" + ], + "localprops": [] }, - radio: { - name: "radio", - fragID: "radio", - parentRoles: ["input"], - localprops: [ + "radio": { + "name": "radio", + "fragID": "radio", + "parentRoles": [ + "input" + ], + "localprops": [ { - is: "state", - name: "aria-checked", - required: true, - disallowed: false, - deprecated: false, + "is": "state", + "name": "aria-checked", + "required": true, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-posinset", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-posinset", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-setsize", - required: false, - disallowed: false, - deprecated: false, - }, - ], + "is": "property", + "name": "aria-setsize", + "required": false, + "disallowed": false, + "deprecated": false + } + ] }, - radiogroup: { - name: "radiogroup", - fragID: "radiogroup", - parentRoles: ["select"], - localprops: [ + "radiogroup": { + "name": "radiogroup", + "fragID": "radiogroup", + "parentRoles": [ + "select" + ], + "localprops": [ { - is: "property", - name: "aria-errormessage", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-errormessage", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "state", - name: "aria-invalid", - required: false, - disallowed: false, - deprecated: false, + "is": "state", + "name": "aria-invalid", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-readonly", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-readonly", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-required", - required: false, - disallowed: false, - deprecated: false, - }, - ], + "is": "property", + "name": "aria-required", + "required": false, + "disallowed": false, + "deprecated": false + } + ] }, - range: { - name: "range", - fragID: "range", - parentRoles: ["structure"], - localprops: [ + "range": { + "name": "range", + "fragID": "range", + "parentRoles": [ + "structure" + ], + "localprops": [ { - is: "property", - name: "aria-valuemax", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-valuemax", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-valuemin", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-valuemin", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-valuenow", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-valuenow", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-valuetext", - required: false, - disallowed: false, - deprecated: false, - }, + "is": "property", + "name": "aria-valuetext", + "required": false, + "disallowed": false, + "deprecated": false + } ], - allprops: [ + "allprops": [ { - is: "property", - name: "aria-valuemax", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-valuemax", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-valuemin", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-valuemin", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-valuenow", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-valuenow", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-valuetext", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-valuetext", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-atomic", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-atomic", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-braillelabel", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-braillelabel", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-brailleroledescription", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-brailleroledescription", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "state", - name: "aria-busy", - required: false, - disallowed: false, - deprecated: false, + "is": "state", + "name": "aria-busy", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-controls", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-controls", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "state", - name: "aria-current", - required: false, - disallowed: false, - deprecated: false, + "is": "state", + "name": "aria-current", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-describedby", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-describedby", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-description", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-description", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-details", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-details", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "state", - name: "aria-disabled", - required: false, - disallowed: false, - deprecated: true, + "is": "state", + "name": "aria-disabled", + "required": false, + "disallowed": false, + "deprecated": true }, { - is: "property", - name: "aria-dropeffect", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-dropeffect", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-errormessage", - required: false, - disallowed: false, - deprecated: true, + "is": "property", + "name": "aria-errormessage", + "required": false, + "disallowed": false, + "deprecated": true }, { - is: "property", - name: "aria-flowto", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-flowto", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "state", - name: "aria-grabbed", - required: false, - disallowed: false, - deprecated: false, + "is": "state", + "name": "aria-grabbed", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-haspopup", - required: false, - disallowed: false, - deprecated: true, + "is": "property", + "name": "aria-haspopup", + "required": false, + "disallowed": false, + "deprecated": true }, { - is: "state", - name: "aria-hidden", - required: false, - disallowed: false, - deprecated: false, + "is": "state", + "name": "aria-hidden", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "state", - name: "aria-invalid", - required: false, - disallowed: false, - deprecated: true, + "is": "state", + "name": "aria-invalid", + "required": false, + "disallowed": false, + "deprecated": true }, { - is: "property", - name: "aria-keyshortcuts", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-keyshortcuts", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-label", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-label", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-labelledby", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-labelledby", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-live", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-live", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-owns", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-owns", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-relevant", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-relevant", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-roledescription", - required: false, - disallowed: false, - deprecated: false, - }, - ], + "is": "property", + "name": "aria-roledescription", + "required": false, + "disallowed": false, + "deprecated": false + } + ] }, - region: { - name: "region", - fragID: "region", - parentRoles: ["landmark"], - localprops: [], + "region": { + "name": "region", + "fragID": "region", + "parentRoles": [ + "landmark" + ], + "localprops": [] }, - roletype: { - name: "roletype", - fragID: "roletype", - parentRoles: [], - localprops: [ + "roletype": { + "name": "roletype", + "fragID": "roletype", + "parentRoles": [], + "localprops": [ { - is: "property", - name: "aria-atomic", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-atomic", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-braillelabel", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-braillelabel", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-brailleroledescription", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-brailleroledescription", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "state", - name: "aria-busy", - required: false, - disallowed: false, - deprecated: false, + "is": "state", + "name": "aria-busy", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-controls", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-controls", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "state", - name: "aria-current", - required: false, - disallowed: false, - deprecated: false, + "is": "state", + "name": "aria-current", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-describedby", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-describedby", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-description", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-description", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-details", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-details", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "state", - name: "aria-disabled", - required: false, - disallowed: false, - deprecated: true, + "is": "state", + "name": "aria-disabled", + "required": false, + "disallowed": false, + "deprecated": true }, { - is: "property", - name: "aria-dropeffect", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-dropeffect", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-errormessage", - required: false, - disallowed: false, - deprecated: true, + "is": "property", + "name": "aria-errormessage", + "required": false, + "disallowed": false, + "deprecated": true }, { - is: "property", - name: "aria-flowto", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-flowto", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "state", - name: "aria-grabbed", - required: false, - disallowed: false, - deprecated: false, + "is": "state", + "name": "aria-grabbed", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-haspopup", - required: false, - disallowed: false, - deprecated: true, + "is": "property", + "name": "aria-haspopup", + "required": false, + "disallowed": false, + "deprecated": true }, { - is: "state", - name: "aria-hidden", - required: false, - disallowed: false, - deprecated: false, + "is": "state", + "name": "aria-hidden", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "state", - name: "aria-invalid", - required: false, - disallowed: false, - deprecated: true, + "is": "state", + "name": "aria-invalid", + "required": false, + "disallowed": false, + "deprecated": true }, { - is: "property", - name: "aria-keyshortcuts", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-keyshortcuts", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-label", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-label", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-labelledby", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-labelledby", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-live", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-live", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-owns", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-owns", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-relevant", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-relevant", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-roledescription", - required: false, - disallowed: false, - deprecated: false, - }, + "is": "property", + "name": "aria-roledescription", + "required": false, + "disallowed": false, + "deprecated": false + } ], - allprops: [ + "allprops": [ { - is: "property", - name: "aria-atomic", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-atomic", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-braillelabel", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-braillelabel", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-brailleroledescription", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-brailleroledescription", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "state", - name: "aria-busy", - required: false, - disallowed: false, - deprecated: false, + "is": "state", + "name": "aria-busy", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-controls", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-controls", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "state", - name: "aria-current", - required: false, - disallowed: false, - deprecated: false, + "is": "state", + "name": "aria-current", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-describedby", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-describedby", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-description", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-description", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-details", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-details", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "state", - name: "aria-disabled", - required: false, - disallowed: false, - deprecated: true, + "is": "state", + "name": "aria-disabled", + "required": false, + "disallowed": false, + "deprecated": true }, { - is: "property", - name: "aria-dropeffect", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-dropeffect", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-errormessage", - required: false, - disallowed: false, - deprecated: true, + "is": "property", + "name": "aria-errormessage", + "required": false, + "disallowed": false, + "deprecated": true }, { - is: "property", - name: "aria-flowto", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-flowto", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "state", - name: "aria-grabbed", - required: false, - disallowed: false, - deprecated: false, + "is": "state", + "name": "aria-grabbed", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-haspopup", - required: false, - disallowed: false, - deprecated: true, + "is": "property", + "name": "aria-haspopup", + "required": false, + "disallowed": false, + "deprecated": true }, { - is: "state", - name: "aria-hidden", - required: false, - disallowed: false, - deprecated: false, + "is": "state", + "name": "aria-hidden", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "state", - name: "aria-invalid", - required: false, - disallowed: false, - deprecated: true, + "is": "state", + "name": "aria-invalid", + "required": false, + "disallowed": false, + "deprecated": true }, { - is: "property", - name: "aria-keyshortcuts", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-keyshortcuts", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-label", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-label", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-labelledby", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-labelledby", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-live", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-live", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-owns", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-owns", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-relevant", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-relevant", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-roledescription", - required: false, - disallowed: false, - deprecated: false, - }, - ], + "is": "property", + "name": "aria-roledescription", + "required": false, + "disallowed": false, + "deprecated": false + } + ] }, - row: { - name: "row", - fragID: "row", - parentRoles: ["group", "widget"], - localprops: [ + "row": { + "name": "row", + "fragID": "row", + "parentRoles": [ + "group", + "widget" + ], + "localprops": [ { - is: "property", - name: "aria-colindex", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-colindex", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "state", - name: "aria-expanded", - required: false, - disallowed: false, - deprecated: false, + "is": "state", + "name": "aria-expanded", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-level", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-level", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-posinset", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-posinset", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-rowindex", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-rowindex", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-rowindextext", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-rowindextext", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-setsize", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-setsize", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "state", - name: "aria-selected", - required: false, - disallowed: false, - deprecated: false, - }, - ], + "is": "state", + "name": "aria-selected", + "required": false, + "disallowed": false, + "deprecated": false + } + ] }, - rowgroup: { - name: "rowgroup", - fragID: "rowgroup", - parentRoles: ["structure"], - localprops: [], + "rowgroup": { + "name": "rowgroup", + "fragID": "rowgroup", + "parentRoles": [ + "structure" + ], + "localprops": [] }, - rowheader: { - name: "rowheader", - fragID: "rowheader", - parentRoles: ["cell", "gridcell", "sectionhead"], - localprops: [ - { - is: "state", - name: "aria-expanded", - required: false, - disallowed: false, - deprecated: false, - }, - { - is: "property", - name: "aria-sort", - required: false, - disallowed: false, - deprecated: false, - }, + "rowheader": { + "name": "rowheader", + "fragID": "rowheader", + "parentRoles": [ + "cell", + "gridcell", + "sectionhead" ], + "localprops": [ + { + "is": "state", + "name": "aria-expanded", + "required": false, + "disallowed": false, + "deprecated": false + }, + { + "is": "property", + "name": "aria-sort", + "required": false, + "disallowed": false, + "deprecated": false + } + ] }, - scrollbar: { - name: "scrollbar", - fragID: "scrollbar", - parentRoles: ["range", "widget"], - localprops: [ + "scrollbar": { + "name": "scrollbar", + "fragID": "scrollbar", + "parentRoles": [ + "range", + "widget" + ], + "localprops": [ { - is: "property", - name: "aria-controls", - required: true, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-controls", + "required": true, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-valuenow", - required: true, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-valuenow", + "required": true, + "disallowed": false, + "deprecated": false }, { - is: "state", - name: "aria-disabled", - required: false, - disallowed: false, - deprecated: false, + "is": "state", + "name": "aria-disabled", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-orientation", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-orientation", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-valuemax", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-valuemax", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-valuemin", - required: false, - disallowed: false, - deprecated: false, - }, - ], + "is": "property", + "name": "aria-valuemin", + "required": false, + "disallowed": false, + "deprecated": false + } + ] }, - search: { - name: "search", - fragID: "search", - parentRoles: ["landmark"], - localprops: [], + "search": { + "name": "search", + "fragID": "search", + "parentRoles": [ + "landmark" + ], + "localprops": [] }, - searchbox: { - name: "searchbox", - fragID: "searchbox", - parentRoles: ["textbox"], - localprops: [], + "searchbox": { + "name": "searchbox", + "fragID": "searchbox", + "parentRoles": [ + "textbox" + ], + "localprops": [] }, - section: { - name: "section", - fragID: "section", - parentRoles: ["structure"], - localprops: [], - allprops: [ + "section": { + "name": "section", + "fragID": "section", + "parentRoles": [ + "structure" + ], + "localprops": [], + "allprops": [ { - is: "property", - name: "aria-atomic", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-atomic", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-braillelabel", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-braillelabel", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-brailleroledescription", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-brailleroledescription", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "state", - name: "aria-busy", - required: false, - disallowed: false, - deprecated: false, + "is": "state", + "name": "aria-busy", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-controls", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-controls", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "state", - name: "aria-current", - required: false, - disallowed: false, - deprecated: false, + "is": "state", + "name": "aria-current", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-describedby", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-describedby", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-description", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-description", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-details", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-details", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "state", - name: "aria-disabled", - required: false, - disallowed: false, - deprecated: true, + "is": "state", + "name": "aria-disabled", + "required": false, + "disallowed": false, + "deprecated": true }, { - is: "property", - name: "aria-dropeffect", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-dropeffect", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-errormessage", - required: false, - disallowed: false, - deprecated: true, + "is": "property", + "name": "aria-errormessage", + "required": false, + "disallowed": false, + "deprecated": true }, { - is: "property", - name: "aria-flowto", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-flowto", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "state", - name: "aria-grabbed", - required: false, - disallowed: false, - deprecated: false, + "is": "state", + "name": "aria-grabbed", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-haspopup", - required: false, - disallowed: false, - deprecated: true, + "is": "property", + "name": "aria-haspopup", + "required": false, + "disallowed": false, + "deprecated": true }, { - is: "state", - name: "aria-hidden", - required: false, - disallowed: false, - deprecated: false, + "is": "state", + "name": "aria-hidden", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "state", - name: "aria-invalid", - required: false, - disallowed: false, - deprecated: true, + "is": "state", + "name": "aria-invalid", + "required": false, + "disallowed": false, + "deprecated": true }, { - is: "property", - name: "aria-keyshortcuts", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-keyshortcuts", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-label", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-label", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-labelledby", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-labelledby", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-live", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-live", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-owns", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-owns", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-relevant", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-relevant", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-roledescription", - required: false, - disallowed: false, - deprecated: false, - }, - ], + "is": "property", + "name": "aria-roledescription", + "required": false, + "disallowed": false, + "deprecated": false + } + ] }, - sectionhead: { - name: "sectionhead", - fragID: "sectionhead", - parentRoles: ["structure"], - localprops: [], - allprops: [ + "sectionhead": { + "name": "sectionhead", + "fragID": "sectionhead", + "parentRoles": [ + "structure" + ], + "localprops": [], + "allprops": [ { - is: "property", - name: "aria-atomic", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-atomic", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-braillelabel", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-braillelabel", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-brailleroledescription", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-brailleroledescription", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "state", - name: "aria-busy", - required: false, - disallowed: false, - deprecated: false, + "is": "state", + "name": "aria-busy", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-controls", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-controls", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "state", - name: "aria-current", - required: false, - disallowed: false, - deprecated: false, + "is": "state", + "name": "aria-current", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-describedby", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-describedby", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-description", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-description", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-details", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-details", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "state", - name: "aria-disabled", - required: false, - disallowed: false, - deprecated: true, + "is": "state", + "name": "aria-disabled", + "required": false, + "disallowed": false, + "deprecated": true }, { - is: "property", - name: "aria-dropeffect", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-dropeffect", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-errormessage", - required: false, - disallowed: false, - deprecated: true, + "is": "property", + "name": "aria-errormessage", + "required": false, + "disallowed": false, + "deprecated": true }, { - is: "property", - name: "aria-flowto", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-flowto", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "state", - name: "aria-grabbed", - required: false, - disallowed: false, - deprecated: false, + "is": "state", + "name": "aria-grabbed", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-haspopup", - required: false, - disallowed: false, - deprecated: true, + "is": "property", + "name": "aria-haspopup", + "required": false, + "disallowed": false, + "deprecated": true }, { - is: "state", - name: "aria-hidden", - required: false, - disallowed: false, - deprecated: false, + "is": "state", + "name": "aria-hidden", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "state", - name: "aria-invalid", - required: false, - disallowed: false, - deprecated: true, + "is": "state", + "name": "aria-invalid", + "required": false, + "disallowed": false, + "deprecated": true }, { - is: "property", - name: "aria-keyshortcuts", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-keyshortcuts", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-label", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-label", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-labelledby", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-labelledby", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-live", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-live", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-owns", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-owns", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-relevant", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-relevant", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-roledescription", - required: false, - disallowed: false, - deprecated: false, - }, - ], + "is": "property", + "name": "aria-roledescription", + "required": false, + "disallowed": false, + "deprecated": false + } + ] }, - select: { - name: "select", - fragID: "select", - parentRoles: ["composite", "group"], - localprops: [ - { - is: "property", - name: "aria-orientation", - required: false, - disallowed: false, - deprecated: false, - }, + "select": { + "name": "select", + "fragID": "select", + "parentRoles": [ + "composite", + "group" ], - allprops: [ + "localprops": [ + { + "is": "property", + "name": "aria-orientation", + "required": false, + "disallowed": false, + "deprecated": false + } + ], + "allprops": [ { - is: "property", - name: "aria-orientation", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-orientation", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-activedescendant", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-activedescendant", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "state", - name: "aria-disabled", - required: false, - disallowed: false, - deprecated: false, + "is": "state", + "name": "aria-disabled", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-atomic", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-atomic", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-braillelabel", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-braillelabel", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-brailleroledescription", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-brailleroledescription", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "state", - name: "aria-busy", - required: false, - disallowed: false, - deprecated: false, + "is": "state", + "name": "aria-busy", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-controls", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-controls", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "state", - name: "aria-current", - required: false, - disallowed: false, - deprecated: false, + "is": "state", + "name": "aria-current", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-describedby", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-describedby", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-description", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-description", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-details", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-details", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "state", - name: "aria-disabled", - required: false, - disallowed: false, - deprecated: true, + "is": "state", + "name": "aria-disabled", + "required": false, + "disallowed": false, + "deprecated": true }, { - is: "property", - name: "aria-dropeffect", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-dropeffect", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-errormessage", - required: false, - disallowed: false, - deprecated: true, + "is": "property", + "name": "aria-errormessage", + "required": false, + "disallowed": false, + "deprecated": true }, { - is: "property", - name: "aria-flowto", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-flowto", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "state", - name: "aria-grabbed", - required: false, - disallowed: false, - deprecated: false, + "is": "state", + "name": "aria-grabbed", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-haspopup", - required: false, - disallowed: false, - deprecated: true, + "is": "property", + "name": "aria-haspopup", + "required": false, + "disallowed": false, + "deprecated": true }, { - is: "state", - name: "aria-hidden", - required: false, - disallowed: false, - deprecated: false, + "is": "state", + "name": "aria-hidden", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "state", - name: "aria-invalid", - required: false, - disallowed: false, - deprecated: true, + "is": "state", + "name": "aria-invalid", + "required": false, + "disallowed": false, + "deprecated": true }, { - is: "property", - name: "aria-keyshortcuts", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-keyshortcuts", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-label", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-label", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-labelledby", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-labelledby", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-live", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-live", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-owns", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-owns", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-relevant", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-relevant", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-roledescription", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-roledescription", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-activedescendant", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-activedescendant", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "state", - name: "aria-disabled", - required: false, - disallowed: false, - deprecated: false, + "is": "state", + "name": "aria-disabled", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-atomic", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-atomic", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-braillelabel", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-braillelabel", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-brailleroledescription", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-brailleroledescription", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "state", - name: "aria-busy", - required: false, - disallowed: false, - deprecated: false, + "is": "state", + "name": "aria-busy", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-controls", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-controls", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "state", - name: "aria-current", - required: false, - disallowed: false, - deprecated: false, + "is": "state", + "name": "aria-current", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-describedby", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-describedby", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-description", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-description", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-details", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-details", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "state", - name: "aria-disabled", - required: false, - disallowed: false, - deprecated: true, + "is": "state", + "name": "aria-disabled", + "required": false, + "disallowed": false, + "deprecated": true }, { - is: "property", - name: "aria-dropeffect", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-dropeffect", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-errormessage", - required: false, - disallowed: false, - deprecated: true, + "is": "property", + "name": "aria-errormessage", + "required": false, + "disallowed": false, + "deprecated": true }, { - is: "property", - name: "aria-flowto", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-flowto", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "state", - name: "aria-grabbed", - required: false, - disallowed: false, - deprecated: false, + "is": "state", + "name": "aria-grabbed", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-haspopup", - required: false, - disallowed: false, - deprecated: true, + "is": "property", + "name": "aria-haspopup", + "required": false, + "disallowed": false, + "deprecated": true }, { - is: "state", - name: "aria-hidden", - required: false, - disallowed: false, - deprecated: false, + "is": "state", + "name": "aria-hidden", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "state", - name: "aria-invalid", - required: false, - disallowed: false, - deprecated: true, + "is": "state", + "name": "aria-invalid", + "required": false, + "disallowed": false, + "deprecated": true }, { - is: "property", - name: "aria-keyshortcuts", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-keyshortcuts", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-label", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-label", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-labelledby", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-labelledby", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-live", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-live", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-owns", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-owns", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-relevant", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-relevant", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-roledescription", - required: false, - disallowed: false, - deprecated: false, - }, - ], + "is": "property", + "name": "aria-roledescription", + "required": false, + "disallowed": false, + "deprecated": false + } + ] }, - separator: { - name: "separator", - fragID: "separator", - parentRoles: ["structure", "widget"], - localprops: [ + "separator": { + "name": "separator", + "fragID": "separator", + "parentRoles": [ + "structure", + "widget" + ], + "localprops": [ { - is: "property", - name: "aria-valuenow", - required: true, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-valuenow", + "required": true, + "disallowed": false, + "deprecated": false }, { - is: "state", - name: "aria-disabled", - required: false, - disallowed: false, - deprecated: false, + "is": "state", + "name": "aria-disabled", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-orientation", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-orientation", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-valuemax", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-valuemax", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-valuemin", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-valuemin", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-valuetext", - required: false, - disallowed: false, - deprecated: false, - }, - ], + "is": "property", + "name": "aria-valuetext", + "required": false, + "disallowed": false, + "deprecated": false + } + ] }, - slider: { - name: "slider", - fragID: "slider", - parentRoles: ["input", "range"], - localprops: [ + "slider": { + "name": "slider", + "fragID": "slider", + "parentRoles": [ + "input", + "range" + ], + "localprops": [ { - is: "property", - name: "aria-valuenow", - required: true, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-valuenow", + "required": true, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-errormessage", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-errormessage", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-haspopup", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-haspopup", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "state", - name: "aria-invalid", - required: false, - disallowed: false, - deprecated: false, + "is": "state", + "name": "aria-invalid", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-orientation", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-orientation", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-readonly", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-readonly", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-valuemax", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-valuemax", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-valuemin", - required: false, - disallowed: false, - deprecated: false, - }, - ], + "is": "property", + "name": "aria-valuemin", + "required": false, + "disallowed": false, + "deprecated": false + } + ] }, - spinbutton: { - name: "spinbutton", - fragID: "spinbutton", - parentRoles: ["composite", "input", "range"], - localprops: [ + "spinbutton": { + "name": "spinbutton", + "fragID": "spinbutton", + "parentRoles": [ + "composite", + "input", + "range" + ], + "localprops": [ { - is: "property", - name: "aria-errormessage", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-errormessage", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "state", - name: "aria-invalid", - required: false, - disallowed: false, - deprecated: false, + "is": "state", + "name": "aria-invalid", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-readonly", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-readonly", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-required", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-required", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-valuemax", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-valuemax", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-valuemin", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-valuemin", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-valuenow", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-valuenow", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-valuetext", - required: false, - disallowed: false, - deprecated: false, - }, - ], + "is": "property", + "name": "aria-valuetext", + "required": false, + "disallowed": false, + "deprecated": false + } + ] }, - status: { - name: "status", - fragID: "status", - parentRoles: ["section"], - localprops: [], - allprops: [ + "status": { + "name": "status", + "fragID": "status", + "parentRoles": [ + "section" + ], + "localprops": [], + "allprops": [ { - is: "property", - name: "aria-atomic", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-atomic", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-braillelabel", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-braillelabel", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-brailleroledescription", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-brailleroledescription", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "state", - name: "aria-busy", - required: false, - disallowed: false, - deprecated: false, + "is": "state", + "name": "aria-busy", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-controls", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-controls", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "state", - name: "aria-current", - required: false, - disallowed: false, - deprecated: false, + "is": "state", + "name": "aria-current", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-describedby", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-describedby", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-description", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-description", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-details", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-details", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "state", - name: "aria-disabled", - required: false, - disallowed: false, - deprecated: true, + "is": "state", + "name": "aria-disabled", + "required": false, + "disallowed": false, + "deprecated": true }, { - is: "property", - name: "aria-dropeffect", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-dropeffect", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-errormessage", - required: false, - disallowed: false, - deprecated: true, + "is": "property", + "name": "aria-errormessage", + "required": false, + "disallowed": false, + "deprecated": true }, { - is: "property", - name: "aria-flowto", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-flowto", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "state", - name: "aria-grabbed", - required: false, - disallowed: false, - deprecated: false, + "is": "state", + "name": "aria-grabbed", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-haspopup", - required: false, - disallowed: false, - deprecated: true, + "is": "property", + "name": "aria-haspopup", + "required": false, + "disallowed": false, + "deprecated": true }, { - is: "state", - name: "aria-hidden", - required: false, - disallowed: false, - deprecated: false, + "is": "state", + "name": "aria-hidden", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "state", - name: "aria-invalid", - required: false, - disallowed: false, - deprecated: true, + "is": "state", + "name": "aria-invalid", + "required": false, + "disallowed": false, + "deprecated": true }, { - is: "property", - name: "aria-keyshortcuts", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-keyshortcuts", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-label", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-label", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-labelledby", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-labelledby", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-live", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-live", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-owns", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-owns", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-relevant", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-relevant", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-roledescription", - required: false, - disallowed: false, - deprecated: false, - }, - ], + "is": "property", + "name": "aria-roledescription", + "required": false, + "disallowed": false, + "deprecated": false + } + ] }, - strong: { - name: "strong", - fragID: "strong", - parentRoles: ["section"], - localprops: [ - { - is: "property", - name: "aria-label", - required: false, - disallowed: true, - deprecated: false, - }, - { - is: "property", - name: "aria-labelledby", - required: false, - disallowed: true, - deprecated: false, - }, + "strong": { + "name": "strong", + "fragID": "strong", + "parentRoles": [ + "section" ], + "localprops": [ + { + "is": "property", + "name": "aria-label", + "required": false, + "disallowed": true, + "deprecated": false + }, + { + "is": "property", + "name": "aria-labelledby", + "required": false, + "disallowed": true, + "deprecated": false + } + ] }, - structure: { - name: "structure", - fragID: "structure", - parentRoles: ["roletype"], - localprops: [], - allprops: [ + "structure": { + "name": "structure", + "fragID": "structure", + "parentRoles": [ + "roletype" + ], + "localprops": [], + "allprops": [ { - is: "property", - name: "aria-atomic", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-atomic", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-braillelabel", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-braillelabel", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-brailleroledescription", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-brailleroledescription", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "state", - name: "aria-busy", - required: false, - disallowed: false, - deprecated: false, + "is": "state", + "name": "aria-busy", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-controls", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-controls", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "state", - name: "aria-current", - required: false, - disallowed: false, - deprecated: false, + "is": "state", + "name": "aria-current", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-describedby", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-describedby", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-description", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-description", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-details", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-details", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "state", - name: "aria-disabled", - required: false, - disallowed: false, - deprecated: true, + "is": "state", + "name": "aria-disabled", + "required": false, + "disallowed": false, + "deprecated": true }, { - is: "property", - name: "aria-dropeffect", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-dropeffect", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-errormessage", - required: false, - disallowed: false, - deprecated: true, + "is": "property", + "name": "aria-errormessage", + "required": false, + "disallowed": false, + "deprecated": true }, { - is: "property", - name: "aria-flowto", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-flowto", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "state", - name: "aria-grabbed", - required: false, - disallowed: false, - deprecated: false, + "is": "state", + "name": "aria-grabbed", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-haspopup", - required: false, - disallowed: false, - deprecated: true, + "is": "property", + "name": "aria-haspopup", + "required": false, + "disallowed": false, + "deprecated": true }, { - is: "state", - name: "aria-hidden", - required: false, - disallowed: false, - deprecated: false, + "is": "state", + "name": "aria-hidden", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "state", - name: "aria-invalid", - required: false, - disallowed: false, - deprecated: true, + "is": "state", + "name": "aria-invalid", + "required": false, + "disallowed": false, + "deprecated": true }, { - is: "property", - name: "aria-keyshortcuts", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-keyshortcuts", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-label", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-label", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-labelledby", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-labelledby", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-live", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-live", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-owns", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-owns", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-relevant", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-relevant", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-roledescription", - required: false, - disallowed: false, - deprecated: false, - }, - ], + "is": "property", + "name": "aria-roledescription", + "required": false, + "disallowed": false, + "deprecated": false + } + ] }, - subscript: { - name: "subscript", - fragID: "subscript", - parentRoles: ["section"], - localprops: [ - { - is: "property", - name: "aria-label", - required: false, - disallowed: true, - deprecated: false, - }, - { - is: "property", - name: "aria-labelledby", - required: false, - disallowed: true, - deprecated: false, - }, + "subscript": { + "name": "subscript", + "fragID": "subscript", + "parentRoles": [ + "section" ], + "localprops": [ + { + "is": "property", + "name": "aria-label", + "required": false, + "disallowed": true, + "deprecated": false + }, + { + "is": "property", + "name": "aria-labelledby", + "required": false, + "disallowed": true, + "deprecated": false + } + ] }, - suggestion: { - name: "suggestion", - fragID: "suggestion", - parentRoles: ["section"], - localprops: [ - { - is: "property", - name: "aria-label", - required: false, - disallowed: true, - deprecated: false, - }, - { - is: "property", - name: "aria-labelledby", - required: false, - disallowed: true, - deprecated: false, - }, + "suggestion": { + "name": "suggestion", + "fragID": "suggestion", + "parentRoles": [ + "section" ], + "localprops": [ + { + "is": "property", + "name": "aria-label", + "required": false, + "disallowed": true, + "deprecated": false + }, + { + "is": "property", + "name": "aria-labelledby", + "required": false, + "disallowed": true, + "deprecated": false + } + ] }, - superscript: { - name: "superscript", - fragID: "superscript", - parentRoles: ["section"], - localprops: [ - { - is: "property", - name: "aria-label", - required: false, - disallowed: true, - deprecated: false, - }, - { - is: "property", - name: "aria-labelledby", - required: false, - disallowed: true, - deprecated: false, - }, + "superscript": { + "name": "superscript", + "fragID": "superscript", + "parentRoles": [ + "section" ], + "localprops": [ + { + "is": "property", + "name": "aria-label", + "required": false, + "disallowed": true, + "deprecated": false + }, + { + "is": "property", + "name": "aria-labelledby", + "required": false, + "disallowed": true, + "deprecated": false + } + ] }, - switch: { - name: "switch", - fragID: "switch", - parentRoles: ["checkbox"], - localprops: [ - { - is: "state", - name: "aria-checked", - required: true, - disallowed: false, - deprecated: false, - }, + "switch": { + "name": "switch", + "fragID": "switch", + "parentRoles": [ + "checkbox" ], + "localprops": [ + { + "is": "state", + "name": "aria-checked", + "required": true, + "disallowed": false, + "deprecated": false + } + ] }, - tab: { - name: "tab", - fragID: "tab", - parentRoles: ["sectionhead", "widget"], - localprops: [ + "tab": { + "name": "tab", + "fragID": "tab", + "parentRoles": [ + "sectionhead", + "widget" + ], + "localprops": [ { - is: "state", - name: "aria-disabled", - required: false, - disallowed: false, - deprecated: false, + "is": "state", + "name": "aria-disabled", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "state", - name: "aria-expanded", - required: false, - disallowed: false, - deprecated: false, + "is": "state", + "name": "aria-expanded", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-haspopup", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-haspopup", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-posinset", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-posinset", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "state", - name: "aria-selected", - required: false, - disallowed: false, - deprecated: false, + "is": "state", + "name": "aria-selected", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-setsize", - required: false, - disallowed: false, - deprecated: false, - }, - ], + "is": "property", + "name": "aria-setsize", + "required": false, + "disallowed": false, + "deprecated": false + } + ] }, - table: { - name: "table", - fragID: "table", - parentRoles: ["section"], - localprops: [ + "table": { + "name": "table", + "fragID": "table", + "parentRoles": [ + "section" + ], + "localprops": [ { - is: "property", - name: "aria-colcount", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-colcount", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-rowcount", - required: false, - disallowed: false, - deprecated: false, - }, + "is": "property", + "name": "aria-rowcount", + "required": false, + "disallowed": false, + "deprecated": false + } ], - allprops: [ + "allprops": [ { - is: "property", - name: "aria-colcount", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-colcount", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-rowcount", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-rowcount", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-atomic", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-atomic", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-braillelabel", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-braillelabel", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-brailleroledescription", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-brailleroledescription", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "state", - name: "aria-busy", - required: false, - disallowed: false, - deprecated: false, + "is": "state", + "name": "aria-busy", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-controls", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-controls", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "state", - name: "aria-current", - required: false, - disallowed: false, - deprecated: false, + "is": "state", + "name": "aria-current", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-describedby", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-describedby", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-description", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-description", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-details", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-details", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "state", - name: "aria-disabled", - required: false, - disallowed: false, - deprecated: true, + "is": "state", + "name": "aria-disabled", + "required": false, + "disallowed": false, + "deprecated": true }, { - is: "property", - name: "aria-dropeffect", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-dropeffect", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-errormessage", - required: false, - disallowed: false, - deprecated: true, + "is": "property", + "name": "aria-errormessage", + "required": false, + "disallowed": false, + "deprecated": true }, { - is: "property", - name: "aria-flowto", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-flowto", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "state", - name: "aria-grabbed", - required: false, - disallowed: false, - deprecated: false, + "is": "state", + "name": "aria-grabbed", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-haspopup", - required: false, - disallowed: false, - deprecated: true, + "is": "property", + "name": "aria-haspopup", + "required": false, + "disallowed": false, + "deprecated": true }, { - is: "state", - name: "aria-hidden", - required: false, - disallowed: false, - deprecated: false, + "is": "state", + "name": "aria-hidden", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "state", - name: "aria-invalid", - required: false, - disallowed: false, - deprecated: true, + "is": "state", + "name": "aria-invalid", + "required": false, + "disallowed": false, + "deprecated": true }, { - is: "property", - name: "aria-keyshortcuts", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-keyshortcuts", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-label", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-label", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-labelledby", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-labelledby", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-live", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-live", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-owns", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-owns", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-relevant", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-relevant", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-roledescription", - required: false, - disallowed: false, - deprecated: false, - }, - ], + "is": "property", + "name": "aria-roledescription", + "required": false, + "disallowed": false, + "deprecated": false + } + ] }, - tablist: { - name: "tablist", - fragID: "tablist", - parentRoles: ["composite"], - localprops: [ - { - is: "property", - name: "aria-multiselectable", - required: false, - disallowed: false, - deprecated: false, - }, - { - is: "property", - name: "aria-orientation", - required: false, - disallowed: false, - deprecated: false, - }, + "tablist": { + "name": "tablist", + "fragID": "tablist", + "parentRoles": [ + "composite" ], + "localprops": [ + { + "is": "property", + "name": "aria-multiselectable", + "required": false, + "disallowed": false, + "deprecated": false + }, + { + "is": "property", + "name": "aria-orientation", + "required": false, + "disallowed": false, + "deprecated": false + } + ] }, - tabpanel: { - name: "tabpanel", - fragID: "tabpanel", - parentRoles: ["section"], - localprops: [], + "tabpanel": { + "name": "tabpanel", + "fragID": "tabpanel", + "parentRoles": [ + "section" + ], + "localprops": [] }, - term: { - name: "term", - fragID: "term", - parentRoles: ["section"], - localprops: [ - { - is: "property", - name: "aria-label", - required: false, - disallowed: true, - deprecated: false, - }, - { - is: "property", - name: "aria-labelledby", - required: false, - disallowed: true, - deprecated: false, - }, + "term": { + "name": "term", + "fragID": "term", + "parentRoles": [ + "section" ], + "localprops": [ + { + "is": "property", + "name": "aria-label", + "required": false, + "disallowed": true, + "deprecated": false + }, + { + "is": "property", + "name": "aria-labelledby", + "required": false, + "disallowed": true, + "deprecated": false + } + ] }, - textbox: { - name: "textbox", - fragID: "textbox", - parentRoles: ["input"], - localprops: [ + "textbox": { + "name": "textbox", + "fragID": "textbox", + "parentRoles": [ + "input" + ], + "localprops": [ { - is: "property", - name: "aria-activedescendant", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-activedescendant", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-autocomplete", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-autocomplete", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-errormessage", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-errormessage", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-haspopup", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-haspopup", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "state", - name: "aria-invalid", - required: false, - disallowed: false, - deprecated: false, + "is": "state", + "name": "aria-invalid", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-multiline", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-multiline", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-placeholder", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-placeholder", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-readonly", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-readonly", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-required", - required: false, - disallowed: false, - deprecated: false, - }, + "is": "property", + "name": "aria-required", + "required": false, + "disallowed": false, + "deprecated": false + } ], - allprops: [ + "allprops": [ { - is: "property", - name: "aria-activedescendant", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-activedescendant", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-autocomplete", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-autocomplete", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-errormessage", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-errormessage", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-haspopup", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-haspopup", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "state", - name: "aria-invalid", - required: false, - disallowed: false, - deprecated: false, + "is": "state", + "name": "aria-invalid", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-multiline", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-multiline", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-placeholder", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-placeholder", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-readonly", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-readonly", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-required", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-required", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "state", - name: "aria-disabled", - required: false, - disallowed: false, - deprecated: false, + "is": "state", + "name": "aria-disabled", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-atomic", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-atomic", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-braillelabel", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-braillelabel", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-brailleroledescription", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-brailleroledescription", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "state", - name: "aria-busy", - required: false, - disallowed: false, - deprecated: false, + "is": "state", + "name": "aria-busy", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-controls", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-controls", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "state", - name: "aria-current", - required: false, - disallowed: false, - deprecated: false, + "is": "state", + "name": "aria-current", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-describedby", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-describedby", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-description", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-description", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-details", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-details", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "state", - name: "aria-disabled", - required: false, - disallowed: false, - deprecated: true, + "is": "state", + "name": "aria-disabled", + "required": false, + "disallowed": false, + "deprecated": true }, { - is: "property", - name: "aria-dropeffect", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-dropeffect", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-errormessage", - required: false, - disallowed: false, - deprecated: true, + "is": "property", + "name": "aria-errormessage", + "required": false, + "disallowed": false, + "deprecated": true }, { - is: "property", - name: "aria-flowto", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-flowto", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "state", - name: "aria-grabbed", - required: false, - disallowed: false, - deprecated: false, + "is": "state", + "name": "aria-grabbed", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-haspopup", - required: false, - disallowed: false, - deprecated: true, + "is": "property", + "name": "aria-haspopup", + "required": false, + "disallowed": false, + "deprecated": true }, { - is: "state", - name: "aria-hidden", - required: false, - disallowed: false, - deprecated: false, + "is": "state", + "name": "aria-hidden", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "state", - name: "aria-invalid", - required: false, - disallowed: false, - deprecated: true, + "is": "state", + "name": "aria-invalid", + "required": false, + "disallowed": false, + "deprecated": true }, { - is: "property", - name: "aria-keyshortcuts", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-keyshortcuts", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-label", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-label", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-labelledby", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-labelledby", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-live", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-live", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-owns", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-owns", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-relevant", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-relevant", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-roledescription", - required: false, - disallowed: false, - deprecated: false, - }, - ], + "is": "property", + "name": "aria-roledescription", + "required": false, + "disallowed": false, + "deprecated": false + } + ] }, - time: { - name: "time", - fragID: "time", - parentRoles: ["section"], - localprops: [ - { - is: "property", - name: "aria-label", - required: false, - disallowed: true, - deprecated: false, - }, - { - is: "property", - name: "aria-labelledby", - required: false, - disallowed: true, - deprecated: false, - }, + "time": { + "name": "time", + "fragID": "time", + "parentRoles": [ + "section" ], + "localprops": [ + { + "is": "property", + "name": "aria-label", + "required": false, + "disallowed": true, + "deprecated": false + }, + { + "is": "property", + "name": "aria-labelledby", + "required": false, + "disallowed": true, + "deprecated": false + } + ] }, - timer: { - name: "timer", - fragID: "timer", - parentRoles: ["status"], - localprops: [], + "timer": { + "name": "timer", + "fragID": "timer", + "parentRoles": [ + "status" + ], + "localprops": [] }, - toolbar: { - name: "toolbar", - fragID: "toolbar", - parentRoles: ["group"], - localprops: [ - { - is: "property", - name: "aria-orientation", - required: false, - disallowed: false, - deprecated: false, - }, + "toolbar": { + "name": "toolbar", + "fragID": "toolbar", + "parentRoles": [ + "group" ], + "localprops": [ + { + "is": "property", + "name": "aria-orientation", + "required": false, + "disallowed": false, + "deprecated": false + } + ] }, - tooltip: { - name: "tooltip", - fragID: "tooltip", - parentRoles: ["section"], - localprops: [], + "tooltip": { + "name": "tooltip", + "fragID": "tooltip", + "parentRoles": [ + "section" + ], + "localprops": [] }, - tree: { - name: "tree", - fragID: "tree", - parentRoles: ["select"], - localprops: [ + "tree": { + "name": "tree", + "fragID": "tree", + "parentRoles": [ + "select" + ], + "localprops": [ { - is: "property", - name: "aria-errormessage", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-errormessage", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "state", - name: "aria-invalid", - required: false, - disallowed: false, - deprecated: false, + "is": "state", + "name": "aria-invalid", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-multiselectable", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-multiselectable", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-required", - required: false, - disallowed: false, - deprecated: false, - }, + "is": "property", + "name": "aria-required", + "required": false, + "disallowed": false, + "deprecated": false + } ], - allprops: [ + "allprops": [ { - is: "property", - name: "aria-errormessage", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-errormessage", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "state", - name: "aria-invalid", - required: false, - disallowed: false, - deprecated: false, + "is": "state", + "name": "aria-invalid", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-multiselectable", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-multiselectable", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-required", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-required", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-orientation", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-orientation", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-activedescendant", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-activedescendant", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "state", - name: "aria-disabled", - required: false, - disallowed: false, - deprecated: false, + "is": "state", + "name": "aria-disabled", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-atomic", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-atomic", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-braillelabel", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-braillelabel", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-brailleroledescription", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-brailleroledescription", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "state", - name: "aria-busy", - required: false, - disallowed: false, - deprecated: false, + "is": "state", + "name": "aria-busy", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-controls", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-controls", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "state", - name: "aria-current", - required: false, - disallowed: false, - deprecated: false, + "is": "state", + "name": "aria-current", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-describedby", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-describedby", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-description", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-description", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-details", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-details", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "state", - name: "aria-disabled", - required: false, - disallowed: false, - deprecated: true, + "is": "state", + "name": "aria-disabled", + "required": false, + "disallowed": false, + "deprecated": true }, { - is: "property", - name: "aria-dropeffect", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-dropeffect", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-errormessage", - required: false, - disallowed: false, - deprecated: true, + "is": "property", + "name": "aria-errormessage", + "required": false, + "disallowed": false, + "deprecated": true }, { - is: "property", - name: "aria-flowto", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-flowto", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "state", - name: "aria-grabbed", - required: false, - disallowed: false, - deprecated: false, + "is": "state", + "name": "aria-grabbed", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-haspopup", - required: false, - disallowed: false, - deprecated: true, + "is": "property", + "name": "aria-haspopup", + "required": false, + "disallowed": false, + "deprecated": true }, { - is: "state", - name: "aria-hidden", - required: false, - disallowed: false, - deprecated: false, + "is": "state", + "name": "aria-hidden", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "state", - name: "aria-invalid", - required: false, - disallowed: false, - deprecated: true, + "is": "state", + "name": "aria-invalid", + "required": false, + "disallowed": false, + "deprecated": true }, { - is: "property", - name: "aria-keyshortcuts", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-keyshortcuts", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-label", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-label", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-labelledby", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-labelledby", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-live", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-live", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-owns", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-owns", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-relevant", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-relevant", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-roledescription", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-roledescription", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-activedescendant", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-activedescendant", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "state", - name: "aria-disabled", - required: false, - disallowed: false, - deprecated: false, + "is": "state", + "name": "aria-disabled", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-atomic", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-atomic", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-braillelabel", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-braillelabel", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-brailleroledescription", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-brailleroledescription", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "state", - name: "aria-busy", - required: false, - disallowed: false, - deprecated: false, + "is": "state", + "name": "aria-busy", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-controls", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-controls", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "state", - name: "aria-current", - required: false, - disallowed: false, - deprecated: false, + "is": "state", + "name": "aria-current", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-describedby", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-describedby", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-description", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-description", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-details", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-details", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "state", - name: "aria-disabled", - required: false, - disallowed: false, - deprecated: true, + "is": "state", + "name": "aria-disabled", + "required": false, + "disallowed": false, + "deprecated": true }, { - is: "property", - name: "aria-dropeffect", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-dropeffect", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-errormessage", - required: false, - disallowed: false, - deprecated: true, + "is": "property", + "name": "aria-errormessage", + "required": false, + "disallowed": false, + "deprecated": true }, { - is: "property", - name: "aria-flowto", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-flowto", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "state", - name: "aria-grabbed", - required: false, - disallowed: false, - deprecated: false, + "is": "state", + "name": "aria-grabbed", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-haspopup", - required: false, - disallowed: false, - deprecated: true, + "is": "property", + "name": "aria-haspopup", + "required": false, + "disallowed": false, + "deprecated": true }, { - is: "state", - name: "aria-hidden", - required: false, - disallowed: false, - deprecated: false, + "is": "state", + "name": "aria-hidden", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "state", - name: "aria-invalid", - required: false, - disallowed: false, - deprecated: true, + "is": "state", + "name": "aria-invalid", + "required": false, + "disallowed": false, + "deprecated": true }, { - is: "property", - name: "aria-keyshortcuts", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-keyshortcuts", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-label", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-label", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-labelledby", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-labelledby", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-live", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-live", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-owns", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-owns", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-relevant", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-relevant", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-roledescription", - required: false, - disallowed: false, - deprecated: false, - }, - ], + "is": "property", + "name": "aria-roledescription", + "required": false, + "disallowed": false, + "deprecated": false + } + ] }, - treegrid: { - name: "treegrid", - fragID: "treegrid", - parentRoles: ["grid", "tree"], - localprops: [], + "treegrid": { + "name": "treegrid", + "fragID": "treegrid", + "parentRoles": [ + "grid", + "tree" + ], + "localprops": [] }, - treeitem: { - name: "treeitem", - fragID: "treeitem", - parentRoles: ["listitem", "option"], - localprops: [ + "treeitem": { + "name": "treeitem", + "fragID": "treeitem", + "parentRoles": [ + "listitem", + "option" + ], + "localprops": [ { - is: "state", - name: "aria-expanded", - required: false, - disallowed: false, - deprecated: false, + "is": "state", + "name": "aria-expanded", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-haspopup", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-haspopup", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-level", - required: false, - disallowed: false, - deprecated: false, - }, - ], + "is": "property", + "name": "aria-level", + "required": false, + "disallowed": false, + "deprecated": false + } + ] }, - widget: { - name: "widget", - fragID: "widget", - parentRoles: ["roletype"], - localprops: [], - allprops: [ + "widget": { + "name": "widget", + "fragID": "widget", + "parentRoles": [ + "roletype" + ], + "localprops": [], + "allprops": [ { - is: "property", - name: "aria-atomic", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-atomic", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-braillelabel", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-braillelabel", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-brailleroledescription", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-brailleroledescription", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "state", - name: "aria-busy", - required: false, - disallowed: false, - deprecated: false, + "is": "state", + "name": "aria-busy", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-controls", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-controls", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "state", - name: "aria-current", - required: false, - disallowed: false, - deprecated: false, + "is": "state", + "name": "aria-current", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-describedby", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-describedby", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-description", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-description", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-details", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-details", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "state", - name: "aria-disabled", - required: false, - disallowed: false, - deprecated: true, + "is": "state", + "name": "aria-disabled", + "required": false, + "disallowed": false, + "deprecated": true }, { - is: "property", - name: "aria-dropeffect", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-dropeffect", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-errormessage", - required: false, - disallowed: false, - deprecated: true, + "is": "property", + "name": "aria-errormessage", + "required": false, + "disallowed": false, + "deprecated": true }, { - is: "property", - name: "aria-flowto", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-flowto", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "state", - name: "aria-grabbed", - required: false, - disallowed: false, - deprecated: false, + "is": "state", + "name": "aria-grabbed", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-haspopup", - required: false, - disallowed: false, - deprecated: true, + "is": "property", + "name": "aria-haspopup", + "required": false, + "disallowed": false, + "deprecated": true }, { - is: "state", - name: "aria-hidden", - required: false, - disallowed: false, - deprecated: false, + "is": "state", + "name": "aria-hidden", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "state", - name: "aria-invalid", - required: false, - disallowed: false, - deprecated: true, + "is": "state", + "name": "aria-invalid", + "required": false, + "disallowed": false, + "deprecated": true }, { - is: "property", - name: "aria-keyshortcuts", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-keyshortcuts", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-label", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-label", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-labelledby", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-labelledby", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-live", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-live", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-owns", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-owns", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-relevant", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-relevant", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-roledescription", - required: false, - disallowed: false, - deprecated: false, - }, - ], + "is": "property", + "name": "aria-roledescription", + "required": false, + "disallowed": false, + "deprecated": false + } + ] }, - window: { - name: "window", - fragID: "window", - parentRoles: ["roletype"], - localprops: [ - { - is: "property", - name: "aria-modal", - required: false, - disallowed: false, - deprecated: false, - }, + "window": { + "name": "window", + "fragID": "window", + "parentRoles": [ + "roletype" ], - allprops: [ + "localprops": [ + { + "is": "property", + "name": "aria-modal", + "required": false, + "disallowed": false, + "deprecated": false + } + ], + "allprops": [ { - is: "property", - name: "aria-modal", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-modal", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-atomic", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-atomic", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-braillelabel", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-braillelabel", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-brailleroledescription", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-brailleroledescription", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "state", - name: "aria-busy", - required: false, - disallowed: false, - deprecated: false, + "is": "state", + "name": "aria-busy", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-controls", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-controls", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "state", - name: "aria-current", - required: false, - disallowed: false, - deprecated: false, + "is": "state", + "name": "aria-current", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-describedby", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-describedby", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-description", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-description", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-details", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-details", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "state", - name: "aria-disabled", - required: false, - disallowed: false, - deprecated: true, + "is": "state", + "name": "aria-disabled", + "required": false, + "disallowed": false, + "deprecated": true }, { - is: "property", - name: "aria-dropeffect", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-dropeffect", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-errormessage", - required: false, - disallowed: false, - deprecated: true, + "is": "property", + "name": "aria-errormessage", + "required": false, + "disallowed": false, + "deprecated": true }, { - is: "property", - name: "aria-flowto", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-flowto", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "state", - name: "aria-grabbed", - required: false, - disallowed: false, - deprecated: false, + "is": "state", + "name": "aria-grabbed", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-haspopup", - required: false, - disallowed: false, - deprecated: true, + "is": "property", + "name": "aria-haspopup", + "required": false, + "disallowed": false, + "deprecated": true }, { - is: "state", - name: "aria-hidden", - required: false, - disallowed: false, - deprecated: false, + "is": "state", + "name": "aria-hidden", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "state", - name: "aria-invalid", - required: false, - disallowed: false, - deprecated: true, + "is": "state", + "name": "aria-invalid", + "required": false, + "disallowed": false, + "deprecated": true }, { - is: "property", - name: "aria-keyshortcuts", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-keyshortcuts", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-label", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-label", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-labelledby", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-labelledby", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-live", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-live", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-owns", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-owns", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-relevant", - required: false, - disallowed: false, - deprecated: false, + "is": "property", + "name": "aria-relevant", + "required": false, + "disallowed": false, + "deprecated": false }, { - is: "property", - name: "aria-roledescription", - required: false, - disallowed: false, - deprecated: false, - }, - ], - }, -}; + "is": "property", + "name": "aria-roledescription", + "required": false, + "disallowed": false, + "deprecated": false + } + ] + } +} \ No newline at end of file diff --git a/common/script/utility.js b/common/script/utility.js index 740338a..03b876b 100644 --- a/common/script/utility.js +++ b/common/script/utility.js @@ -5,14 +5,12 @@ // In AAMs to change Authors to Platform Mapping Maintainers in the header function addPlatformMaintainers() { - document.querySelectorAll("div.head dt").forEach(function (node) { - if (node.textContent.trim() == "Authors:") - node.textContent = "Platform Mapping Maintainers:"; - }); + document.querySelectorAll("div.head dt").forEach(function(node){ + if (node.textContent.trim() == "Authors:") node.textContent = "Platform Mapping Maintainers:"; + }) } function fixContributors() { - document.querySelectorAll("#gh-contributors li a").forEach(function (node) { - if (node.textContent.indexOf("[bot]") > 0) - node.parentElement.parentElement.removeChild(node.parentElement); - }); -} + document.querySelectorAll("#gh-contributors li a").forEach(function(node){ + if (node.textContent.indexOf("[bot]") > 0) node.parentElement.parentElement.removeChild(node.parentElement); + }) +} \ No newline at end of file From 9d07b213b0cb126ac5dca8b17499b230fe2857e5 Mon Sep 17 00:00:00 2001 From: Peter Krautzberger Date: Mon, 26 Jun 2023 13:29:11 +0200 Subject: [PATCH 05/16] chore: configure to only format HTML --- .github/workflows/prettier.yaml | 2 ++ 1 file changed, 2 insertions(+) diff --git a/.github/workflows/prettier.yaml b/.github/workflows/prettier.yaml index dc028e0..8c47e8a 100644 --- a/.github/workflows/prettier.yaml +++ b/.github/workflows/prettier.yaml @@ -21,3 +21,5 @@ jobs: - name: Prettify code uses: creyD/prettier_action@v4.3 + with: + prettier_options: --write *.{html} From 435d1a42d86d09d2d9548a87010e8906c805f282 Mon Sep 17 00:00:00 2001 From: Peter Krautzberger Date: Mon, 26 Jun 2023 13:30:50 +0200 Subject: [PATCH 06/16] chore: fix prettier config --- .github/workflows/prettier.yaml | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/.github/workflows/prettier.yaml b/.github/workflows/prettier.yaml index 8c47e8a..474f607 100644 --- a/.github/workflows/prettier.yaml +++ b/.github/workflows/prettier.yaml @@ -22,4 +22,4 @@ jobs: - name: Prettify code uses: creyD/prettier_action@v4.3 with: - prettier_options: --write *.{html} + prettier_options: --write *.html From d37d2ba67677d47b9ec5fbaebfa8504891855779 Mon Sep 17 00:00:00 2001 From: Peter Krautzberger Date: Mon, 26 Jun 2023 13:35:08 +0200 Subject: [PATCH 07/16] editorial(pgrahics2.html): fix closing tag --- graphics2.html | 1 + 1 file changed, 1 insertion(+) diff --git a/graphics2.html b/graphics2.html index 6ac3291..b857c7a 100644 --- a/graphics2.html +++ b/graphics2.html @@ -2662,6 +2662,7 @@

    Other substantive changes since the First Public Working Draft< +

    WAI-ARIA Role, State, and Property Quick Reference

    The following table provides a quick reference to the supported states and properties for all WAI-ARIA roles that may be used in markup.

    From 6889f6d145fb6d42fc18e40fbf3d1bfcfe873e2a Mon Sep 17 00:00:00 2001 From: pkra Date: Mon, 26 Jun 2023 11:35:26 +0000 Subject: [PATCH 08/16] Prettified Code! --- graphics2.html | 5573 ++++++++++++++++++++++++++++-------------------- index.html | 2158 +++++++++++-------- 2 files changed, 4471 insertions(+), 3260 deletions(-) diff --git a/graphics2.html b/graphics2.html index b857c7a..ffc7b89 100644 --- a/graphics2.html +++ b/graphics2.html @@ -1,388 +1,661 @@ - -WAI-ARIA Graphics Module 2 - - - - - - - - + + + + + + - - - -
    -

    Assistive technologies need semantic information about widgets, structures and behaviors to convey appropriate information to persons with disabilities. This specification defines a [[!WAI-ARIA]] module of roles, states and properties specific to web graphics. These semantics allow an author to convey user interface behaviors and structural information to assistive technologies and to enable semantic navigation, styling and interactive features used by readers. It is expected this will complement [[HTML5]] and [[SVG2]].

    -

    This document is part of the WAI-ARIA suite described in the WAI-ARIA Overview.

    -
    -
    -

    Please record issues on this specification through the Github W3C/aria issue tracker, using the prefix "Graphics" for any issue.

    -
    -
    -
    -
    -

    Introduction

    -

    WAI-ARIA is a technical specification that defines a common host language semantic accessibility API and framework that enables web browsers to map the accessibility semantics in web content to platform-specific accessibility APIs. This enables web content to be interoperable with platform assistive technologies similar to native platform applications without platform dependencies.

    -

    This specification is a modular extension of WAI-ARIA designed to support graphics. The goals of this specification include:

    -
      -
    • Expanding [[!WAI-ARIA]] to produce structural semantic extensions to support graphics such as charts, graphs, maps, technical drawings and scientific diagrams. It has applicability to both Scalable Vector Graphics as well as HTML5 Canvas.
      • -
    • Align with a new governance model for modularization and extensions to WAI-ARIA.
      • -
    • Provide structural semantics extensions that will support both assistive technologies and enable semantic navigation, styling and interactive features used by readers.
      • -
    -

    For a more detailed explanation of WAI-ARIA please refer to the WAI-ARIA Introduction and how it applies to Rich Internet Application Accessibility.

    - -
    -

    Target Audience

    -

    This specification defines a module of WAI-ARIA for graphics, including roles, states, properties and values. It impacts several audiences:

    -
      -
    • User agents that process content containing WAI-ARIA and graphics (SVG) WAI-ARIA features;
      • -
    • Assistive technologies that provide specialized reading experiences to users with disabilities;
      • -
    • Authors of web graphics (SVG);
      • -
    • Authoring tools that help authors create conforming graphics; and
      • -
    • Conformance checkers, that verify appropriate use of WAI-ARIA and this Graphics WAI-ARIA module.
      • -
    -

    Each conformance requirement indicates the audience to which it applies.

    - -
    - -
    -

    User Agent Support

    -

    This module builds on the general User Agent support principles defined in [[!WAI-ARIA]] by also providing the ability for user agents to enhance the general user interface presented to readers.

    -
    - -
    -

    Co-Evolution of WAI-ARIA and Host Languages

    -

    The Graphics WAI-ARIA module follows the model for co-evolution of WAI-ARIA and host languages defined in [[!WAI-ARIA]]. It is intended to augment semantics in supporting languages like [[HTML5]], [[!SVG2]] and EPUB, or to be used as an accessibility enhancement technology in other markup-based languages that do not explicitly include support for ARIA. It clarifies semantics to assistive technologies when authors create new types of objects, via style and script, that are not yet directly supported by the language of the page, because the invention of new types of objects is faster than standardized support for them appears in web languages.

    -

    It is not appropriate to create objects with style and script when the host language provides a semantic element for that type of objects. While WAI-ARIA can improve the accessibility of these objects, accessibility is best provided by allowing the user agent to handle the object natively. For example, it is not better to use a heading role on a div element than it is to use a native heading element, such as an h1.

    -

    It is expected that, over time, host languages will evolve to provide semantics for objects that currently can only be declared with this specification. This is natural and desirable, as one goal of WAI-ARIA is to help stimulate the emergence of more semantic and accessible markup. When native semantics for a given feature become available, it is appropriate for authors to use the native feature and stop using this module for that feature. Legacy content may continue to use the Graphics WAI-ARIA module, however, so the need for user agents to support it remains.

    -

    While specific features of this module may lose importance over time, the general possibility of the Graphics WAI-ARIA module to add semantics to web graphics or open web based standards, is expected to be a persistent need. Host languages may not implement all the semantics this module provides, and various host languages may implement different subsets of the features. New types of objects are continually being developed, and one goal of this specification is to provide a way to make such objects accessible, because authoring practices often advance faster than host language standards. In this way, this module and host languages both evolve together but at different rates.

    -

    Some host languages exist to create semantics for features other than the user interface. For example, SVG expresses the semantics behind production of graphical objects, not of user interface components that those objects may represent. Host languages such as these might, by design, not provide native semantics that map to this specification's features. In these cases, the Graphics WAI-ARIA module could be adopted as a long-term approach to add semantic information to these host languages.

    -
    - -
    -

    Authoring Practices

    -
    -

    Authoring Tools

    -

    Many of the requirements in the definitions of the WAI-ARIA and Graphics WAI-ARIA roles, states and properties can be checked automatically during the development process, similar to other quality control processes used for validating code. To assist authors who are creating graphics, can compare the semantic structure of Graphics WAI-ARIA roles from the DOM to that defined in this specification and notify the author of errors or simply create templates that enforce that structure.

    -
    - -
    -

    Testing Practices and Tools

    -

    The accessibility of interactive content cannot be confirmed by static checks alone. Developers of interactive content should test for device-independent access to widgets and applications, and should verify accessibility API access to all content and changes during user interaction.

    -
    -
    - -
    -

    Assistive Technologies

    -

    Programmatic access to accessibility semantics is essential for assistive technologies. For more information, refer to the Assistive Technologies section in [[!WAI-ARIA]].

    -
    -
    -
    -

    This specification indicates whether a section is normative or informative. Classifying a section as normative or informative applies to the entire section. A statement "This section is normative" or "This section is informative" applies to all sub-sections of that section.

    -

    Normative sections provide requirements that authors, user agents and assistive technologies MUST follow for an implementation to conform to this specification.

    -

    Informative sections provide information useful to understanding the specification. Such sections may contain examples of recommended practice, but it is not required to follow such recommendations in order to conform to this specification.

    -
    -
    -

    Important Terms

    -
    -
    -
    -

    Graphics Roles

    -

    - This section defines additions to the - WAI-ARIA - role taxonomy - and describes the characteristics and properties of all roles. - See ARIA Roles for descriptions - of the fields provided by this module. -

    -

    Authors are given the ability to influence what is presented to assistive technologies and to influence navigation through - the use of roles and properties. With graphics, there are many cases where presenting and navigating every element will make the - graphic harder to understand and use. Authors may mark elements for non-visual exclusion by assigning the role none. Graphics also - have situations where the author intent is ambiguous and the use of the property aria-type should be used to clarify the situation.

    -

    If an author does not want a user agent to non-visually present an element and does not want the - element included in navigaion then the element should be given a role of none. For example, in the case - an author does not want a chart's axis minor tick marks (tick lines without labels between tick marks with labels) - presented to assistive technologies since the minor tick marks would add significant noise without increasing comprehension, then the - author should assign the minor tick marks the role of none.

    - -

    User agents are expected to use the aria-gtype property - for differentiating between graph features. Two elements with the - same role and the same semanatic parent and both elements having either no aria-gtype or the same aria-gtype - are defined as being part of the same feature. - Two elements with a the same role and the same semanatic parent but differing aria-gtype - are defined as being two separate features. + } + + + +

    +

    + Assistive technologies need semantic information about widgets, + structures and behaviors to convey appropriate information to persons + with disabilities. This specification defines a [[!WAI-ARIA]] module of + roles, states and + properties specific to web graphics. These + semantics allow an author to convey user interface behaviors and + structural information to assistive technologies and to enable semantic + navigation, styling and interactive features used by readers. It is + expected this will complement [[HTML5]] and [[SVG2]]. +

    +

    + This document is part of the + WAI-ARIA + suite described in the + WAI-ARIA + Overview. +

    +
    +
    +

    + Please record issues on this specification through the + Github W3C/aria issue tracker, using the prefix "Graphics" for any issue. +

    +
    +
    +
    +

    Introduction

    +

    + WAI-ARIA is a + technical specification that defines a common host language semantic + accessibility API and framework that enables web browsers to map the + accessibility semantics in web content to platform-specific + accessibility APIs. This enables web content to be interoperable with + platform assistive technologies similar to native platform applications + without platform dependencies. +

    +

    + This specification is a modular extension of + WAI-ARIA + designed to support graphics. The goals of this specification include: +

    +
      +
    • + Expanding [[!WAI-ARIA]] to produce structural semantic extensions to + support graphics such as charts, graphs, maps, technical drawings and + scientific diagrams. It has applicability to both Scalable Vector + Graphics as well as HTML5 Canvas. +
      • +
    • + Align with a new governance model for modularization and extensions to + WAI-ARIA. +
      • +
    • + Provide structural semantics extensions that will support both + assistive technologies and enable semantic navigation, styling and + interactive features used by readers. +
      • +
    +

    + For a more detailed explanation of + WAI-ARIA + please refer to the + WAI-ARIA Introduction and + how it applies to Rich Internet Application Accessibility. +

    + +
    +

    Target Audience

    +

    + This specification defines a module of + WAI-ARIA + for graphics, including roles, + states, properties and + values. It impacts several audiences:

    - - -
    -

    Definition of Roles

    -

    - Below is an alphabetical list of the - WAI-ARIA - roles defined in this specification. - They would normally be used in combination with other roles - defined in [[WAI-ARIA]] - to annotate graphics within documents and rich internet applications. +

      +
    • + User agents that process content + containing + WAI-ARIA + and graphics (SVG) + WAI-ARIA + features; +
      • +
    • + Assistive technologies that provide specialized reading + experiences to users with disabilities; +
      • +
    • Authors of web graphics (SVG);
      • +
    • + Authoring tools that help authors create conforming graphics; and +
      • +
    • + Conformance checkers, that verify appropriate use of + WAI-ARIA + and this Graphics + WAI-ARIA + module. +
      • +
    +

    + Each conformance requirement indicates the audience to which it + applies. +

    + +
    + +
    +

    User Agent Support

    +

    + This module builds on the general + User Agent support principles + defined in [[!WAI-ARIA]] by also providing the ability for user agents + to enhance the general user interface presented to readers. +

    +
    + +
    +

    + Co-Evolution of + WAI-ARIA + and Host Languages +

    +

    + The Graphics + WAI-ARIA + module follows the model for + co-evolution of + WAI-ARIA + and host languages + defined in [[!WAI-ARIA]]. It is intended to augment semantics in + supporting languages like [[HTML5]], [[!SVG2]] and EPUB, or to be used + as an accessibility enhancement technology in other markup-based + languages that do not explicitly include support for ARIA. It + clarifies semantics to assistive technologies when authors create new + types of objects, via style and script, that are not yet directly + supported by the language of the page, because the invention of new + types of objects is faster than standardized support for them appears + in web languages. +

    +

    + It is not appropriate to create objects with style and script when the + host language provides a semantic element for that type of objects. + While + WAI-ARIA + can improve the accessibility of these objects, accessibility is best + provided by allowing the user agent to handle the object natively. For + example, it is not better to use a heading role on a + div element than it is to use a native heading element, + such as an h1. +

    +

    + It is expected that, over time, host languages will evolve to provide + semantics for objects that currently can only be declared with this + specification. This is natural and desirable, as one goal of + WAI-ARIA is + to help stimulate the emergence of more semantic and accessible + markup. When native semantics for a given feature become available, it + is appropriate for authors to use the native feature and stop using + this module for that feature. Legacy content may continue to use the + Graphics + WAI-ARIA + module, however, so the need for user agents to support it remains. +

    +

    + While specific features of this module may lose importance over time, + the general possibility of the Graphics + WAI-ARIA + module to add semantics to web graphics or open web based standards, + is expected to be a persistent need. Host languages may not implement + all the semantics this module provides, and various host languages may + implement different subsets of the features. New types of objects are + continually being developed, and one goal of this specification is to + provide a way to make such objects accessible, because authoring + practices often advance faster than host language standards. In this + way, this module and host languages both evolve together but at + different rates. +

    +

    + Some host languages exist to create semantics for features other than + the user interface. For example, SVG expresses the semantics behind + production of graphical objects, not of user interface components that + those objects may represent. Host languages such as these might, by + design, not provide native semantics that map to this specification's + features. In these cases, the Graphics + WAI-ARIA + module could be adopted as a long-term approach to add semantic + information to these host languages. +

    +
    + +
    +

    Authoring Practices

    +
    +

    Authoring Tools

    +

    + Many of the requirements in the definitions of the + WAI-ARIA + and Graphics + WAI-ARIA + roles, states and + properties can be checked automatically + during the development process, similar to other quality control + processes used for validating code. To assist authors who are + creating graphics, can compare the semantic structure of Graphics + WAI-ARIA + roles from the DOM to + that defined in this specification and notify the author of errors + or simply create templates that enforce that structure. +

    +
    + +
    +

    Testing Practices and Tools

    +

    + The accessibility of interactive content cannot be confirmed by + static checks alone. Developers of interactive content should test + for device-independent access to widgets and + applications, and should verify accessibility + API access to + all content and changes during user interaction. +

    +
    +
    + +
    +

    Assistive Technologies

    +

    + Programmatic access to accessibility semantics is essential for + assistive technologies. For more information, refer to the + Assistive Technologies + section in [[!WAI-ARIA]]. +

    +
    +
    +
    +

    + This specification indicates whether a section is normative or + informative. Classifying a section as normative or informative + applies to the entire section. A statement "This section is normative" + or "This section is informative" applies to all sub-sections of that + section. +

    +

    + Normative sections provide requirements that authors, user agents and + assistive technologies MUST follow for an implementation to conform to + this specification. +

    +

    + Informative sections provide information useful to understanding the + specification. Such sections may contain examples of recommended + practice, but it is not required to follow such recommendations in order + to conform to this specification. +

    +
    +
    +

    Important Terms

    +
    +
    +
    +

    Graphics Roles

    +

    + This section defines additions to the + WAI-ARIA + role taxonomy and describes the characteristics and + properties of all roles. See + ARIA Roles for descriptions of the fields + provided by this module.

    - -

    Placeholder for compact list of roles

    -
    - -
    - graphics-annotation -
    -

    A type of guide object, usually a comment, explaination or note.

    -
    - 
    +      
    
+        Authors are given the ability to influence what is presented to
+        assistive technologies and to influence navigation through the use of
+        roles and properties. With graphics, there are many cases where
+        presenting and navigating every element will make the graphic harder to
+        understand and use. Authors may mark elements for non-visual exclusion
+        by assigning the role none. Graphics also have situations
+        where the author intent is ambiguous and the use of the property
+        aria-type should be used to clarify the situation.
+      
    
+      
    
+        If an author does not want a user agent to non-visually present an
+        element and does not want the element included in navigaion then the
+        element should be given a role of none. For example, in the
+        case an author does not want a chart's axis minor tick marks (tick lines
+        without labels between tick marks with labels) presented to assistive
+        technologies since the minor tick marks would add significant noise
+        without increasing comprehension, then the author should assign the
+        minor tick marks the role of none.
+      
    
+
+      
    
+        User agents are expected to use the aria-gtype property for
+        differentiating between graph features. Two elements with the same role
+        and the same semanatic parent and both elements having either no
+        aria-gtype or the same aria-gtype are defined
+        as being part of the same feature. Two elements with a the same role and
+        the same semanatic parent but differing aria-gtype
+        are defined as being two separate features.
+      
    
+
+      
    
+        
    Definition of Roles
    
+        
    
+          Below is an alphabetical list of the
+          WAI-ARIA
+          roles defined in this specification. They would
+          normally be used in combination with other roles defined in
+          [[WAI-ARIA]] to annotate graphics within documents and rich internet
+          applications.
+        
    
+        
+        
    Placeholder for compact list of roles
    
+        
    
+
+        
    
+          graphics-annotation
+          
    
+            
    
+              A type of guide object, usually a comment, explaination or note.
+            
    
+            
    
+              
       <g role="graphics-annotation" font-family="Arial" text-anchor="middle" font-size="12" >   
     <text x="320" y="12.56" role="graphics-label">Sample map with two-level color coding.</text>   
     <text x="320" y="26.56" role="graphics-label">The basic hue is set by the region, a categorical variable.</text>    
     <text x="320" y="40.56" role="graphics-label">The color is then modified by a numeric variable. </text>    
     <text x="320" y="54.56" role="graphics-label">See the color aesthetics of the element for the general technique. </text>   
   </g>   
-         
    	
-  
-
-
-   
-  Sample map with two-level color coding.   
-  The basic hue is set by the region, a categorical 
-
-variable.    
-  The color is then modified by a numeric variable.     
-  See the color aesthetics of the element for the general technique.    
- 
-
- 
-
-         
    
-			
    
-			
-				
-				
-					
-						
-						
-					
-				
-				
-					
-						
-						
-					
-					
-						
-						
-					
-					
-						
-						
-					
-					
-						
-						
-					
-					
-						
-						
-					
-					
-						
-						
-					
-					
-						
-						
-					
-					
-						
-						
-					
-					
-						
-						
-					
-					
-						
-						
-					
-					
-						
-						
-					
-					
-						
-						
-					
-					
-						
-						
-					
-					
-						
-						
-					
-					
-						
-						
-					
-					
-						
-						
-					
-				
-			
    Characteristics:
    CharacteristicValue
    Is Abstract:  
    Superclass Role:graphics-guide
    Subclass Roles: 
    Base Concept: 
    Related Concepts: Text annotation 
    Required Context Role: 
    Required Owned Elements:
    Required States and Properties: 
    Supported States and Properties:aria-gtype
    Inherited States and Properties: 
    Name From:author
    Accessible Name Required:True
    Inherits Name Required: 
    Children Presentational: 
    Inherits Presentational: 
    Implicit Value for Role: 
    
-		
    
-		
    		
-		
-		
    
-			graphics-axis
-			
    
-				
    A scale often used with charts to show the scale of a dimension (variable).
    
-				
     When a graph contains more than one axis, an author should distinguish between the
-				axes by using 
-            the aria-gtype property. User agents will be expected to use the aria-gtype property 
-            when presenting information to a user and for differentiating between graph features. Two elements with a
-            graphics-axis role with the same semanatic parent and no aria-gtype or the same aria-gtype are defined as being part of the same axis.
-            Two elements with a graphics-axis role with the same semanatic parent but differing aria-gtype
-            are defined as being two separate axes.
-        
    
-        
    Differentiating between axes using the aria-gtype can help users understand whether the axis is
-        the x, y or z axis and help them understand which variable/data column is associated with the axis. Differentiating between
-        axes using aria-gtype can also affect how keyboard users navigate through the axes. This level of control is 
-        provided to authors so they can convey and control how user agents perceive axes given the author may need to present mulitple y
-        axis on opposite sides of the chart (ie left axis in inches, right axis in cm), clustered sets of axes, 3 or more dimension axes and aligned
-        axes shared by two charts in the same visualization.
    
-				
-				
    +         
    
+
+              
+                
+                  
+                    
+                      Sample map with two-level color coding.
+                    
+                    
+                      The basic hue is set by the region, a categorical
+                      variable.
+                    
+                    
+                      The color is then modified by a numeric variable.
+                    
+                    
+                      See the color aesthetics of the element for the general
+                      technique.
+                    
+                  
+                
+              
+            
    
+          
    
+          
+            
+            
+              
+                
+                
+              
+            
+            
+              
+                
+                
+              
+              
+                
+                
+              
+              
+                
+                
+              
+              
+                
+                
+              
+              
+                
+                
+              
+              
+                
+                
+              
+              
+                
+                
+              
+              
+                
+                
+              
+              
+                
+                
+              
+              
+                
+                
+              
+              
+                
+                
+              
+              
+                
+                
+              
+              
+                
+                
+              
+              
+                
+                
+              
+              
+                
+                
+              
+              
+                
+                
+              
+            
+          
    
+              Characteristics:
+            
    CharacteristicValue
    Is Abstract:
    Superclass Role:graphics-guide
    Subclass Roles:
    Base Concept:
    Related Concepts:
+                  Text annotation
+                
    
+                  Required Context Role:
+                
    
+                  Required Owned Elements:
+                
    
+                  Required States and Properties:
+                
    
+                  Supported States and Properties:
+                aria-gtype
    
+                  Inherited States and Properties:
+                
    Name From:author
    
+                  Accessible Name Required:
+                True
    
+                  Inherits Name Required:
+                
    
+                  Children Presentational:
+                
    
+                  Inherits Presentational:
+                
    Implicit Value for Role:
    
+
    +
    + +
    + graphics-axis +
    +

    + A scale often used with charts to show the scale of a dimension + (variable). +

    +

    + When a graph contains more than one axis, an author should + distinguish between the axes by using the + aria-gtype property. User agents will be expected to + use the aria-gtype property when presenting information to a user + and for differentiating between graph features. Two elements with + a graphics-axis role with the same semanatic parent and no + aria-gtype or the same aria-gtype are + defined as being part of the same axis. Two elements with a + graphics-axis role with the same semanatic parent but differing + aria-gtype + are defined as being two separate axes. +

    +

    + Differentiating between axes using the aria-gtype can + help users understand whether the axis is the x, y or z axis and + help them understand which variable/data column is associated with + the axis. Differentiating between axes using + aria-gtype can also affect how keyboard users + navigate through the axes. This level of control is provided to + authors so they can convey and control how user agents perceive + axes given the author may need to present mulitple y axis on + opposite sides of the chart (ie left axis in inches, right axis in + cm), clustered sets of axes, 3 or more dimension axes and aligned + axes shared by two charts in the same visualization. +

    + + 
     <g transform="translate(57 29)" role="graphics-axis" aria-gtype="y" aria-labelledby="yt" font-family="Arial">
   <path fill="none" d="m0 0v353"/>
   <text id="yt" x="176" y="-38" text-anchor="middle" font-weight="bold" transform="matrix(0-1 1 0 0 353)" >Sales
@@ -416,202 +689,272 @@ 
    Definition of Roles
    
     </g>
   </g>
 </g>
-
    -
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
    Characteristics:
    CharacteristicValue
    Is Abstract:
    Superclass Role:graphics-scale
    Subclass Roles:
    Base Concept:Chart axes
    Related Concepts:
    Required Context Role:
    Required Owned Elements:
    Required States and Properties:
    Supported States and Properties: -
    • aria-categories
    • aria-gtype
    • aria-valuemin
    • aria-valuemax
    -
    Inherited States and Properties:
    Name From:author
    Accessible Name Required:True
    Inherits Name Required:
    Children Presentational:
    Inherits Presentational:
    Implicit Value for Role:
    - -
    -
    - -
    - graphics-axistick -
    -

    A visible axis tick label.

    - - 
    +
    +
    + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    + Characteristics: +
    CharacteristicValue
    Is Abstract:
    Superclass Role:graphics-scale
    Subclass Roles:
    Base Concept: + Chart axes +
    Related Concepts:
    + Required Context Role: +
    + Required Owned Elements: +
    + Required States and Properties: +
    + Supported States and Properties: + +
      +
    • aria-categories
      • +
    • aria-gtype
      • +
    • aria-valuemin
      • +
    • aria-valuemax
      • +
    +
    + Inherited States and Properties: +
    Name From:author
    + Accessible Name Required: + True
    + Inherits Name Required: +
    + Children Presentational: +
    + Inherits Presentational: +
    Implicit Value for Role:
    +
    +
    + +
    + graphics-axistick +
    +

    A visible axis tick label.

    + + 
     
       <text x="-7.667" y="215.86"  role="graphics-axistick">200</text>
-
    -
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
    Characteristics:
    CharacteristicValue
    Is Abstract:
    Superclass Role:graphics-axis
    Subclass Roles:
    Base Concept:Chart axes
    Related Concepts:
    Required Context Role:
    Required Owned Elements:
    Required States and Properties:
    Supported States and Properties: -
    • aria-posinset
    • aria-setsize
    -
    Inherited States and Properties:
    Name From:content
    Accessible Name Required:False
    Inherits Name Required:
    Children Presentational: True
    Inherits Presentational:
    Implicit Value for Role:
    - -
    -
    - -
    - graphics-datagroup -
    -

    A semantic group for data. Group elements that do not have semantic meaning, should use a role of none.

    -

    For example, the group containing the graphics-dataitems in a scatterplot - represents the data feature of the chart and should have the role graphics-datagroup.

    -

    For example, in a stacked bar chart, the group containing all the stacks should have a role of graphics-datagroup - since the group represents the data feature of the chart. - Each group containing a stack of bars should have a role of graphics-datagroup as they represent a semantic object which can contain - data related information like the sum for the stack.

    -

    For example, in a pie chart the group containing all the pie wedges should have the role graphics-datagroup as it represents the data feature of the chart. However, - if the group containing all the pie wedges, has two child groups that are only there for style inheirtance, for instance to convey text anchor position to their - children, - then the two child groups are not semantic groups and should have a role of none. -

    - 
    +
    +
    + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    + Characteristics: +
    CharacteristicValue
    Is Abstract:
    Superclass Role:graphics-axis
    Subclass Roles:
    Base Concept: + Chart axes +
    Related Concepts:
    + Required Context Role: +
    + Required Owned Elements: +
    + Required States and Properties: +
    + Supported States and Properties: + +
      +
    • aria-posinset
      • +
    • aria-setsize
      • +
    +
    + Inherited States and Properties: +
    Name From:content
    + Accessible Name Required: + False
    + Inherits Name Required: +
    + Children Presentational: + True
    + Inherits Presentational: +
    Implicit Value for Role:
    +
    +
    + +
    + graphics-datagroup +
    +

    + A semantic group for data. Group elements that do not + have semantic meaning, should use a role of none. +

    +

    + For example, the group containing the + graphics-dataitems in a scatterplot represents the + data feature of the chart and should have the role + graphics-datagroup. +

    +

    + For example, in a stacked bar chart, the group containing all the + stacks should have a role of graphics-datagroup since + the group represents the data feature of the chart. Each group + containing a stack of bars should have a role of + graphics-datagroup as they represent a semantic + object which can contain data related information like the sum for + the stack. +

    +

    + For example, in a pie chart the group containing all the pie + wedges should have the role graphics-datagroup as it + represents the data feature of the chart. However, if the group + containing all the pie wedges, has two child groups that are only + there for style inheirtance, for instance to convey text anchor + position to their children, then the two child groups are not + semantic groups and should have a role of none. +

    + 
     <g role="graphics-datagroup">  
   <path d="m72.5 50.936h9v26.07h-9z" aria-label="270,000 shares traded on 7/28/80" role="graphics-dataitem" 
     aria-setsize='4' aria-posinset='1' >  
@@ -630,318 +973,402 @@ 
    Definition of Roles
    
     <title>630,000 shares traded on 7/31/80</title>
   </path>  
 </g> 
-
    -
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
    Characteristics:
    CharacteristicValue
    Is Abstract:False
    Superclass Role:group
    Subclass Roles:
    Base Concept:
    Related Concepts:graphics-dataitem
    Required Context Role:
    Required Owned Elements:
    Required States and Properties:
    Supported States and Properties: -
    • aria-gtype
    • aria-posinset
    • aria-setsize
    -
    Inherited States and Properties:
    Name From:author
    Accessible Name Required:True
    Inherits Name Required:
    Children Presentational:
    Inherits Presentational:
    Implicit Value for Role:
    -
    -
    - -
    - graphics-dataitem -
    -

    An object that represents a single data row or a single data entity. A graphics-dataitem may be further split into child components if needed. - For example, a graphics-dataitem for a box and whisker plot may contain the components of the box and whisker (fence, box, median) and each of the components would - be a graphics-dataitem. A set of graphics-dataitem may be ordered. If ordered, aria-posinset may be used to convey order.

    -

    The role graphics-dataitem is usually associated with charts, graphs, infographics and data visualizations. - Other domains like technical drawings may prefer using the role graphics-symbol.

    - - 
    +
    +
    + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    + Characteristics: +
    CharacteristicValue
    Is Abstract:False
    Superclass Role:group
    Subclass Roles:
    Base Concept:
    Related Concepts:graphics-dataitem
    + Required Context Role: +
    + Required Owned Elements: +
    + Required States and Properties: +
    + Supported States and Properties: + +
      +
    • aria-gtype
      • +
    • aria-posinset
      • +
    • aria-setsize
      • +
    +
    + Inherited States and Properties: +
    Name From:author
    + Accessible Name Required: + True
    + Inherits Name Required: +
    + Children Presentational: +
    + Inherits Presentational: +
    Implicit Value for Role:
    +
    +
    + +
    + graphics-dataitem +
    +

    + An object that represents a single data row or a single data + entity. A graphics-dataitem may be further split into + child components if needed. For example, a + graphics-dataitem for a box and whisker plot may + contain the components of the box and whisker (fence, box, median) + and each of the components would be a + graphics-dataitem. A set of + graphics-dataitem may be ordered. If ordered, + aria-posinset may be used to convey order. +

    +

    + The role graphics-dataitem is usually associated with + charts, graphs, infographics and data visualizations. Other + domains like technical drawings may prefer using the role + graphics-symbol. +

    + + 
       <path d="m188 15.01h9v61.995h-9z" aria-label="630,000 shares traded on 7/31/80"  role="graphics-dataitem">    
     <title>630,000 shares traded on 7/31/80</title>
   </path>  
-
    -
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
    Characteristics:
    CharacteristicValue
    Is Abstract:False
    Superclass Role:graphics-object
    Subclass Roles:
    Base Concept:
    Related Concepts:
      -
    • graphics-datagroup
      • -
    • graphics-symbol
      • -
    Required Context Role:
    Required Owned Elements:
    Required States and Properties:
    Supported States and Properties: -
    • aria-gtype
    • aria-posinset
    • aria-setsize
    -
    Inherited States and Properties:
    Name From:author
    Accessible Name Required:True
    Inherits Name Required:
    Children Presentational:
    Inherits Presentational:
    Implicit Value for Role:
    -
    -
    - -
    - graphics-dimensionline -
    -

    A line that defines the length of an object.

    - -
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
    Characteristics:
    CharacteristicValue
    Is Abstract:False
    Superclass Role:graphics-scale
    Subclass Roles:
    Base Concept:
    Related Concepts:dimension line
    Required Context Role:
    Required Owned Elements:
    Required States and Properties:
    Supported States and Properties: - aria-gtype -
    Inherited States and Properties:
    Name From:author
    Accessible Name Required:True
    Inherits Name Required:
    Children Presentational:
    Inherits Presentational:
    Implicit Value for Role:
    -
    -
    - -
    - graphics-document -
    -

    - A graphics document contains complex content - that a user should be able to explore. - Similar to document, - the graphical document may contain interactive widgets, - but is not itself interactive. - User agents may intercept user input - for the purposes of navigation. - A graphics document is distinct from other documents - in that the visual layout of the content has semantic meaning. - Navigation methods may take this into consideration. -

    -

    - Accessibility technologies that re-format a document - should avoid altering the layout of a graphical document. - For this reason, authors should limit the graphical document role - to regions for which layout has semantic meaning. - A collection of distinct graphics that can be re-arranged - without losing meaning - could instead be described as a graphics-figure - or a group. -

    -

    - Future specifications are expected to define - sub-classes of this role - for particular types of graphical documents, - such as charts or maps. -

    -

    - The editors have not finalized the name for this role. -

    -

    - To support user agents and assistive technologies - based on the ARIA 1.0 specification, - authors may wish to include the document role - as a fallback value, - in the form role="graphics-document document". -

    - 
    +          -->
    + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    + Characteristics: +
    CharacteristicValue
    Is Abstract:False
    Superclass Role:graphics-scale
    Subclass Roles:
    Base Concept:
    Related Concepts: + dimension line +
    + Required Context Role: +
    + Required Owned Elements: +
    + Required States and Properties: +
    + Supported States and Properties: + + aria-gtype +
    + Inherited States and Properties: +
    Name From:author
    + Accessible Name Required: + True
    + Inherits Name Required: +
    + Children Presentational: +
    + Inherits Presentational: +
    Implicit Value for Role:
    +
    +
    + +
    + graphics-document +
    +

    + A graphics document contains complex content that a user should be + able to explore. Similar to document, the graphical + document may contain interactive widgets, but is not itself + interactive. User agents may intercept user input for the purposes + of navigation. A graphics document is distinct from other + documents in that the visual layout of the content has semantic + meaning. Navigation methods may take this into consideration. +

    + +

    +

    + Accessibility technologies that re-format a document should avoid + altering the layout of a graphical document. For this reason, + authors should limit the graphical document role to regions for + which layout has semantic meaning. A collection of distinct + graphics that can be re-arranged without losing meaning could + instead be described as a graphics-figure or a + group. +

    +

    + Future specifications are expected to define sub-classes of this + role for particular types of graphical documents, such as charts + or maps. +

    +

    + The editors have not finalized the name for this role. +

    +

    + To support user agents and assistive technologies based on the + ARIA 1.0 specification, authors may wish to include the + document role as a fallback value, in the form + role="graphics-document document". +

    + 
     <!-- An SVG diagram of an electrical circuit -->
 <svg xmlns="http://www.w3.org/2000/svg" 
      width="400" height="200" viewBox="0 0 200 100"
@@ -972,125 +1399,141 @@ 
    Definition of Roles
    -
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
    Characteristics:
    CharacteristicValue
    Is Abstract: 
    Superclass Role:structure
    Subclass Roles: 
    Base Concept: 
    Related Concepts:
    Required Context Role: 
    Required Owned Elements:
    Required States and Properties: 
    Supported States and Properties: 
    Inherited States and Properties: 
    Name From:author
    Accessible Name Required:True
    Inherits Name Required:
    Children Presentational:False
    Inherits Presentational: 
    Implicit Value for Role: 
    -
    -
    - -
    - graphics-figure -
    -

    - A distinct perceivable section of the page, - that contributes essential meaning to the main page content, - but is not part of a continuous stream of surrounding text. - A graphics-figure can be shifted within the layout of the document - without disruption, - but it cannot be removed without losing meaning. -

    -

    - A figure often has a visible caption. - It may be referenced from the surrounding text - using a hyperlink or a numbered label. - Figures will often contain graphical content. - However, other content types - with a similar position in the document structure, - such as labelled code samples or audio elements, - would also be figures. - Figures may be nested, - if the nested figures are also likely - to be referenced as discrete units within the page. -

    -

    - The semantics of this role are intended to mirror - the native semantics of the - figure - element in [[HTML5]]. - It is expected that future versions of HTML - will make this the default semantic role for that element. -

    -

    - To support user agents and assistive technologies - based on the ARIA 1.0 specification, - authors may wish to include the region role - as a fallback value, - in the form role="graphics-figure region". -

    - 
    +
    + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    + Characteristics: +
    CharacteristicValue
    Is Abstract: 
    Superclass Role:structure
    Subclass Roles: 
    Base Concept: 
    Related Concepts:
    + Required Context Role: +  
    + Required Owned Elements: +
    + Required States and Properties: +  
    + Supported States and Properties: +  
    + Inherited States and Properties: +  
    Name From:author
    + Accessible Name Required: + True
    + Inherits Name Required: +
    + Children Presentational: + False
    + Inherits Presentational: +  
    Implicit Value for Role: 
    +
    +
    + +
    + graphics-figure +
    +

    + A distinct perceivable section of the page, that + contributes essential meaning to the main page content, but is not + part of a continuous stream of surrounding text. A graphics-figure + can be shifted within the layout of the document without + disruption, but it cannot be removed without losing meaning. +

    +

    + A figure often has a visible caption. It may be referenced from + the surrounding text using a hyperlink or a numbered label. + Figures will often contain graphical content. However, other + content types with a similar position in the document structure, + such as labelled code samples or audio elements, would also be + figures. Figures may be nested, if the nested figures are also + likely to be referenced as discrete units within the page. +

    +

    + The semantics of this role are intended to mirror the native + semantics of the + figure + element in [[HTML5]]. It is expected that future versions of HTML + will make this the default semantic role for that element. +

    +

    + To support user agents and assistive technologies based on the + ARIA 1.0 specification, authors may wish to include the + region role as a fallback value, in the form + role="graphics-figure region". +

    + 
     <!-- Within an HTML 5 document -->
 <p><a href="#fig1">Figure 1</a> outlines the basic shape 
     elements available in SVG.  As shown in 1(d), a rectangle element 
@@ -1119,565 +1562,707 @@ 
    Definition of Roles
    -
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
    Characteristics:
    CharacteristicValue
    Is Abstract: 
    Superclass Role:region
    Subclass Roles: 
    Base Concept: - HTML figure
    Related Concepts:
    Required Context Role: 
    Required Owned Elements:
    Required States and Properties: 
    Supported States and Properties: 
    Inherited States and Properties: 
    Name From:author
    Accessible Name Required:True
    Inherits Name Required:
    Children Presentational:False
    Inherits Presentational: 
    Implicit Value for Role: 
    -
    -
    - -
    - graphics-edge -
    -

    A edge (connector) connects two data items, and may have a from/to relationship. - A edge may form a loop, that is the from and to may be the same item. graphics-edge - is the default role for the connector element.

    -

    - This role won't appear in the final spec and is temporarily here for completeness during discussions. This role is tied to - the connector element, which won't make it into SVG 2. -

    - - -
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
    Characteristics:
    CharacteristicValue
    Is Abstract:False
    Superclass Role:graphics-dataitem
    Subclass Roles:
    Base Concept:SVG Connector
    Related Concepts:
    Required Context Role:
    Required Owned Elements:
    Required States and Properties:
    Supported States and Properties: - aria-gtype -
    Inherited States and Properties:
    Name From:author
    Accessible Name Required:True
    Inherits Name Required:
    Children Presentational:
    Inherits Presentational:
    Implicit Value for Role:
    -
    -
    - - -
    - graphics-graticule -
    -

    A network of lines representing the earth's parallels of latitude and meridians of longitude.

    - +
    + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    + Characteristics: +
    CharacteristicValue
    Is Abstract:False
    Superclass Role:graphics-dataitem
    Subclass Roles:
    Base Concept: + SVG Connector +
    Related Concepts:
    + Required Context Role: +
    + Required Owned Elements: +
    + Required States and Properties: +
    + Supported States and Properties: + + aria-gtype +
    + Inherited States and Properties: +
    Name From:author
    + Accessible Name Required: + True
    + Inherits Name Required: +
    + Children Presentational: +
    + Inherits Presentational: +
    Implicit Value for Role:
    +
    +
    + +
    + graphics-graticule +
    +

    + A network of lines representing the earth's parallels of latitude + and meridians of longitude. +

    + -
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
    Characteristics:
    CharacteristicValue
    Is Abstract:False
    Superclass Role:graphics-guide
    Subclass Roles:
    Base Concept:
    Related Concepts:
    Required Context Role:
    Required Owned Elements:
    Required States and Properties:
    Supported States and Properties: - aria-gtype -
    Inherited States and Properties:
    Name From:author
    Accessible Name Required:True
    Inherits Name Required:
    Children Presentational:
    Inherits Presentational:
    Implicit Value for Role:
    -
    -
    - - -
    - graphics-grid -
    -

    A network of lines of constant value, usually associated with a value on an axis.

    -
    + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    + Characteristics: +
    CharacteristicValue
    Is Abstract:False
    Superclass Role:graphics-guide
    Subclass Roles:
    Base Concept:
    Related Concepts:
    + Required Context Role: +
    + Required Owned Elements: +
    + Required States and Properties: +
    + Supported States and Properties: + + aria-gtype +
    + Inherited States and Properties: +
    Name From:author
    + Accessible Name Required: + True
    + Inherits Name Required: +
    + Children Presentational: +
    + Inherits Presentational: +
    Implicit Value for Role:
    +
    +
    + +
    + graphics-grid +
    +

    + A network of lines of constant value, usually associated with a + value on an axis. +

    + -
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
    Characteristics:
    CharacteristicValue
    Is Abstract:False
    Superclass Role:graphics-guide
    Subclass Roles:
    Base Concept:
    Related Concepts:
    Required Context Role:
    Required Owned Elements:
    Required States and Properties:
    Supported States and Properties: - aria-gtype -
    Inherited States and Properties:
    Name From:author
    Accessible Name Required:True
    Inherits Name Required:
    Children Presentational:
    Inherits Presentational:
    Implicit Value for Role:
    -
    -
    - graphics-guide -
    -

    A guide object used to help interpret the graphic.

    -

    Even though there are several subclasses of graphics-guide, - graphics-guide is not an abstract role as there are situations where a subclass doesn't - meet the authors need. When graphics-guide is used - the aria-roledescription property - can be used to name the guide type - separately from the name and description - for the particular instance of the guide. -

    + -->
    + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    + Characteristics: +
    CharacteristicValue
    Is Abstract:False
    Superclass Role:graphics-guide
    Subclass Roles:
    Base Concept:
    Related Concepts:
    + Required Context Role: +
    + Required Owned Elements: +
    + Required States and Properties: +
    + Supported States and Properties: + + aria-gtype +
    + Inherited States and Properties: +
    Name From:author
    + Accessible Name Required: + True
    + Inherits Name Required: +
    + Children Presentational: +
    + Inherits Presentational: +
    Implicit Value for Role:
    +
    +
    + graphics-guide +
    +

    A guide object used to help interpret the graphic.

    +

    + Even though there are several subclasses of + graphics-guide, graphics-guide is not an + abstract role as there are situations where a subclass doesn't + meet the authors need. When graphics-guide is used + the aria-roledescription property can be used to name + the guide type separately from the name and description for the + particular instance of the guide. +

    -

    - The preceeding paragraph is dependent on - aria-roledescription being incorporated - into the ARIA 1.1 specification. -

    -
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
    Characteristics:
    CharacteristicValue
    Is Abstract:False
    Superclass Role:graphics-object
    Subclass Roles:
    Base Concept:
    Related Concepts:
    Required Context Role:
    Required Owned Elements:
    Required States and Properties:
    Supported States and Properties: - aria-gtype -
    Inherited States and Properties:
    Name From:author
    Accessible Name Required:True
    Inherits Name Required:
    Children Presentational:
    Inherits Presentational:
    Implicit Value for Role:
    -
    -
    - -
    - graphics-label -
    -

    A visible label.

    -

    If the author does not want the user to be able to navigate to the label, they should have - labeled object's aria-labelledby property reference the label and give the label a role of none - 

    +            
    
+              The preceeding paragraph is dependent on aria-roledescription
+              being incorporated into the ARIA 1.1 specification.
+            
    
+
    + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    + Characteristics: +
    CharacteristicValue
    Is Abstract:False
    Superclass Role:graphics-object
    Subclass Roles:
    Base Concept:
    Related Concepts:
    + Required Context Role: +
    + Required Owned Elements: +
    + Required States and Properties: +
    + Supported States and Properties: + + aria-gtype +
    + Inherited States and Properties: +
    Name From:author
    + Accessible Name Required: + True
    + Inherits Name Required: +
    + Children Presentational: +
    + Inherits Presentational: +
    Implicit Value for Role:
    +
    +
    + +
    + graphics-label +
    +

    A visible label.

    +

    + If the author does not want the user to be able to navigate to the + label, they should have labeled object's + aria-labelledby property reference the label and give + the label a role of none +

    + + 
           <text x="-7.667" y="215.86"  role="graphics-label">200</text>
-
    -
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
    Characteristics:
    CharacteristicValue
    Is Abstract:False
    Superclass Role:graphics-object
    Subclass Roles:
    Base Concept:
    Related Concepts:
    Required Context Role:
    Required Owned Elements:
    Required States and Properties:
    Supported States and Properties: - aria-gtype -
    Inherited States and Properties:
    Name From:author
    Accessible Name Required:True
    Inherits Name Required:
    Children Presentational:True
    Inherits Presentational:
    Implicit Value for Role:
    - -
    -
    - -
    - graphics-legend -
    -

    A scale for data representation, commonly used on charts, maps, instructional drawings and the like. Legends may show any chart aesthetic (color, size, symbol, size, etc).

    -
    - 
    +
    +
    + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    + Characteristics: +
    CharacteristicValue
    Is Abstract:False
    Superclass Role:graphics-object
    Subclass Roles:
    Base Concept:
    Related Concepts:
    + Required Context Role: +
    + Required Owned Elements: +
    + Required States and Properties: +
    + Supported States and Properties: + + aria-gtype +
    + Inherited States and Properties: +
    Name From:author
    + Accessible Name Required: + True
    + Inherits Name Required: +
    + Children Presentational: + True
    + Inherits Presentational: +
    Implicit Value for Role:
    +
    +
    + +
    + graphics-legend +
    +

    + A scale for data representation, commonly used on charts, maps, + instructional drawings and the like. Legends may show any chart + aesthetic (color, size, symbol, size, etc). +

    +
    + 
      <g transform="translate(100)" role="graphics-legend" font-size="12" font-family="Arial,SanSerif" fill="transparent">  
    <path stroke-width="1" d="m0 0h40v144h-40z"/>  
    <path d="m16.5 1.5h7v14h-7z"/>   
@@ -1706,142 +2291,202 @@ 
    Definition of Roles
    
    </g>  
  </g>
   
-
    - - - - - - brand - - - - - - 1 - - - - - - - 2 - - - - - - - 3 - - - - -
    -
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
    Characteristics:
    CharacteristicValue
    Is Abstract:False
    Superclass Role:graphics-scale
    Subclass Roles:
    Base Concept:
    Related Concepts:
    Required Context Role:
    Required Owned Elements:
    Required States and Properties:
    Supported States and Properties: - aria-gtype -
    Inherited States and Properties:
    Name From:author
    Accessible Name Required:True
    Inherits Name Required:
    Children Presentational:
    Inherits Presentational:
    Implicit Value for Role:
    -
    -
    - -
    - graphics-object -
    -

    - A section of a graphical document - that represents a cohesive item or object - with component parts the user may wish to explore. - It is in contrast to a group of distinct related objects, - or an indivisible img or graphics-symbol component. -

    - -

    - The editors have not finalized the name for this role. -

    -

    - To support user agents and assistive technologies - based on the ARIA 1.0 specification, - authors may wish to include the group role - as a fallback value, - in the form role="graphics-object group". -

    - 
    +
    + + + + + + brand + + + + + + + 1 + + + + + + + + 2 + + + + + + + + 3 + + + + +
    +
    + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    + Characteristics: +
    CharacteristicValue
    Is Abstract:False
    Superclass Role:graphics-scale
    Subclass Roles:
    Base Concept:
    Related Concepts:
    + Required Context Role: +
    + Required Owned Elements: +
    + Required States and Properties: +
    + Supported States and Properties: + + aria-gtype +
    + Inherited States and Properties: +
    Name From:author
    + Accessible Name Required: + True
    + Inherits Name Required: +
    + Children Presentational: +
    + Inherits Presentational: +
    Implicit Value for Role:
    +
    +
    + +
    + graphics-object +
    +

    + A section of a graphical document that represents a cohesive item + or object with component parts the user may wish to explore. It is + in contrast to a group of distinct related objects, + or an indivisible img or + graphics-symbol component. +

    + +

    + The editors have not finalized the name for this role. +

    +

    + To support user agents and assistive technologies based on the + ARIA 1.0 specification, authors may wish to include the + group role as a fallback value, in the form + role="graphics-object group". +

    + 
     <g role="graphics-object group"
    aria-labelledby="house-label"
    transform="translate(100,325)">
@@ -1918,233 +2563,267 @@ 
    Definition of Roles
    -
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    Characteristics:
    CharacteristicValue
    Is Abstract: 
    Superclass Role:section
    Subclass Roles: 
    Base Concept: 
    Related Concepts: -
      + + + + + + + + + + + + + + + + + + + + + + + + + + + + + - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
      + Characteristics: +
      CharacteristicValue
      Is Abstract: 
      Superclass Role:section
      Subclass Roles: 
      Base Concept: 
      Related Concepts: +
      • graphics-document
      • group
      • img
      • graphics-symbol
        • -
      -
      Required Context Role: 
      Required Owned Elements:
      Required States and Properties: 
      Supported States and Properties: 
      Inherited States and Properties: 
      Name From: -
        -
      • author
        • -
      • contents
        • -
      -
      Accessible Name Required:False
      Inherits Name Required:
      Children Presentational:False
      Inherits Presentational: 
      Implicit Value for Role: 
      - -
      - - -
      - graphics-scale -
      -

      A type of guide object, usually a reference for measuring.

      -

      Even though there are several subclasses of graphics-scale, - graphics-scale is not an abstract role as there are situations where a subclass doesn't - meet the authors need. When graphics-scale is used - the aria-roledescription property - can be used to name the guide type - separately from the name and description - for the particular instance of the guide. -

      +
    +
    + Required Context Role: +  
    + Required Owned Elements: +
    + Required States and Properties: +  
    + Supported States and Properties: +  
    + Inherited States and Properties: +  
    Name From: +
      +
    • author
      • +
    • contents
      • +
    +
    + Accessible Name Required: + False
    + Inherits Name Required: +
    + Children Presentational: + False
    + Inherits Presentational: +  
    Implicit Value for Role: 
    +
    +
    -

    - The preceeding paragraph is dependent on - aria-roledescription being incorporated - into the ARIA 1.1 specification. -

    - - -
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
    Characteristics:
    CharacteristicValue
    Is Abstract:False
    Superclass Role:graphics-guide
    Subclass Roles:
    Base Concept:
    Related Concepts:
    Required Context Role:
    Required Owned Elements:
    Required States and Properties:
    Supported States and Properties: - aria-gtype -
    Inherited States and Properties:
    Name From:author
    Accessible Name Required:True
    Inherits Name Required:
    Children Presentational:
    Inherits Presentational:
    Implicit Value for Role:
    -
    -
    -
    - graphics-symbol -
    -

    - A graphic used to convey a simple meaning or category, - where the meaning is more important - than the particular visual appearance. - It may be a component of a larger structured graphic - such as a chart or map. - The symbol itself is an atomic object; - children are presentational. -

    -

    - When used as part of a structured symbolic language, - the aria-roledescription property - can be used to name the symbol type - separately from the name and description - for the particular instance of the symbol. -

    -

    - The preceeding paragraph is dependent on - aria-roledescription being incorporated - into the ARIA 1.1 specification. -

    -

    - To support user agents and assistive technologies - based on the ARIA 1.0 specification, - authors may wish to include the img role - as a fallback value, - in the form role="graphics-symbol img", - if that is not already the default semantic role for the element. -

    - 
    +
    + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    + Characteristics: +
    CharacteristicValue
    Is Abstract:False
    Superclass Role:graphics-guide
    Subclass Roles:
    Base Concept:
    Related Concepts:
    + Required Context Role: +
    + Required Owned Elements: +
    + Required States and Properties: +
    + Supported States and Properties: + + aria-gtype +
    + Inherited States and Properties: +
    Name From:author
    + Accessible Name Required: + True
    + Inherits Name Required: +
    + Children Presentational: +
    + Inherits Presentational: +
    Implicit Value for Role:
    +
    +
    +
    + graphics-symbol +
    +

    + A graphic used to convey a simple meaning or category, where the + meaning is more important than the particular visual appearance. + It may be a component of a larger structured graphic such as a + chart or map. The symbol itself is an atomic object; children are + presentational. +

    +

    + When used as part of a structured symbolic language, the + aria-roledescription property can be used to name the + symbol type separately from the name and description for the + particular instance of the symbol. +

    +

    + The preceeding paragraph is dependent on aria-roledescription + being incorporated into the ARIA 1.1 specification. +

    +

    + To support user agents and assistive technologies based on the + ARIA 1.0 specification, authors may wish to include the + img role as a fallback value, in the form + role="graphics-symbol img", if that is not already + the default semantic role for the element. +

    + 
     <!-- Within an HTML document listing a restaurant menu -->
 <h2>Appetizers</h2>
 <ul>
@@ -2157,8 +2836,9 @@ 
    Definition of Roles
    
     </li>
     <!-- … -->
 </ul>
-
    - 
    +
    + 
     <!-- Within an SVG diagram of an electrical circuit -->
 <g id="lightbulb-1" role="graphics-symbol img" 
    aria-roledescription="load" 
@@ -2175,7 +2855,7 @@ 
    Definition of Roles
    - 
    +            
     <!-- Within an architectural blueprint-style SVG diagram -->
 <g role="graphics-symbol img">
     <title>Door</title>
@@ -2195,217 +2875,254 @@ 
    Definition of Roles
    
 
 
 
    
-
-
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
    Characteristics:
    CharacteristicValue
    Is Abstract: 
    Superclass Role:img
    Subclass Roles: 
    Base Concept: 
    Related Concepts:symbol
    Required Context Role: 
    Required Owned Elements:
    Required States and Properties: 
    Supported States and Properties: 
    Inherited States and Properties: 
    Name From:author
    Accessible Name Required:True
    Inherits Name Required:
    Children Presentational:True
    Inherits Presentational: 
    Implicit Value for Role: 
    -
    -
    -
    - graphics-timedata -
    -

    Something defined or marked by an instant of time or time interval.

    - -
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
    Characteristics:
    CharacteristicValue
    Is Abstract:False
    Superclass Role:graphics-dataitem
    Subclass Roles:
    Base Concept:
    Related Concepts:
    Required Context Role:
    Required Owned Elements:
    Required States and Properties:
    Supported States and Properties:
    Inherited States and Properties:
    Name From:author
    Accessible Name Required:True
    Inherits Name Required:
    Children Presentational:
    Inherits Presentational:
    Implicit Value for Role:
    -
    -
    - -
    - img -
    -

    - The definitive role definition for img is img. -

    -

    The use of img in the graphics context is slightly different - than that used outside of it due to the semantics available for drawings. - An img can contain - multiple drawing objects or image files - that when viewed together give the impression of a single image. - However, an img represents an indivisible component - within a document for navigation purposes. - If the child elements are arranged - in a semantically rich structure - that users may wish to navigate through, - authors should use a graphics-figure - or graphics-document role instead. -

    -

    - The element with the img role - may also contain captions and descriptive text within child elements, - if those elements participate in - the accessible name or description calculation for that element. - To ensure that elements with a role of img - are perceivable, - authors MUST provide alternative text or a label - determined by the accessible name calculation. - Authors SHOULD also provide an accessible description - that conveys the complete meaning of the image. - If the image is purely symbolic, - and the visual details are not relevant, - the graphics-symbol role is more appropriate. - If the image is used as a direct substitute - for a short word or phrase within a sentence, - the text role is appropriate. -

    -

    - The img role was first defined in ARIA 1.0. - This specification modifies that definition - in a backwards-compatible way, - to clarify the distinction between images - and other graphical roles. -

    - 
    +          -->
    + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    + Characteristics: +
    CharacteristicValue
    Is Abstract:False
    Superclass Role:graphics-dataitem
    Subclass Roles:
    Base Concept:
    Related Concepts:
    + Required Context Role: +
    + Required Owned Elements: +
    + Required States and Properties: +
    + Supported States and Properties: +
    + Inherited States and Properties: +
    Name From:author
    + Accessible Name Required: + True
    + Inherits Name Required: +
    + Children Presentational: +
    + Inherits Presentational: +
    Implicit Value for Role:
    +
    +
    + +
    + img +
    +

    The definitive role definition for img is img.

    +

    + The use of img in the graphics context is slightly + different than that used outside of it due to the semantics + available for drawings. An img can contain multiple + drawing objects or image files that when + viewed together give the impression of a single image. However, an + img represents an indivisible component within a + document for navigation purposes. If the child elements are + arranged in a semantically rich structure that users may wish to + navigate through, authors should use a + graphics-figure or + graphics-document role instead. +

    +

    + The element with the img role may also contain + captions and descriptive text within child elements, if those + elements participate in the accessible name or description + calculation for that element. To ensure that elements with a + role of img are perceivable, authors + MUST provide alternative text or a label determined by the + accessible name calculation. + Authors SHOULD also provide an accessible description that conveys + the complete meaning of the image. If the image is purely + symbolic, and the visual details are not relevant, the + graphics-symbol role is more appropriate. If the + image is used as a direct substitute for a short word or phrase + within a sentence, the text role is appropriate. +

    +

    + The img role was first defined in ARIA 1.0. This + specification modifies that definition in a backwards-compatible + way, to clarify the distinction between images and other graphical + roles. +

    + 
     <!-- Within an HTML 5 document, an inline SVG
     may sometimes represent an atomic img -->
 <p>A repeating SVG gradient is defined using the
@@ -2430,7 +3147,7 @@ 
    Definition of Roles
    - 
    +            
     <!-- Within the fallback DOM dynamically constructed
      for an HTML 5 canvas game,
      elements may represent the different images
@@ -2451,203 +3168,304 @@ 
    Definition of Roles
    
    </p>
    <!-- more DOM elements representing game controls -->
 </canvas>
-
    
-
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
    Characteristics:
    CharacteristicValue
    Is Abstract: 
    Superclass Role:section
    Subclass Roles:Placeholder
    Base Concept: 
    Related Concepts: - -
    Required Context Role: 
    Required Owned Elements: 
    Required States and Properties: 
    Supported States and Properties: 
    Inherited States and Properties:Placeholder
    Name From:author
    Accessible Name Required:True
    Inherits Name Required: 
    Children Presentational:True
    Inherits Presentational: 
    -
    -
    -
    -
    -
    -

    States and Properties

    -

    WAI-ARIA provides a collection of accessibility state and properties which are used to support platform accessibility APIs on various - operating system platforms. Assistive technologies may access this information through an exposed user agent DOM or through a mapping - to the platform accessibility API. When combined with roles, the user agent can supply the assistive technologies with user interface - information to convey to the user at any time. Changes in states or properties will result in a notification to assistive technologies, - which could alert the user that a change has occurred.

    -

    Assistive technology may use aria-gtype as an adjective for the role in name calculation.

    -
    -

    Managing navigation

    -

    Roles, states and properties can be used to manage graphics navigation. Properties can be used to manage navigation behavior and - differentiate between graphics features with the same role and same semantic parent. Customized navigation behavior may be needed when - statistics produce multiple data columns. For example, data for a box and whisker plot are produced by statistics, and - the statistic produces columns for the fence, box, median and outliers. Outliers can be classified in more than one way and - different statistics can produce different flavors of boxes and fences and outliers. The semantics of the statistic need to be accurately - communicated to the user during exploration. Charts, instructional diagrams, chemical models and maps are examples of graphics that - may need customizable navigation. -

    -

    The following properties can modify navigation behavior: -

      -
    • aria-gtype
      • -
    -

    - It has not been decided what mechanism, if any, will cue navigation changes. -

    -
    -
    -

    Definitions of States and Properties

    -

    Below is a list of properties that can be used with graphics roles. A detailed definition of each state and property - follows this compact list.

    -

    Placeholder for index of states and properties

    -
    - -
    - aria-categories -
    -

    A list of categories.

    -
    - - - - - - - - - - - - - - - - - - - - - - - - - - -
    Characteristics:
    CharacteristicValue
    Related Concepts:
    Used in Roles:Placeholder
    Inherits into Roles:Placeholder
    Value:string
    -
    -
    - -
    - aria-gtype -
    -

    A differentiator for graphics features with the same role and semantic parent.

    -
    - - - - - - - - - - - - - - - - - - - - - - - - - - -
    Characteristics:
    CharacteristicValue
    Related Concepts:
    Used in Roles:Placeholder
    Inherits into Roles:Placeholder
    Value:string
    -
    - -
    -
    -
    -

    Schemata

    -

    The HTML Working Group has incorporated the WAI-ARIA attributes into HTML 5. Official support for WAI-ARIA in HTML is provided in that specification.

    -

    Validation support for the roles defined in this module will be added once the specification reaches recommendation.

    -

    For information on incorporating WAI-ARIA into other grammars, refer to Appendix A of [[!WAI-ARIA]]

    -

    Review whether any additional schemata are necessary for this module.

    -
    -
    -

    Change Log

    -

    A detailed history of changes committed is available from the github repository for this document. When drafts of this document begin to stabilise, human-readable change logs will be incorporated.

    - -
    -
    -

    WAI-ARIA Role, State, and Property Quick Reference

    -

    The following table provides a quick reference to the supported states and properties for all WAI-ARIA roles that may be used in markup.

    -
    -

    In addition to the states and properties shown in the table, the following global states and properties are supported on all roles.

    -

    Placeholder for global states and properties

    -
    -

    Placeholder for quick reference table

    -
    -
    -

    Acknowledgments

    -

    The following people contributed to the development of this document.

    -
    -

    Participants active in the SVG accessibility task force at the time of publication

    -
      -
    • Amelia Bellamy-Royds (Invited expert)
      • -
    • Fred Esch (IBM Corporation)
      • -
    • Charles McCathieNevile (Yandex)
      • -
    • Charu Pandhi (IBM Corporation)
      • -
    • Doug Schepers (W3C Staff)
      • -
    • Richard Schwerdtfeger (Knowbility)
      • -
    • Léonie Watson (The Paciello Group)
      • -
    • Jason White (Educational Testing Service)
      • -
    -
    -
    -

    Participants active in the PFWG at the time of publication

    -
      -
    • Christy Blew (University of Illinois at Urbana-Champaign)
      • -
    • David Bolter (Mozilla Foundation)
      • -
    • Michael Cooper (W3C/MIT)
      • -
    • James Craig (Apple Inc.)
      • -
    • Joanmarie Diggs (Igalia)
      • -
    • Fred Esch (IBM Corporation)
      • -
    • Steve Faulkner (The Paciello Group)
      • -
    • John Foliot (Invited Expert)
      • -
    • Christopher Gallelo (Microsoft Corporation)
      • -
    • Bryan Garaventa (SSB BART Group)
      • -
    • Scott González (JQuery Foundation)
      • -
    • Billy Gregory (The Paciello Group)
      • -
    • Karl Groves (The Paciello Group)
      • -
    • Jon Gunderson (University of Illinois at Urbana-Champaign)
      • -
    • Birkir Gunnarsson (Deque Systems, Inc.)
      • -
    • Markus Gylling (DAISY Consortium)
      • -
    • Mona Heath (University of Illinois at Urbana-Champaign)
      • -
    • Susann Keohane (IBM Corporation)
      • -
    • Matthew King (IBM Corporation)
      • -
    • Jason Kiss (Department of Internal Affairs, New Zealand Government)
      • -
    • Dominic Mazzoni (Google, Inc.)
      • -
    • Shane McCarron (Invited Expert, Aptest)
      • -
    • Charles McCathieNevile (Yandex)
      • -
    • Mary Jo Mueller (IBM Corporation)
      • -
    • James Nurthen (Oracle Corporation)
      • -
    • Janina Sajka (Invited Expert, The Linux Foundation)
      • -
    • Joseph Scheuhammer (Invited Expert, Inclusive Design Research Centre, OCAD University)
      • -
    • Stefan Schnabel (SAP AG)
      • -
    • Richard Schwerdtfeger (Knowbility)
      • -
    • Lisa Seeman (Invited Expert)
      • -
    • Cynthia Shelly (Microsoft Corporation)
      • -
    • Alexander Surkov (Mozilla Foundation)
      • -
    • Léonie Watson (The Paciello Group)
      • -
    • Jason White (Educational Testing Service)
      • -
    • Marco Zehe (Mozilla Foundation)
      • -
    • Gottfried Zimmermann (Invited Expert, Access Technologies Group)
      • -
    -
    -
    -
    - +
    +
    +

    WAI-ARIA Role, State, and Property Quick Reference

    +

    + The following table provides a quick reference to the supported states + and properties for all WAI-ARIA roles that may be used in markup. +

    +
    +

    + In addition to the states and properties shown in the table, the + following global states and properties are supported on all roles. +

    +

    Placeholder for global states and properties

    +
    +

    Placeholder for quick reference table

    +
    +
    +

    Acknowledgments

    +

    + The following people contributed to the development of this document. +

    +
    +

    + Participants active in the SVG accessibility task force at the time of + publication +

    +
      +
    • Amelia Bellamy-Royds (Invited expert)
      • +
    • Fred Esch (IBM Corporation)
      • +
    • Charles McCathieNevile (Yandex)
      • +
    • Charu Pandhi (IBM Corporation)
      • +
    • Doug Schepers (W3C Staff)
      • +
    • Richard Schwerdtfeger (Knowbility)
      • +
    • Léonie Watson (The Paciello Group)
      • +
    • Jason White (Educational Testing Service)
      • +
    +
    +
    +

    Participants active in the PFWG at the time of publication

    +
      +
    • Christy Blew (University of Illinois at Urbana-Champaign)
      • +
    • David Bolter (Mozilla Foundation)
      • +
    • Michael Cooper (W3C/MIT)
      • +
    • James Craig (Apple Inc.)
      • +
    • Joanmarie Diggs (Igalia)
      • +
    • Fred Esch (IBM Corporation)
      • +
    • Steve Faulkner (The Paciello Group)
      • +
    • John Foliot (Invited Expert)
      • +
    • Christopher Gallelo (Microsoft Corporation)
      • +
    • Bryan Garaventa (SSB BART Group)
      • +
    • Scott González (JQuery Foundation)
      • +
    • Billy Gregory (The Paciello Group)
      • +
    • Karl Groves (The Paciello Group)
      • +
    • Jon Gunderson (University of Illinois at Urbana-Champaign)
      • +
    • Birkir Gunnarsson (Deque Systems, Inc.)
      • +
    • Markus Gylling (DAISY Consortium)
      • +
    • Mona Heath (University of Illinois at Urbana-Champaign)
      • +
    • Susann Keohane (IBM Corporation)
      • +
    • Matthew King (IBM Corporation)
      • +
    • + Jason Kiss (Department of Internal Affairs, New Zealand Government) +
      • +
    • Dominic Mazzoni (Google, Inc.)
      • +
    • Shane McCarron (Invited Expert, Aptest)
      • +
    • Charles McCathieNevile (Yandex)
      • +
    • Mary Jo Mueller (IBM Corporation)
      • +
    • James Nurthen (Oracle Corporation)
      • +
    • Janina Sajka (Invited Expert, The Linux Foundation)
      • +
    • + Joseph Scheuhammer (Invited Expert, Inclusive Design Research + Centre, OCAD University) +
      • +
    • Stefan Schnabel (SAP AG)
      • +
    • Richard Schwerdtfeger (Knowbility)
      • +
    • Lisa Seeman (Invited Expert)
      • +
    • Cynthia Shelly (Microsoft Corporation)
      • +
    • Alexander Surkov (Mozilla Foundation)
      • +
    • Léonie Watson (The Paciello Group)
      • +
    • Jason White (Educational Testing Service)
      • +
    • Marco Zehe (Mozilla Foundation)
      • +
    • + Gottfried Zimmermann (Invited Expert, Access Technologies Group) +
      • +
    +
    +
    +
    + diff --git a/index.html b/index.html index 49de44e..789b86c 100644 --- a/index.html +++ b/index.html @@ -1,408 +1,679 @@ - - -WAI-ARIA Graphics Module - - - - - - - + + + + + + - - - -
    -

    Assistive technologies need semantic information about the structures and expected behaviors of a document in order to convey appropriate information to persons with disabilities. This specification defines a WAI-ARIA 1.1 [[WAI-ARIA-1.1]] module of core roles specific to web graphics. These semantics allow an author to express the logical structure of the graphic to assistive technologies in order improve accessibility of graphics. Assistive technologies could then enable semantic navigation and adapt styling and interactive features, to provide an optimal experience for the audience. These features complement the graphics and document structure elements defined by HTML [[HTML52]] and SVG [[SVG2]].

    -

    This document is part of the WAI-ARIA suite described in the WAI-ARIA Overview.

    -
    -
    -

    This is an Editor's Draft of WAI-ARIA Graphics Module 1.0 by the SVG Accessibility Taskforce, a joint task force of the Accessible Rich Internet Applications Working Group and the SVG Working Group.

    -

    Feedback on any aspect of the specification is accepted. For this publication, the SVG Accessibility Task Force particularly seeks feedback on the following questions:

    -
      -
    • Are proposed roles clear and appropriate to the needs of interactive graphics?
      • -
    • Is the relationship of this specification to WAI-ARIA 1.1 clear?
      • -
    -

    To comment, file an issue in the W3C graphics-aria GitHub repository. If this is not feasible, send email to public-aria@w3.org (comment archive). In-progress updates to the document may be viewed in the publicly visible editors' draft.

    -
    -
    -
    -
    -

    Introduction

    -

    WAI-ARIA is a technical specification that provides a framework to improve the accessibility and interoperability of web content and applications. It enables web browsers to map the accessibility semantics in web content to platform-specific accessibility APIs. This enables web content to be interoperable with platform assistive technologies, similar to native platform applications, without requiring authors to include platform dependencies.

    -

    This specification is a modular extension of WAI-ARIA [[WAI-ARIA-1.1]] designed to support graphics. The goals of this specification include:

    -
      -
    • Expanding WAI-ARIA to produce semantic extensions to support structured graphics such as charts, graphs, maps, technical drawings and scientific diagrams. It has applicability to both Scalable Vector Graphics as well as HTML 5 Canvas and graphics produced with CSS styling of HTML and other markup languages.
      • -
    • Align with a new governance model for modularization and extensions to WAI-ARIA.
      • -
    • Provide structural semantics extensions that will support both assistive technologies and enable semantic navigation, alternative styling, and interactivity support.
      • -
    • Work in harmony with SVG 2 and ARIA 1.1 to get consistent working accessibility infrastructure, on par with WAI-ARIA and HTML 5.2, across all the major browsers.
      • -
    -

    This specification defines the core roles that would be used in all structured graphics or diagrams. - It establishes the default roles that can be used to describe graphical markup elements such as shapes and canvases. - In combination with WAI-ARIA attributes to provide alternative text and to indicate relationships between elements, this provides a framework for annotating many figures and diagrams. - Future work will expand on this framework to enable more detailed annotation of data-rich graphics such as charts or maps.

    -

    For a more detailed explanation of WAI-ARIA please refer to the WAI-ARIA Introduction and how it applies to Rich Internet Application Accessibility.

    - -
    -

    Target Audience

    -

    This specification defines a module of WAI-ARIA for graphics, consisting of graphics-specific element roles. It impacts several audiences:

    -
      -
    • User agents that process content containing WAI-ARIA and graphics WAI-ARIA features;
      • -
    • Assistive technologies that provide specialized reading experiences to users with disabilities;
      • -
    • Authors of web graphics;
      • -
    • Authoring tools that help authors create conforming graphics; and
      • -
    • Conformance checkers, that verify appropriate use of WAI-ARIA and this WAI-ARIA Graphics module.
      • -
    -

    Each conformance requirement indicates the audience to which it applies.

    - -
    - -
    -

    User Agent Support

    -

    This module follows the general User Agent support principles defined in WAI-ARIA [[WAI-ARIA-1.1]]. - The roles defined here do not require any change in behavior by user agents other than in the information exposed to the accessibility API. - However, the semantics defined here provide the ability for user agents to enhance the general user interface presented to readers. - For example, a user agent may provide alternative keyboard navigation suitable to a graphical environment, or may allow users to extract a copy of a graphic from a larger document.

    -
    - -
    -

    Co-Evolution of WAI-ARIA and Host Languages

    -

    The WAI-ARIA Graphics module follows the model for co-evolution of WAI-ARIA and host languages defined in WAI-ARIA [[WAI-ARIA-1.1]]. It is intended to augment semantics in supporting languages like HTML [[HTML52]], SVG [[SVG2]] and EPUB, or to be used as an accessibility enhancement technology in other markup-based languages that do not explicitly include support for ARIA. - WAI-ARIA roles clarify semantics to assistive technologies when authors create new types of objects, via style and script, or use markup languages which describe the visual appearance of a document rather than its meaning.

    -

    Although markup languages may provide some of these semantics natively, it is expected that there will be a persistent need for the semantics provided by the WAI-ARIA Graphics module. - Some host languages exist to create semantics for features other than the user interface. For example, SVG expresses the semantics behind production of graphical objects, not of user interface components that those objects may represent. Host languages such as these might, by design, not provide native semantics that map to all of this specification's features. In these host languages, the WAI-ARIA Graphics module could be adopted as a long-term approach to add semantic information.

    -
    - -
    -

    Authoring Practices

    -
    -

    Authoring Tools

    -

    Many of the requirements in the definitions of the WAI-ARIA and Graphics WAI-ARIA roles, states and properties can be checked automatically during the development process, similar to other quality control processes used for validating code. To assist authors who are creating graphics, these tools can compare the semantic structure of Graphics WAI-ARIA roles from the DOM to that defined in this specification and notify the author of errors or simply create templates that enforce that structure.

    -
    - -
    -

    Testing Practices and Tools

    -

    The accessibility of interactive content cannot be confirmed by static checks alone. Developers of interactive content should test for device-independent access to widgets and applications, and should verify accessibility API access to all content and changes during user interaction.

    -
    -
    - -
    -

    Assistive Technologies

    -

    Programmatic access to accessibility semantics is essential for assistive technologies. For more information, refer to the Assistive Technologies section in WAI-ARIA [[WAI-ARIA-1.1]].

    -

    For the graphics roles in particular, two categories of assistive technology are particularly relevant, but have different needs:

    + } + + + +
    +

    + Assistive technologies need semantic information about the structures + and expected behaviors of a document in order to convey appropriate + information to persons with disabilities. This specification defines a + WAI-ARIA 1.1 [[WAI-ARIA-1.1]] module of + core roles + specific to web graphics. These semantics allow an author to express the + logical structure of the graphic to assistive technologies in order + improve accessibility of graphics. Assistive technologies could then + enable semantic navigation and adapt styling and interactive features, + to provide an optimal experience for the audience. These features + complement the graphics and document structure elements defined by HTML + [[HTML52]] and SVG [[SVG2]]. +

    +

    + This document is part of the + WAI-ARIA + suite described in the + WAI-ARIA + Overview. +

    +
    +
    +

    + This is an Editor's Draft of + WAI-ARIA + Graphics Module 1.0 by the + SVG Accessibility + Taskforce, a joint task force of the + Accessible Rich Internet Applications Working Group + and the + SVG Working Group. +

    +

    + Feedback on any aspect of the specification is accepted. For this + publication, the + SVG Accessibility Task + Force particularly seeks feedback on the following questions: +

    +
      +
    • + Are proposed roles clear and appropriate to the needs of interactive + graphics? +
      • +
    • + Is the relationship of this specification to + WAI-ARIA 1.1 clear? +
      • +
    +

    + To comment, + file an issue in the W3C graphics-aria GitHub repository. If this is not feasible, send email to + public-aria@w3.org + (comment archive). In-progress updates to the document may be viewed in the + publicly visible editors' draft. +

    +
    +
    +
    +

    Introduction

    +

    + WAI-ARIA is a + technical specification that provides a framework to improve the + accessibility and interoperability of web content and applications. It + enables web browsers to map the accessibility semantics in web content + to platform-specific accessibility APIs. This enables web content to be + interoperable with platform assistive technologies, similar to native + platform applications, without requiring authors to include platform + dependencies. +

    +

    + This specification is a modular extension of + WAI-ARIA + [[WAI-ARIA-1.1]] designed to support graphics. The goals of this + specification include: +

    +
      +
    • + Expanding WAI-ARIA to produce semantic extensions to support + structured graphics such as charts, graphs, maps, technical drawings + and scientific diagrams. It has applicability to both Scalable Vector + Graphics as well as HTML 5 Canvas and graphics produced with CSS + styling of HTML and other markup languages. +
      • +
    • + Align with a new governance model for modularization and extensions to + WAI-ARIA. +
      • +
    • + Provide structural semantics extensions that will support both + assistive technologies and enable semantic navigation, alternative + styling, and interactivity support. +
      • +
    • + Work in harmony with SVG 2 and ARIA 1.1 to get consistent working + accessibility infrastructure, on par with + WAI-ARIA + and HTML 5.2, across all the major browsers. +
      • +
    +

    + This specification defines the core roles that would be used in all + structured graphics or diagrams. It establishes the default roles that + can be used to describe graphical markup elements such as shapes and + canvases. In combination with WAI-ARIA attributes to provide alternative + text and to indicate relationships between elements, this provides a + framework for annotating many figures and diagrams. Future work will + expand on this framework to enable more detailed annotation of data-rich + graphics such as charts or maps. +

    +

    + For a more detailed explanation of + WAI-ARIA + please refer to the + WAI-ARIA Introduction + and how it applies to Rich Internet Application Accessibility. +

    + +
    +

    Target Audience

    +

    + This specification defines a module of + WAI-ARIA + for graphics, consisting of graphics-specific element + roles. + It impacts several audiences: +

      -
    • Text-based presentations, such as screen readers, braille displays, and text-only displays or printers. These technologies need to replace a complex graphic with semantic text descriptions, preserving any meaningful structure and relationships between components. -
      • -
    • Alternative graphical presentations, such as colour-adjusted displays, screen magnifiers, large print documents, or embossing printers with graphic support. These technologies need to distinguish between graphical features which are primarily decorative and those which are essential for conveying the meaning of the content.
      • +
    • + User agents that process content + containing + WAI-ARIA + and graphics + WAI-ARIA + features; +
      • +
    • + Assistive technologies that provide specialized reading + experiences to users with disabilities; +
      • +
    • Authors of web graphics;
      • +
    • + Authoring tools that help authors create conforming graphics; and +
      • +
    • + Conformance checkers, that verify appropriate use of + WAI-ARIA + and this + WAI-ARIA + Graphics module. +
    -

    The role descriptions suggest which features of an element with that role are considered semantically important and should be conveyed to the reader whenever possible.

    -
    -
    -
    -

    Conformance

    -

    The main content of this specification is normative and defines requirements that impact conformance claims. Introductory material, appendices, sections marked as "non-normative" and their subsections, diagrams, examples, and notes are informative (non-normative). Non-normative material provides advisory information to help interpret the guidelines but does not create requirements that impact a conformance claim.

    -

    Normative sections provide requirements that user agents must follow for an implementation to conform to this specification. The keywords MUST, MUST NOT, REQUIRED, SHALL, SHALL NOT, SHOULD, RECOMMENDED, MAY, and OPTIONAL in this document are to be interpreted as described in Keywords for use in RFCs to indicate requirement levels [[!RFC2119]]. RFC-2119 keywords are formatted in uppercase and contained in an element with class="rfc2119". When the keywords shown above are used, but do not share this format, they do not convey formal information in the RFC 2119 sense, and are merely explanatory, i.e., informative. As much as possible, such usages are avoided in this specification.

    -

    Normative sections provide requirements that authors, user agents and assistive technologies MUST follow for an implementation to conform to this specification.

    -

    Non-normative (informative) sections provide information useful to understanding the specification. Such sections may contain examples of recommended practice, but it is not required to follow such recommendations in order to conform to this specification.

    -
    -
    -

    Graphics Roles

    -

    - This section defines additions to the - WAI-ARIA - role taxonomy - and describes the characteristics and properties of all roles. - See ARIA Roles for descriptions - of the fields provided by this module. -

    -

    - Authors are given the ability to influence what is presented - to assistive technologies and to influence navigation through - the use of roles and properties. - This includes the ability to mark elements as having no semantic importance. - With graphics, there are many - cases where presenting and navigating every element will make the - graphic harder to understand and use. -

    -

    - Authors may mark elements for exclusion - from the semantic representation of the document - (the accessibility tree) by assigning - the role none or presentation. - The element with this role should be treated transparently - by assistive technologies, as if its children or text content - were directly contained by its parent element. - In addition, certain roles, - such as img or graphics-symbol, - when assigned to a parent element, will cause all child - DOM structure to be omitted from the accessibility tree. - This is indicated by the "Children Presentational" - value in the role characteristics table. - Finally, the native semantics of the graphics language - may also default to ignoring DOM structure that does not have - semantic data attached; for SVG, this is defined in the SVG Accessibility API Mappings specification [[SVG-AAM-1.0]]. -

    -

    - In all cases, to be considered presentational, an element must not be interactive - and must not be assigned any accessible properties or alternative text. - A role of none or presentation will be ignored - for interactive elements or those with WAI-ARIA states and properties.

    -
    -

    Definition of Roles

    -

    - Below is an alphabetical list of the - WAI-ARIA - roles defined in this specification. - They would normally be used in combination with other roles - defined in WAI-ARIA - to annotate graphics within documents and rich internet applications [[WAI-ARIA-1.1]]. -

    - -

    Placeholder for compact list of roles

    - - -
    - graphics-document -

    - A type of document in which - the visual appearance or layout of content conveys meaning. + Each conformance requirement indicates the audience to which it + applies. +

    + +
    + +
    +

    User Agent Support

    +

    + This module follows the general + User Agent support principles + defined in WAI-ARIA [[WAI-ARIA-1.1]]. The roles defined here do not + require any change in behavior by user agents other than in the + information exposed to the accessibility API. However, the + semantics defined here provide the ability for user agents to enhance + the general user interface presented to readers. For example, a user + agent may provide alternative keyboard navigation suitable to a + graphical environment, or may allow users to extract a copy of a + graphic from a larger document. +

    +
    + +
    +

    + Co-Evolution of + WAI-ARIA + and Host Languages +

    +

    + The + WAI-ARIA + Graphics module follows the model for + co-evolution of + WAI-ARIA + and host languages + defined in WAI-ARIA [[WAI-ARIA-1.1]]. It is intended to augment + semantics in supporting languages like HTML [[HTML52]], SVG [[SVG2]] + and EPUB, or to be used as an accessibility enhancement technology in + other markup-based languages that do not explicitly include support + for ARIA. WAI-ARIA roles clarify semantics to assistive + technologies when authors create new types of objects, via style and + script, or use markup languages which describe the visual appearance + of a document rather than its meaning. +

    +

    + Although markup languages may provide some of these semantics + natively, it is expected that there will be a persistent need for the + semantics provided by the + WAI-ARIA + Graphics module. Some host languages exist to create semantics for + features other than the user interface. For example, SVG expresses the + semantics behind production of graphical objects, not of user + interface components that those objects may represent. Host languages + such as these might, by design, not provide native semantics that map + to all of this specification's features. In these host languages, the + WAI-ARIA + Graphics module could be adopted as a long-term approach to add + semantic information.

    +
    + +
    +

    Authoring Practices

    +
    +

    Authoring Tools

    +

    + Many of the requirements in the definitions of the + WAI-ARIA + and Graphics + WAI-ARIA + roles, states and + properties can be checked automatically + during the development process, similar to other quality control + processes used for validating code. To assist authors who are + creating graphics, these tools can compare the semantic structure of + Graphics + WAI-ARIA + roles from the DOM to + that defined in this specification and notify the author of errors + or simply create templates that enforce that structure. +

    +
    + +
    +

    Testing Practices and Tools

    +

    + The accessibility of interactive content cannot be confirmed by + static checks alone. Developers of interactive content should test + for device-independent access to widgets and + applications, and should verify accessibility + API access to + all content and changes during user interaction. +

    +
    +
    + +
    +

    Assistive Technologies

    - Similar to other document types, - the graphics-document role applies to the root element of - a region of the page containing related information, - where the user's primary interaction mode is expected to be - browsing the document rather than controlling an application. - The element with this role - may be the root element of the document file, - or of a nested structure within it. + Programmatic access to accessibility semantics is essential for + assistive technologies. For more information, refer to the + Assistive Technologies + section in WAI-ARIA [[WAI-ARIA-1.1]].

    - The graphics-document may be distinguished - from similar roles as follows: + For the graphics roles in particular, two categories of assistive + technology are particularly relevant, but have different needs:

      -

    • - Relative to other documents, a graphics-document - is distinguished by the semantic importance of its - visual (usually two-dimensional) representation. - User agents and assistive technologies - SHOULD take this into consideration - when supporting navigation of the graphic. - Accessibility technologies that re-format or re-style a document - SHOULD NOT alter the layout of a graphics-document - except in ways that are consistent - with the semantic roles and relationships of its content. -

      • -

    • - Relative to an img, a graphics-document - is distinguished by the structured nature of its content. - Its child elements may have semantic meaning, - and may include links or other interactive widgets. -

      • -

    • - Relative to a graphics-object, - a graphics-document is self-contained. - Its meaning persists when separated from surrounding content. - The element with the graphics-document role defines - the scope and context for interpretation of the child content. -

      • +
    • + Text-based presentations, such as screen readers, braille displays, + and text-only displays or printers. These technologies need to + replace a complex graphic with semantic text descriptions, + preserving any meaningful structure and relationships between + components. +
      • +
    • + Alternative graphical presentations, such as colour-adjusted + displays, screen magnifiers, large print documents, or embossing + printers with graphic support. These technologies need to + distinguish between graphical features which are primarily + decorative and those which are essential for conveying the meaning + of the content. +

    - In general, authors SHOULD use the graphics-document role - for structured graphics such as - charts, maps, diagrams, technical drawing, blue prints and instructional graphics. - However, if a single large graphic has discrete regions - that may be safely re-arranged without sacrificing meaning, - each of those regions SHOULD be a distinct graphics-document. - An alternative role (such as figure) - may be used to group them together. - One graphics-document may also be nested inside another, - for example a bar chart that is embedded in a map - or a matrix of chart panels - should have a role of graphics-document. - The nested document provides encapsulation; - navigation between components of - the inner and outer graphics should be explicit. -

    -
    -

    - To support user agents and assistive technologies - based on the ARIA 1.0 specification, - authors may wish to include the document role - as a fallback value, - in the form role="graphics-document document". -

    -

    - Future specifications may define more specific roles - for particular types of graphical documents with - special semantic structures. Those more specific roles - would be subclasses of graphics-document. -

    -
    -
    +
    +
    +

    Conformance

    +

    + The main content of this specification is + normative and defines requirements that impact + conformance claims. Introductory material, appendices, sections marked + as "non-normative" and their subsections, diagrams, examples, and notes + are informative (non-normative). Non-normative + material provides advisory information to help interpret the guidelines + but does not create requirements that impact a conformance claim. +

    +

    + Normative sections provide requirements that + user agents must follow for an implementation to + conform to this specification. The keywords + MUST, MUST NOT, + REQUIRED, SHALL, + SHALL NOT, SHOULD, + RECOMMENDED, MAY, and + OPTIONAL in this document are to be interpreted + as described in + Keywords for use in RFCs to indicate requirement levels + [[!RFC2119]]. RFC-2119 keywords are formatted in uppercase and contained + in an element with class="rfc2119". When the keywords shown + above are used, but do not share this format, they do not convey formal + information in the RFC 2119 sense, and are merely explanatory, i.e., + informative. As much as possible, such usages are avoided in this + specification. +

    +

    + Normative sections provide requirements that authors, user agents and + assistive technologies MUST follow for an implementation to conform to + this specification. +

    +

    + Non-normative (informative) sections provide information useful to + understanding the specification. Such sections may contain examples of + recommended practice, but it is not required to follow such + recommendations in order to conform to this specification. +

    +
    +
    +

    Graphics Roles

    +

    + This section defines additions to the + WAI-ARIA + role taxonomy and + describes the characteristics and properties of all + roles. See + ARIA Roles for descriptions of the + fields provided by this module. +

    +

    + Authors are given the ability to influence what is presented to + assistive technologies and to influence navigation through the use of + roles and properties. This includes the ability to mark elements as + having no semantic importance. With graphics, there are many cases where + presenting and navigating every element will make the graphic harder to + understand and use. +

    +

    + Authors may mark elements for exclusion from the semantic representation + of the document (the accessibility tree) by assigning the role + none or presentation. The element with this + role should be treated transparently by assistive technologies, as if + its children or text content were directly contained by its parent + element. In addition, certain roles, such as img or + graphics-symbol, when assigned to a parent element, will + cause all child DOM structure to be omitted from the accessibility tree. + This is indicated by the "Children Presentational" value in the role + characteristics table. Finally, the native semantics of the graphics + language may also default to ignoring DOM structure that does not have + semantic data attached; for SVG, this is defined in the SVG + Accessibility API Mappings specification [[SVG-AAM-1.0]]. +

    +

    + In all cases, to be considered presentational, an element must not be + interactive and must not be assigned any accessible properties or + alternative text. A role of none or + presentation will be ignored for interactive elements or + those with WAI-ARIA states and properties. +

    +
    +

    Definition of Roles

    +

    + Below is an alphabetical list of the + WAI-ARIA + roles defined in this + specification. They would normally be used in combination with other + roles defined in WAI-ARIA to annotate graphics within documents and + rich internet applications [[WAI-ARIA-1.1]]. +

    + +

    Placeholder for compact list of roles

    + +
    + graphics-document +
    +

    + A type of document in which the visual appearance or + layout of content conveys meaning. +

    +

    + Similar to other document types, the + graphics-document role applies to the root element of + a region of the page containing related information, where the + user's primary interaction mode is expected to be browsing the + document rather than controlling an application. The element with + this role may be the root element of the document file, or of a + nested structure within it. +

    +

    + The graphics-document may be distinguished from + similar roles as follows: +

    +
      +
    • +

      + Relative to other documents, a + graphics-document is distinguished by the + semantic importance of its visual (usually two-dimensional) + representation. User agents and assistive technologies SHOULD + take this into consideration when supporting navigation of the + graphic. Accessibility technologies that re-format or re-style + a document SHOULD NOT alter the layout of a + graphics-document + except in ways that are consistent with the semantic roles and + relationships of its content. +

      +
      • +

    • - An SVG diagram of an electrical circuit is a simple graphical document: + Relative to an img, a + graphics-document + is distinguished by the structured nature of its content. Its + child elements may have semantic meaning, and may include + links or other interactive widgets.

      - - 
      +
      • +
    • +

      + Relative to a graphics-object, a + graphics-document is self-contained. Its meaning + persists when separated from surrounding content. The element + with the graphics-document role defines the scope + and context for interpretation of the child content. +

      +
      • +
    +

    + In general, authors SHOULD use the + graphics-document role for structured graphics such + as charts, maps, diagrams, technical drawing, blue prints and + instructional graphics. However, if a single large graphic has + discrete regions that may be safely re-arranged without + sacrificing meaning, each of those regions SHOULD be a distinct + graphics-document. An alternative role (such as + figure) may be used to group them together. One + graphics-document may also be nested inside another, + for example a bar chart that is embedded in a map or a matrix of + chart panels should have a role of graphics-document. + The nested document provides encapsulation; navigation between + components of the inner and outer graphics should be explicit. +

    +
    +

    + To support user agents and assistive technologies based on the + ARIA 1.0 specification, authors may wish to include the + document role as a fallback value, in the form + role="graphics-document document". +

    +

    + Future specifications may define more specific roles for + particular types of graphical documents with special semantic + structures. Those more specific roles would be subclasses of + graphics-document. +

    +
    + -
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    Characteristics:
    CharacteristicValue
    Is Abstract: 
    Superclass Role:document
    Subclass Roles: 
    Base Concept: 
    Related Concepts: -
      + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
      + Characteristics: +
      CharacteristicValue
      Is Abstract: 
      Superclass Role:document
      Subclass Roles: 
      Base Concept: 
      Related Concepts: +
      • graphics-object
      • img
      • article
        • -
      -
      Required Context Role: 
      Required Owned Elements:
      Required States and Properties: 
      Supported States and Properties: 
      Inherited States and Properties: 
      Name From:author
      Accessible Name Required:True
      Inherits Name Required:
      Children Presentational:False
      Inherits Presentational: 
      Implicit Value for Role: 
      - - - -
      - graphics-object -
      -

      - A section of a graphics-document - that represents a distinct object or sub-component - with semantic meaning. - A graphical object may itself have nested sub-components. -

      -

      - Container elements that represent a collection - of disconnected objects should be given the - group or list roles, instead. - Grouping elements that do not have semantic meaning - and do not alter the semantic context provided by an ancestor - (for example, a div or SVG g - that is only used for styling or layout) - SHOULD NOT be given a role. - The lack of role may be explicitly indicated - with the role none or presentation. -

      -

      - Unlike a graphics-document, - a graphics-object need not be self-contained, - and it does not establish a new context for navigation. - However, user agents and assistive technologies - SHOULD provide a way for users, particularly non-visual users, - to navigate the nested structure of objects - in a hierarchical manner, similar to nested lists. -

      -

      - To support user agents and assistive technologies - based on the ARIA 1.0 specification, - authors may wish to include the group role - as a fallback value, - in the form role="graphics-object group". -

      +
    +
    + Required Context Role: +  
    + Required Owned Elements: +
    + Required States and Properties: +  
    + Supported States and Properties: +  
    + Inherited States and Properties: +  
    Name From:author
    + Accessible Name Required: + True
    + Inherits Name Required: +
    + Children Presentational: + False
    + Inherits Presentational: +  
    Implicit Value for Role: 
    +
    + +
    + graphics-object +
    +

    + A section of a graphics-document + that represents a distinct object or sub-component with semantic + meaning. A graphical object may itself have nested sub-components. +

    +

    + Container elements that represent a collection of disconnected + objects should be given the + group or list roles, instead. Grouping + elements that do not have semantic meaning and do not alter the + semantic context provided by an ancestor (for example, a + div or SVG g that is only used for + styling or layout) SHOULD NOT be given a role. The lack of role + may be explicitly indicated with the role none or + presentation. +

    +

    + Unlike a graphics-document, a + graphics-object need not be self-contained, and it + does not establish a new context for navigation. However, user + agents and assistive technologies SHOULD provide a way for users, + particularly non-visual users, to navigate the nested structure of + objects in a hierarchical manner, similar to nested lists. +

    +

    + To support user agents and assistive technologies based on the + ARIA 1.0 specification, authors may wish to include the + group role as a fallback value, in the form + role="graphics-object group". +

    - -
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    Characteristics:
    CharacteristicValue
    Is Abstract: 
    Superclass Role:group
    Subclass Roles: 
    Base Concept: 
    Related Concepts: -
      + + + + + + + + + + + + + + + + + + + + + + + + + + + + + - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
      + Characteristics: +
      CharacteristicValue
      Is Abstract: 
      Superclass Role:group
      Subclass Roles: 
      Base Concept: 
      Related Concepts: +
      • graphics-document
      • group
      • img
      • graphics-symbol
        • -
      -
      Required Context Role: 
      Required Owned Elements:
      Required States and Properties: 
      Supported States and Properties: 
      Inherited States and Properties: 
      Name From: -
        -
      • author
        • -
      • contents
        • -
      -
      Accessible Name Required:False
      Inherits Name Required:
      Children Presentational:False
      Inherits Presentational: 
      Implicit Value for Role: 
      - - - -
      - graphics-symbol -
      -

      - A graphical object used to convey a simple meaning or category, - where the meaning is more important - than the particular visual appearance. - It may be a component of a larger structured graphic - such as a chart or map. - The symbol itself is an atomic object; - children are presentational. -

      -

      - When used as part of a structured symbolic language, - the aria-roledescription property - (introduced in ARIA 1.1 [[WAI-ARIA-1.1]]) - can be used to name the symbol type - separately from the name and description - for the particular instance of the symbol. -

      -

      - To support user agents and assistive technologies - based on the ARIA 1.0 specification, - authors may wish to include the img role - as a fallback value, - in the form role="graphics-symbol img", - if that is not already the default semantic role for the element. -

      -
    +
    + Required Context Role: +  
    + Required Owned Elements: +
    + Required States and Properties: +  
    + Supported States and Properties: +  
    + Inherited States and Properties: +  
    Name From: +
      +
    • author
      • +
    • contents
      • +
    +
    + Accessible Name Required: + False
    + Inherits Name Required: +
    + Children Presentational: + False
    + Inherits Presentational: +  
    Implicit Value for Role: 
    +
    + +
    + graphics-symbol +
    +

    + A graphical object used to convey a simple meaning or category, + where the meaning is more important than the particular visual + appearance. It may be a component of a larger structured graphic + such as a chart or map. The symbol itself is an atomic object; + children are presentational. +

    +

    + When used as part of a structured symbolic language, the + aria-roledescription property (introduced in ARIA 1.1 + [[WAI-ARIA-1.1]]) can be used to name the symbol type separately + from the name and description for the particular instance of the + symbol. +

    +

    + To support user agents and assistive technologies based on the + ARIA 1.0 specification, authors may wish to include the + img role as a fallback value, in the form + role="graphics-symbol img", if that is not already + the default semantic role for the element. +

    + - + - + -
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
    Characteristics:
    CharacteristicValue
    Is Abstract: 
    Superclass Role:img
    Subclass Roles: 
    Base Concept: 
    Related Concepts:symbol
    Required Context Role: 
    Required Owned Elements:
    Required States and Properties: 
    Supported States and Properties: 
    Inherited States and Properties: 
    Name From:author
    Accessible Name Required:True
    Inherits Name Required:
    Children Presentational:True
    Inherits Presentational: 
    Implicit Value for Role: 
    -
    - -
    -
    -

    Other Roles for Graphics

    -

    The following core ARIA roles, defined in ARIA 1.1 [[WAI-ARIA-1.1]], are also - relevant for annotating graphics: -

    -
      -
    • - img (image) defines a single graphic - that is perceived as an indivisible whole. - Unlike a graphics-document, - an image cannot have navigable or interactive child content. - Unlike a graphics-symbol, - an image may require a detailed text description - to fully convey its meaning to non-visual users. -
      • -
    • - figure defines a container element - for content (including graphics) that is a key part - of the containing document but is outside the - normal reading stream. - A figure will often contain one or more elements - with the img or graphics-document roles, - but may also contain text captions, credits, or other related content. -
      • -
    -

    - The following examples demonstrate appropriate use of - img, figure, and graphics-document - in a document. -

    - - + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    + Characteristics: +
    CharacteristicValue
    Is Abstract: 
    Superclass Role:img
    Subclass Roles: 
    Base Concept: 
    Related Concepts: + symbol +
    + Required Context Role: +  
    + Required Owned Elements: +
    + Required States and Properties: +  
    + Supported States and Properties: +  
    + Inherited States and Properties: +  
    Name From:author
    + Accessible Name Required: + True
    + Inherits Name Required: +
    + Children Presentational: + True
    + Inherits Presentational: +  
    Implicit Value for Role: 
    + +
    +
    +

    Other Roles for Graphics

    +

    + The following core ARIA roles, defined in ARIA 1.1 [[WAI-ARIA-1.1]], + are also relevant for annotating graphics: +

    +
      +
    • + img (image) defines a single graphic that is perceived + as an indivisible whole. Unlike a graphics-document, an + image cannot have navigable or interactive child content. Unlike a + graphics-symbol, an image may require a detailed text + description to fully convey its meaning to non-visual users. +
      • +
    • + figure defines a container element for content + (including graphics) that is a key part of the containing document + but is outside the normal reading stream. A figure will often + contain one or more elements with the img or + graphics-document roles, but may also contain text + captions, credits, or other related content. +
      • +
    +

    + The following examples demonstrate appropriate use of + img, figure, and + graphics-document + in a document. +

    - -
    +            
+
    + -
    -
    -
    -

    States and Properties

    -

    WAI-ARIA provides a collection of accessibility state and properties which are used to support platform accessibility APIs on various - operating system platforms. Assistive technologies may access this information through an exposed user agent DOM or through a mapping - to the platform accessibility API. When combined with roles, the user agent can supply the assistive technologies with user interface - information to convey to the user at any time. Changes in states or properties will result in a notification to assistive technologies, - which could alert the user that a change has occurred.

    - -
    -
    -

    Change Log

    -

    The full commit history to WAI-ARIA Graphics Module 1.0 is available.

    -
    -

    Substantive changes since the last public working draft

    -
      -
    • 2017-11-15: Change superclass for graphics-object to img and graphics-symbol to group.
      • - -
    -
    -
    -

    Other substantive changes since the First Public Working Draft

    -
      -
    • 2016-01-26: changed superclass of graphics-doc to structure.
      • -
    • 2016-04-28: removed reference to role="none" or "presentation".
      • -
    • 2016-05-02: Change graphics-doc to graphics-document.
      • -
    • 2016-05-07: clarify limitations of presentational role; mention SVG 2 next to HTML 5 in section on Schemata.
      • - -
    -
    -
    -
    -

    Acknowledgments

    -

    The following people contributed to the development of this document.

    -
    -

    Participants active in the SVG accessibility task force at the time of publication

    -
      -
    • Amelia Bellamy-Royds (Invited expert)
      • -
    • Fred Esch (IBM Corporation)
      • -
    • Charles McCathieNevile (Yandex)
      • -
    • Charu Pandhi (IBM Corporation)
      • -
    • Doug Schepers (W3C Staff)
      • -
    • Richard Schwerdtfeger (Knowbility)
      • -
    • Léonie Watson (The Paciello Group)
      • -
    • Jason White (Educational Testing Service)
      • -
    -
    -
    -

    Participants active in the ARIA WG at the time of publication

    -
      -
    • David Bolter (Mozilla Foundation)
      • -
    • Michael Cooper (W3C/MIT)
      • -
    • James Craig (Apple Inc.)
      • -
    • Joanmarie Diggs (Igalia)
      • -
    • John Foliot (Invited Expert)
      • -
    • Christopher Gallelo (Microsoft Corporation)
      • -
    • Bryan Garaventa (SSB BART Group)
      • -
    • Jon Gunderson (University of Illinois at Urbana-Champaign)
      • -
    • Matthew King (IBM Corporation)
      • -
    • Dominic Mazzoni (Google, Inc.)
      • -
    • Shane McCarron (Invited Expert, Aptest)
      • -
    • James Nurthen (Oracle Corporation)
      • -
    • Janina Sajka (Invited Expert, The Linux Foundation)
      • -
    • Stefan Schnabel (SAP AG)
      • -
    • Lisa Seeman (Invited Expert)
      • -
    • Alexander Surkov (Mozilla Foundation)
      • -
    • Jason White (Educational Testing Service)
      • -
    -
    -
    -
    - + + +
    +
    +
    +

    States and Properties

    +

    + WAI-ARIA provides a collection of accessibility state and properties + which are used to support platform accessibility APIs on various + operating system platforms. Assistive technologies may access this + information through an exposed user agent DOM or through a mapping to + the platform accessibility API. When combined with roles, the user agent + can supply the assistive technologies with user interface information to + convey to the user at any time. Changes in states or properties will + result in a notification to assistive technologies, which could alert + the user that a change has occurred. +

    +
    +
    +

    Change Log

    +

    + The full + commit history to WAI-ARIA Graphics Module 1.0 + is available. +

    +
    +

    + Substantive changes since the + last public working draft +

    +
      +
    • + 2017-11-15: Change superclass for graphics-object to img and + graphics-symbol to group. +
      • + +
    +
    +
    +

    + Other substantive changes since the + First Public Working Draft +

    +
      +
    • 2016-01-26: changed superclass of graphics-doc to structure.
      • +
    • + 2016-04-28: removed reference to role="none" or "presentation". +
      • +
    • 2016-05-02: Change graphics-doc to graphics-document.
      • +
    • + 2016-05-07: clarify limitations of presentational role; mention SVG + 2 next to HTML 5 in section on Schemata. +
      • + +
    +
    +
    +
    +

    Acknowledgments

    +

    + The following people contributed to the development of this document. +

    +
    +

    + Participants active in the SVG accessibility task force at the time of + publication +

    +
      +
    • Amelia Bellamy-Royds (Invited expert)
      • +
    • Fred Esch (IBM Corporation)
      • +
    • Charles McCathieNevile (Yandex)
      • +
    • Charu Pandhi (IBM Corporation)
      • +
    • Doug Schepers (W3C Staff)
      • +
    • Richard Schwerdtfeger (Knowbility)
      • +
    • Léonie Watson (The Paciello Group)
      • +
    • Jason White (Educational Testing Service)
      • +
    +
    +
    +

    Participants active in the ARIA WG at the time of publication

    +
      +
    • David Bolter (Mozilla Foundation)
      • +
    • Michael Cooper (W3C/MIT)
      • +
    • James Craig (Apple Inc.)
      • +
    • Joanmarie Diggs (Igalia)
      • +
    • John Foliot (Invited Expert)
      • +
    • Christopher Gallelo (Microsoft Corporation)
      • +
    • Bryan Garaventa (SSB BART Group)
      • +
    • Jon Gunderson (University of Illinois at Urbana-Champaign)
      • +
    • Matthew King (IBM Corporation)
      • +
    • Dominic Mazzoni (Google, Inc.)
      • +
    • Shane McCarron (Invited Expert, Aptest)
      • +
    • James Nurthen (Oracle Corporation)
      • +
    • Janina Sajka (Invited Expert, The Linux Foundation)
      • +
    • Stefan Schnabel (SAP AG)
      • +
    • Lisa Seeman (Invited Expert)
      • +
    • Alexander Surkov (Mozilla Foundation)
      • +
    • Jason White (Educational Testing Service)
      • +
    +
    +
    +
    + From eee3c741e059b1df3684e7587b838ae0ceff06d7 Mon Sep 17 00:00:00 2001 From: Peter Krautzberger Date: Mon, 26 Jun 2023 13:38:56 +0200 Subject: [PATCH 09/16] chore: increase prettier print-width --- .github/workflows/prettier.yaml | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/.github/workflows/prettier.yaml b/.github/workflows/prettier.yaml index 474f607..f86918e 100644 --- a/.github/workflows/prettier.yaml +++ b/.github/workflows/prettier.yaml @@ -22,4 +22,4 @@ jobs: - name: Prettify code uses: creyD/prettier_action@v4.3 with: - prettier_options: --write *.html + prettier_options: --write *.html --print-width 200 From 19b859a6f028226fb61a125ac9bb93f8d3b6d9a5 Mon Sep 17 00:00:00 2001 From: Peter Krautzberger Date: Mon, 26 Jun 2023 13:39:03 +0200 Subject: [PATCH 10/16] Revert "Prettified Code!" This reverts commit 6889f6d145fb6d42fc18e40fbf3d1bfcfe873e2a. --- graphics2.html | 5573 ++++++++++++++++++++---------------------------- index.html | 2158 ++++++++----------- 2 files changed, 3260 insertions(+), 4471 deletions(-) diff --git a/graphics2.html b/graphics2.html index ffc7b89..b857c7a 100644 --- a/graphics2.html +++ b/graphics2.html @@ -1,661 +1,388 @@ - - WAI-ARIA Graphics Module 2 - - - - - - - - + + + + + + - - - -
    -

    - Assistive technologies need semantic information about widgets, - structures and behaviors to convey appropriate information to persons - with disabilities. This specification defines a [[!WAI-ARIA]] module of - roles, states and - properties specific to web graphics. These - semantics allow an author to convey user interface behaviors and - structural information to assistive technologies and to enable semantic - navigation, styling and interactive features used by readers. It is - expected this will complement [[HTML5]] and [[SVG2]]. -

    -

    - This document is part of the - WAI-ARIA - suite described in the - WAI-ARIA - Overview. -

    -
    -
    -

    - Please record issues on this specification through the - Github W3C/aria issue tracker, using the prefix "Graphics" for any issue. -

    -
    -
    -
    -

    Introduction

    -

    - WAI-ARIA is a - technical specification that defines a common host language semantic - accessibility API and framework that enables web browsers to map the - accessibility semantics in web content to platform-specific - accessibility APIs. This enables web content to be interoperable with - platform assistive technologies similar to native platform applications - without platform dependencies. -

    -

    - This specification is a modular extension of - WAI-ARIA - designed to support graphics. The goals of this specification include: -

    -
      -
    • - Expanding [[!WAI-ARIA]] to produce structural semantic extensions to - support graphics such as charts, graphs, maps, technical drawings and - scientific diagrams. It has applicability to both Scalable Vector - Graphics as well as HTML5 Canvas. -
      • -
    • - Align with a new governance model for modularization and extensions to - WAI-ARIA. -
      • -
    • - Provide structural semantics extensions that will support both - assistive technologies and enable semantic navigation, styling and - interactive features used by readers. -
      • -
    -

    - For a more detailed explanation of - WAI-ARIA - please refer to the - WAI-ARIA Introduction and - how it applies to Rich Internet Application Accessibility. -

    - -
    -

    Target Audience

    -

    - This specification defines a module of - WAI-ARIA - for graphics, including roles, - states, properties and - values. It impacts several audiences: -

    -
      -
    • - User agents that process content - containing - WAI-ARIA - and graphics (SVG) - WAI-ARIA - features; -
      • -
    • - Assistive technologies that provide specialized reading - experiences to users with disabilities; -
      • -
    • Authors of web graphics (SVG);
      • -
    • - Authoring tools that help authors create conforming graphics; and -
      • -
    • - Conformance checkers, that verify appropriate use of - WAI-ARIA - and this Graphics - WAI-ARIA - module. -
      • -
    -

    - Each conformance requirement indicates the audience to which it - applies. -

    - -
    - -
    -

    User Agent Support

    -

    - This module builds on the general - User Agent support principles - defined in [[!WAI-ARIA]] by also providing the ability for user agents - to enhance the general user interface presented to readers. -

    -
    - -
    -

    - Co-Evolution of - WAI-ARIA - and Host Languages -

    -

    - The Graphics - WAI-ARIA - module follows the model for - co-evolution of - WAI-ARIA - and host languages - defined in [[!WAI-ARIA]]. It is intended to augment semantics in - supporting languages like [[HTML5]], [[!SVG2]] and EPUB, or to be used - as an accessibility enhancement technology in other markup-based - languages that do not explicitly include support for ARIA. It - clarifies semantics to assistive technologies when authors create new - types of objects, via style and script, that are not yet directly - supported by the language of the page, because the invention of new - types of objects is faster than standardized support for them appears - in web languages. -

    -

    - It is not appropriate to create objects with style and script when the - host language provides a semantic element for that type of objects. - While - WAI-ARIA - can improve the accessibility of these objects, accessibility is best - provided by allowing the user agent to handle the object natively. For - example, it is not better to use a heading role on a - div element than it is to use a native heading element, - such as an h1. -

    -

    - It is expected that, over time, host languages will evolve to provide - semantics for objects that currently can only be declared with this - specification. This is natural and desirable, as one goal of - WAI-ARIA is - to help stimulate the emergence of more semantic and accessible - markup. When native semantics for a given feature become available, it - is appropriate for authors to use the native feature and stop using - this module for that feature. Legacy content may continue to use the - Graphics - WAI-ARIA - module, however, so the need for user agents to support it remains. -

    -

    - While specific features of this module may lose importance over time, - the general possibility of the Graphics - WAI-ARIA - module to add semantics to web graphics or open web based standards, - is expected to be a persistent need. Host languages may not implement - all the semantics this module provides, and various host languages may - implement different subsets of the features. New types of objects are - continually being developed, and one goal of this specification is to - provide a way to make such objects accessible, because authoring - practices often advance faster than host language standards. In this - way, this module and host languages both evolve together but at - different rates. -

    -

    - Some host languages exist to create semantics for features other than - the user interface. For example, SVG expresses the semantics behind - production of graphical objects, not of user interface components that - those objects may represent. Host languages such as these might, by - design, not provide native semantics that map to this specification's - features. In these cases, the Graphics - WAI-ARIA - module could be adopted as a long-term approach to add semantic - information to these host languages. -

    -
    - -
    -

    Authoring Practices

    -
    -

    Authoring Tools

    -

    - Many of the requirements in the definitions of the - WAI-ARIA - and Graphics - WAI-ARIA - roles, states and - properties can be checked automatically - during the development process, similar to other quality control - processes used for validating code. To assist authors who are - creating graphics, can compare the semantic structure of Graphics - WAI-ARIA - roles from the DOM to - that defined in this specification and notify the author of errors - or simply create templates that enforce that structure. -

    -
    - -
    -

    Testing Practices and Tools

    -

    - The accessibility of interactive content cannot be confirmed by - static checks alone. Developers of interactive content should test - for device-independent access to widgets and - applications, and should verify accessibility - API access to - all content and changes during user interaction. -

    -
    -
    - -
    -

    Assistive Technologies

    -

    - Programmatic access to accessibility semantics is essential for - assistive technologies. For more information, refer to the - Assistive Technologies - section in [[!WAI-ARIA]]. + } + + + +

    +

    Assistive technologies need semantic information about widgets, structures and behaviors to convey appropriate information to persons with disabilities. This specification defines a [[!WAI-ARIA]] module of roles, states and properties specific to web graphics. These semantics allow an author to convey user interface behaviors and structural information to assistive technologies and to enable semantic navigation, styling and interactive features used by readers. It is expected this will complement [[HTML5]] and [[SVG2]].

    +

    This document is part of the WAI-ARIA suite described in the WAI-ARIA Overview.

    +
    +
    +

    Please record issues on this specification through the Github W3C/aria issue tracker, using the prefix "Graphics" for any issue.

    +
    +
    +
    +
    +

    Introduction

    +

    WAI-ARIA is a technical specification that defines a common host language semantic accessibility API and framework that enables web browsers to map the accessibility semantics in web content to platform-specific accessibility APIs. This enables web content to be interoperable with platform assistive technologies similar to native platform applications without platform dependencies.

    +

    This specification is a modular extension of WAI-ARIA designed to support graphics. The goals of this specification include:

    +
      +
    • Expanding [[!WAI-ARIA]] to produce structural semantic extensions to support graphics such as charts, graphs, maps, technical drawings and scientific diagrams. It has applicability to both Scalable Vector Graphics as well as HTML5 Canvas.
      • +
    • Align with a new governance model for modularization and extensions to WAI-ARIA.
      • +
    • Provide structural semantics extensions that will support both assistive technologies and enable semantic navigation, styling and interactive features used by readers.
      • +
    +

    For a more detailed explanation of WAI-ARIA please refer to the WAI-ARIA Introduction and how it applies to Rich Internet Application Accessibility.

    + +
    +

    Target Audience

    +

    This specification defines a module of WAI-ARIA for graphics, including roles, states, properties and values. It impacts several audiences:

    +
      +
    • User agents that process content containing WAI-ARIA and graphics (SVG) WAI-ARIA features;
      • +
    • Assistive technologies that provide specialized reading experiences to users with disabilities;
      • +
    • Authors of web graphics (SVG);
      • +
    • Authoring tools that help authors create conforming graphics; and
      • +
    • Conformance checkers, that verify appropriate use of WAI-ARIA and this Graphics WAI-ARIA module.
      • +
    +

    Each conformance requirement indicates the audience to which it applies.

    + +
    + +
    +

    User Agent Support

    +

    This module builds on the general User Agent support principles defined in [[!WAI-ARIA]] by also providing the ability for user agents to enhance the general user interface presented to readers.

    +
    + +
    +

    Co-Evolution of WAI-ARIA and Host Languages

    +

    The Graphics WAI-ARIA module follows the model for co-evolution of WAI-ARIA and host languages defined in [[!WAI-ARIA]]. It is intended to augment semantics in supporting languages like [[HTML5]], [[!SVG2]] and EPUB, or to be used as an accessibility enhancement technology in other markup-based languages that do not explicitly include support for ARIA. It clarifies semantics to assistive technologies when authors create new types of objects, via style and script, that are not yet directly supported by the language of the page, because the invention of new types of objects is faster than standardized support for them appears in web languages.

    +

    It is not appropriate to create objects with style and script when the host language provides a semantic element for that type of objects. While WAI-ARIA can improve the accessibility of these objects, accessibility is best provided by allowing the user agent to handle the object natively. For example, it is not better to use a heading role on a div element than it is to use a native heading element, such as an h1.

    +

    It is expected that, over time, host languages will evolve to provide semantics for objects that currently can only be declared with this specification. This is natural and desirable, as one goal of WAI-ARIA is to help stimulate the emergence of more semantic and accessible markup. When native semantics for a given feature become available, it is appropriate for authors to use the native feature and stop using this module for that feature. Legacy content may continue to use the Graphics WAI-ARIA module, however, so the need for user agents to support it remains.

    +

    While specific features of this module may lose importance over time, the general possibility of the Graphics WAI-ARIA module to add semantics to web graphics or open web based standards, is expected to be a persistent need. Host languages may not implement all the semantics this module provides, and various host languages may implement different subsets of the features. New types of objects are continually being developed, and one goal of this specification is to provide a way to make such objects accessible, because authoring practices often advance faster than host language standards. In this way, this module and host languages both evolve together but at different rates.

    +

    Some host languages exist to create semantics for features other than the user interface. For example, SVG expresses the semantics behind production of graphical objects, not of user interface components that those objects may represent. Host languages such as these might, by design, not provide native semantics that map to this specification's features. In these cases, the Graphics WAI-ARIA module could be adopted as a long-term approach to add semantic information to these host languages.

    +
    + +
    +

    Authoring Practices

    +
    +

    Authoring Tools

    +

    Many of the requirements in the definitions of the WAI-ARIA and Graphics WAI-ARIA roles, states and properties can be checked automatically during the development process, similar to other quality control processes used for validating code. To assist authors who are creating graphics, can compare the semantic structure of Graphics WAI-ARIA roles from the DOM to that defined in this specification and notify the author of errors or simply create templates that enforce that structure.

    +
    + +
    +

    Testing Practices and Tools

    +

    The accessibility of interactive content cannot be confirmed by static checks alone. Developers of interactive content should test for device-independent access to widgets and applications, and should verify accessibility API access to all content and changes during user interaction.

    +
    +
    + +
    +

    Assistive Technologies

    +

    Programmatic access to accessibility semantics is essential for assistive technologies. For more information, refer to the Assistive Technologies section in [[!WAI-ARIA]].

    +
    +
    +
    +

    This specification indicates whether a section is normative or informative. Classifying a section as normative or informative applies to the entire section. A statement "This section is normative" or "This section is informative" applies to all sub-sections of that section.

    +

    Normative sections provide requirements that authors, user agents and assistive technologies MUST follow for an implementation to conform to this specification.

    +

    Informative sections provide information useful to understanding the specification. Such sections may contain examples of recommended practice, but it is not required to follow such recommendations in order to conform to this specification.

    +
    +
    +

    Important Terms

    +
    +
    +
    +

    Graphics Roles

    +

    + This section defines additions to the + WAI-ARIA + role taxonomy + and describes the characteristics and properties of all roles. + See ARIA Roles for descriptions + of the fields provided by this module. +

    +

    Authors are given the ability to influence what is presented to assistive technologies and to influence navigation through + the use of roles and properties. With graphics, there are many cases where presenting and navigating every element will make the + graphic harder to understand and use. Authors may mark elements for non-visual exclusion by assigning the role none. Graphics also + have situations where the author intent is ambiguous and the use of the property aria-type should be used to clarify the situation.

    +

    If an author does not want a user agent to non-visually present an element and does not want the + element included in navigaion then the element should be given a role of none. For example, in the case + an author does not want a chart's axis minor tick marks (tick lines without labels between tick marks with labels) + presented to assistive technologies since the minor tick marks would add significant noise without increasing comprehension, then the + author should assign the minor tick marks the role of none.

    + +

    User agents are expected to use the aria-gtype property + for differentiating between graph features. Two elements with the + same role and the same semanatic parent and both elements having either no aria-gtype or the same aria-gtype + are defined as being part of the same feature. + Two elements with a the same role and the same semanatic parent but differing aria-gtype + are defined as being two separate features.

    -
    -
    -
    -

    - This specification indicates whether a section is normative or - informative. Classifying a section as normative or informative - applies to the entire section. A statement "This section is normative" - or "This section is informative" applies to all sub-sections of that - section. -

    -

    - Normative sections provide requirements that authors, user agents and - assistive technologies MUST follow for an implementation to conform to - this specification. -

    -

    - Informative sections provide information useful to understanding the - specification. Such sections may contain examples of recommended - practice, but it is not required to follow such recommendations in order - to conform to this specification. -

    -
    -
    -

    Important Terms

    -
    -
    -
    -

    Graphics Roles

    -

    - This section defines additions to the - WAI-ARIA - role taxonomy and describes the characteristics and - properties of all roles. See - ARIA Roles for descriptions of the fields - provided by this module. + + +

    +

    Definition of Roles

    +

    + Below is an alphabetical list of the + WAI-ARIA + roles defined in this specification. + They would normally be used in combination with other roles + defined in [[WAI-ARIA]] + to annotate graphics within documents and rich internet applications.

    -

    - Authors are given the ability to influence what is presented to - assistive technologies and to influence navigation through the use of - roles and properties. With graphics, there are many cases where - presenting and navigating every element will make the graphic harder to - understand and use. Authors may mark elements for non-visual exclusion - by assigning the role none. Graphics also have situations - where the author intent is ambiguous and the use of the property - aria-type should be used to clarify the situation. -

    -

    - If an author does not want a user agent to non-visually present an - element and does not want the element included in navigaion then the - element should be given a role of none. For example, in the - case an author does not want a chart's axis minor tick marks (tick lines - without labels between tick marks with labels) presented to assistive - technologies since the minor tick marks would add significant noise - without increasing comprehension, then the author should assign the - minor tick marks the role of none. -

    - -

    - User agents are expected to use the aria-gtype property for - differentiating between graph features. Two elements with the same role - and the same semanatic parent and both elements having either no - aria-gtype or the same aria-gtype are defined - as being part of the same feature. Two elements with a the same role and - the same semanatic parent but differing aria-gtype - are defined as being two separate features. -

    - -
    -

    Definition of Roles

    -

    - Below is an alphabetical list of the - WAI-ARIA - roles defined in this specification. They would - normally be used in combination with other roles defined in - [[WAI-ARIA]] to annotate graphics within documents and rich internet - applications. -

    - -

    Placeholder for compact list of roles

    -
    - -
    - graphics-annotation -
    -

    - A type of guide object, usually a comment, explaination or note. -

    -
    - 
    +      
+		
    Placeholder for compact list of roles
    
+		
    	
+		
+		
    
+			graphics-annotation
+			
    
+				
    A type of guide object, usually a comment, explaination or note.
    
+				
    
+				
       <g role="graphics-annotation" font-family="Arial" text-anchor="middle" font-size="12" >   
     <text x="320" y="12.56" role="graphics-label">Sample map with two-level color coding.</text>   
     <text x="320" y="26.56" role="graphics-label">The basic hue is set by the region, a categorical variable.</text>    
     <text x="320" y="40.56" role="graphics-label">The color is then modified by a numeric variable. </text>    
     <text x="320" y="54.56" role="graphics-label">See the color aesthetics of the element for the general technique. </text>   
   </g>   
-         
    
-
-              
-                
-                  
-                    
-                      Sample map with two-level color coding.
-                    
-                    
-                      The basic hue is set by the region, a categorical
-                      variable.
-                    
-                    
-                      The color is then modified by a numeric variable.
-                    
-                    
-                      See the color aesthetics of the element for the general
-                      technique.
-                    
-                  
-                
-              
-            
    
-          
    
-          
-            
-            
-              
-                
-                
-              
-            
-            
-              
-                
-                
-              
-              
-                
-                
-              
-              
-                
-                
-              
-              
-                
-                
-              
-              
-                
-                
-              
-              
-                
-                
-              
-              
-                
-                
-              
-              
-                
-                
-              
-              
-                
-                
-              
-              
-                
-                
-              
-              
-                
-                
-              
-              
-                
-                
-              
-              
-                
-                
-              
-              
-                
-                
-              
-              
-                
-                
-              
-              
-                
-                
-              
-            
-          
    
-              Characteristics:
-            
    CharacteristicValue
    Is Abstract:
    Superclass Role:graphics-guide
    Subclass Roles:
    Base Concept:
    Related Concepts:
-                  Text annotation
-                
    
-                  Required Context Role:
-                
    
-                  Required Owned Elements:
-                
    
-                  Required States and Properties:
-                
    
-                  Supported States and Properties:
-                aria-gtype
    
-                  Inherited States and Properties:
-                
    Name From:author
    
-                  Accessible Name Required:
-                True
    
-                  Inherits Name Required:
-                
    
-                  Children Presentational:
-                
    
-                  Inherits Presentational:
-                
    Implicit Value for Role:
    
-        
    
-        
    
-
-        
    
-          graphics-axis
-          
    
-            
    
-              A scale often used with charts to show the scale of a dimension
-              (variable).
-            
    
-            
    
-              When a graph contains more than one axis, an author should
-              distinguish between the axes by using the
-              aria-gtype property. User agents will be expected to
-              use the aria-gtype property when presenting information to a user
-              and for differentiating between graph features. Two elements with
-              a graphics-axis role with the same semanatic parent and no
-              aria-gtype or the same aria-gtype are
-              defined as being part of the same axis. Two elements with a
-              graphics-axis role with the same semanatic parent but differing
-              aria-gtype
-              are defined as being two separate axes.
-            
    
-            
    
-              Differentiating between axes using the aria-gtype can
-              help users understand whether the axis is the x, y or z axis and
-              help them understand which variable/data column is associated with
-              the axis. Differentiating between axes using
-              aria-gtype can also affect how keyboard users
-              navigate through the axes. This level of control is provided to
-              authors so they can convey and control how user agents perceive
-              axes given the author may need to present mulitple y axis on
-              opposite sides of the chart (ie left axis in inches, right axis in
-              cm), clustered sets of axes, 3 or more dimension axes and aligned
-              axes shared by two charts in the same visualization.
-            
    
-
-            
    +         
    	
+  
+
+
+   
+  Sample map with two-level color coding.   
+  The basic hue is set by the region, a categorical 
+
+variable.    
+  The color is then modified by a numeric variable.     
+  See the color aesthetics of the element for the general technique.    
+ 
+
+ 
+
+         
    
+			
    
+			
+				
+				
+					
+						
+						
+					
+				
+				
+					
+						
+						
+					
+					
+						
+						
+					
+					
+						
+						
+					
+					
+						
+						
+					
+					
+						
+						
+					
+					
+						
+						
+					
+					
+						
+						
+					
+					
+						
+						
+					
+					
+						
+						
+					
+					
+						
+						
+					
+					
+						
+						
+					
+					
+						
+						
+					
+					
+						
+						
+					
+					
+						
+						
+					
+					
+						
+						
+					
+					
+						
+						
+					
+				
+			
    Characteristics:
    CharacteristicValue
    Is Abstract:  
    Superclass Role:graphics-guide
    Subclass Roles: 
    Base Concept: 
    Related Concepts: Text annotation 
    Required Context Role: 
    Required Owned Elements:
    Required States and Properties: 
    Supported States and Properties:aria-gtype
    Inherited States and Properties: 
    Name From:author
    Accessible Name Required:True
    Inherits Name Required: 
    Children Presentational: 
    Inherits Presentational: 
    Implicit Value for Role: 
    
+
    +
    + +
    + graphics-axis +
    +

    A scale often used with charts to show the scale of a dimension (variable).

    +

    When a graph contains more than one axis, an author should distinguish between the + axes by using + the aria-gtype property. User agents will be expected to use the aria-gtype property + when presenting information to a user and for differentiating between graph features. Two elements with a + graphics-axis role with the same semanatic parent and no aria-gtype or the same aria-gtype are defined as being part of the same axis. + Two elements with a graphics-axis role with the same semanatic parent but differing aria-gtype + are defined as being two separate axes. +

    +

    Differentiating between axes using the aria-gtype can help users understand whether the axis is + the x, y or z axis and help them understand which variable/data column is associated with the axis. Differentiating between + axes using aria-gtype can also affect how keyboard users navigate through the axes. This level of control is + provided to authors so they can convey and control how user agents perceive axes given the author may need to present mulitple y + axis on opposite sides of the chart (ie left axis in inches, right axis in cm), clustered sets of axes, 3 or more dimension axes and aligned + axes shared by two charts in the same visualization.

    + + 
     <g transform="translate(57 29)" role="graphics-axis" aria-gtype="y" aria-labelledby="yt" font-family="Arial">
   <path fill="none" d="m0 0v353"/>
   <text id="yt" x="176" y="-38" text-anchor="middle" font-weight="bold" transform="matrix(0-1 1 0 0 353)" >Sales
@@ -689,272 +416,202 @@ 
    Definition of Roles
    
     </g>
   </g>
 </g>
-
    -
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
    - Characteristics: -
    CharacteristicValue
    Is Abstract:
    Superclass Role:graphics-scale
    Subclass Roles:
    Base Concept: - Chart axes -
    Related Concepts:
    - Required Context Role: -
    - Required Owned Elements: -
    - Required States and Properties: -
    - Supported States and Properties: - -
      -
    • aria-categories
      • -
    • aria-gtype
      • -
    • aria-valuemin
      • -
    • aria-valuemax
      • -
    -
    - Inherited States and Properties: -
    Name From:author
    - Accessible Name Required: - True
    - Inherits Name Required: -
    - Children Presentational: -
    - Inherits Presentational: -
    Implicit Value for Role:
    -
    -
    - -
    - graphics-axistick -
    -

    A visible axis tick label.

    - - 
    +
    +
    + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    Characteristics:
    CharacteristicValue
    Is Abstract:
    Superclass Role:graphics-scale
    Subclass Roles:
    Base Concept:Chart axes
    Related Concepts:
    Required Context Role:
    Required Owned Elements:
    Required States and Properties:
    Supported States and Properties: +
    • aria-categories
    • aria-gtype
    • aria-valuemin
    • aria-valuemax
    +
    Inherited States and Properties:
    Name From:author
    Accessible Name Required:True
    Inherits Name Required:
    Children Presentational:
    Inherits Presentational:
    Implicit Value for Role:
    + +
    +
    + +
    + graphics-axistick +
    +

    A visible axis tick label.

    + + 
     
       <text x="-7.667" y="215.86"  role="graphics-axistick">200</text>
-
    -
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
    - Characteristics: -
    CharacteristicValue
    Is Abstract:
    Superclass Role:graphics-axis
    Subclass Roles:
    Base Concept: - Chart axes -
    Related Concepts:
    - Required Context Role: -
    - Required Owned Elements: -
    - Required States and Properties: -
    - Supported States and Properties: - -
      -
    • aria-posinset
      • -
    • aria-setsize
      • -
    -
    - Inherited States and Properties: -
    Name From:content
    - Accessible Name Required: - False
    - Inherits Name Required: -
    - Children Presentational: - True
    - Inherits Presentational: -
    Implicit Value for Role:
    -
    -
    - -
    - graphics-datagroup -
    -

    - A semantic group for data. Group elements that do not - have semantic meaning, should use a role of none. -

    -

    - For example, the group containing the - graphics-dataitems in a scatterplot represents the - data feature of the chart and should have the role - graphics-datagroup. -

    -

    - For example, in a stacked bar chart, the group containing all the - stacks should have a role of graphics-datagroup since - the group represents the data feature of the chart. Each group - containing a stack of bars should have a role of - graphics-datagroup as they represent a semantic - object which can contain data related information like the sum for - the stack. -

    -

    - For example, in a pie chart the group containing all the pie - wedges should have the role graphics-datagroup as it - represents the data feature of the chart. However, if the group - containing all the pie wedges, has two child groups that are only - there for style inheirtance, for instance to convey text anchor - position to their children, then the two child groups are not - semantic groups and should have a role of none. -

    - 
    +
    +
    + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    Characteristics:
    CharacteristicValue
    Is Abstract:
    Superclass Role:graphics-axis
    Subclass Roles:
    Base Concept:Chart axes
    Related Concepts:
    Required Context Role:
    Required Owned Elements:
    Required States and Properties:
    Supported States and Properties: +
    • aria-posinset
    • aria-setsize
    +
    Inherited States and Properties:
    Name From:content
    Accessible Name Required:False
    Inherits Name Required:
    Children Presentational: True
    Inherits Presentational:
    Implicit Value for Role:
    + +
    +
    + +
    + graphics-datagroup +
    +

    A semantic group for data. Group elements that do not have semantic meaning, should use a role of none.

    +

    For example, the group containing the graphics-dataitems in a scatterplot + represents the data feature of the chart and should have the role graphics-datagroup.

    +

    For example, in a stacked bar chart, the group containing all the stacks should have a role of graphics-datagroup + since the group represents the data feature of the chart. + Each group containing a stack of bars should have a role of graphics-datagroup as they represent a semantic object which can contain + data related information like the sum for the stack.

    +

    For example, in a pie chart the group containing all the pie wedges should have the role graphics-datagroup as it represents the data feature of the chart. However, + if the group containing all the pie wedges, has two child groups that are only there for style inheirtance, for instance to convey text anchor position to their + children, + then the two child groups are not semantic groups and should have a role of none. +

    + 
     <g role="graphics-datagroup">  
   <path d="m72.5 50.936h9v26.07h-9z" aria-label="270,000 shares traded on 7/28/80" role="graphics-dataitem" 
     aria-setsize='4' aria-posinset='1' >  
@@ -973,402 +630,318 @@ 
    Definition of Roles
    
     <title>630,000 shares traded on 7/31/80</title>
   </path>  
 </g> 
-
    -
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
    - Characteristics: -
    CharacteristicValue
    Is Abstract:False
    Superclass Role:group
    Subclass Roles:
    Base Concept:
    Related Concepts:graphics-dataitem
    - Required Context Role: -
    - Required Owned Elements: -
    - Required States and Properties: -
    - Supported States and Properties: - -
      -
    • aria-gtype
      • -
    • aria-posinset
      • -
    • aria-setsize
      • -
    -
    - Inherited States and Properties: -
    Name From:author
    - Accessible Name Required: - True
    - Inherits Name Required: -
    - Children Presentational: -
    - Inherits Presentational: -
    Implicit Value for Role:
    -
    -
    - -
    - graphics-dataitem -
    -

    - An object that represents a single data row or a single data - entity. A graphics-dataitem may be further split into - child components if needed. For example, a - graphics-dataitem for a box and whisker plot may - contain the components of the box and whisker (fence, box, median) - and each of the components would be a - graphics-dataitem. A set of - graphics-dataitem may be ordered. If ordered, - aria-posinset may be used to convey order. -

    -

    - The role graphics-dataitem is usually associated with - charts, graphs, infographics and data visualizations. Other - domains like technical drawings may prefer using the role - graphics-symbol. -

    - - 
    +
    +
    + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    Characteristics:
    CharacteristicValue
    Is Abstract:False
    Superclass Role:group
    Subclass Roles:
    Base Concept:
    Related Concepts:graphics-dataitem
    Required Context Role:
    Required Owned Elements:
    Required States and Properties:
    Supported States and Properties: +
    • aria-gtype
    • aria-posinset
    • aria-setsize
    +
    Inherited States and Properties:
    Name From:author
    Accessible Name Required:True
    Inherits Name Required:
    Children Presentational:
    Inherits Presentational:
    Implicit Value for Role:
    +
    +
    + +
    + graphics-dataitem +
    +

    An object that represents a single data row or a single data entity. A graphics-dataitem may be further split into child components if needed. + For example, a graphics-dataitem for a box and whisker plot may contain the components of the box and whisker (fence, box, median) and each of the components would + be a graphics-dataitem. A set of graphics-dataitem may be ordered. If ordered, aria-posinset may be used to convey order.

    +

    The role graphics-dataitem is usually associated with charts, graphs, infographics and data visualizations. + Other domains like technical drawings may prefer using the role graphics-symbol.

    + + 
       <path d="m188 15.01h9v61.995h-9z" aria-label="630,000 shares traded on 7/31/80"  role="graphics-dataitem">    
     <title>630,000 shares traded on 7/31/80</title>
   </path>  
-
    -
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
    - Characteristics: -
    CharacteristicValue
    Is Abstract:False
    Superclass Role:graphics-object
    Subclass Roles:
    Base Concept:
    Related Concepts: -
      -
    • graphics-datagroup
      • -
    • graphics-symbol
      • -
    -
    - Required Context Role: -
    - Required Owned Elements: -
    - Required States and Properties: -
    - Supported States and Properties: - -
      -
    • aria-gtype
      • -
    • aria-posinset
      • -
    • aria-setsize
      • -
    -
    - Inherited States and Properties: -
    Name From:author
    - Accessible Name Required: - True
    - Inherits Name Required: -
    - Children Presentational: -
    - Inherits Presentational: -
    Implicit Value for Role:
    -
    -
    - -
    - graphics-dimensionline -
    -

    A line that defines the length of an object.

    -
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
    - Characteristics: -
    CharacteristicValue
    Is Abstract:False
    Superclass Role:graphics-scale
    Subclass Roles:
    Base Concept:
    Related Concepts: - dimension line -
    - Required Context Role: -
    - Required Owned Elements: -
    - Required States and Properties: -
    - Supported States and Properties: - - aria-gtype -
    - Inherited States and Properties: -
    Name From:author
    - Accessible Name Required: - True
    - Inherits Name Required: -
    - Children Presentational: -
    - Inherits Presentational: -
    Implicit Value for Role:
    -
    -
    - -
    - graphics-document -
    -

    - A graphics document contains complex content that a user should be - able to explore. Similar to document, the graphical - document may contain interactive widgets, but is not itself - interactive. User agents may intercept user input for the purposes - of navigation. A graphics document is distinct from other - documents in that the visual layout of the content has semantic - meaning. Navigation methods may take this into consideration. -

    - -

    -

    - Accessibility technologies that re-format a document should avoid - altering the layout of a graphical document. For this reason, - authors should limit the graphical document role to regions for - which layout has semantic meaning. A collection of distinct - graphics that can be re-arranged without losing meaning could - instead be described as a graphics-figure or a - group. -

    -

    - Future specifications are expected to define sub-classes of this - role for particular types of graphical documents, such as charts - or maps. -

    -

    - The editors have not finalized the name for this role. -

    -

    - To support user agents and assistive technologies based on the - ARIA 1.0 specification, authors may wish to include the - document role as a fallback value, in the form - role="graphics-document document". -

    - 
    +          -->	
+
    + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    Characteristics:
    CharacteristicValue
    Is Abstract:False
    Superclass Role:graphics-scale
    Subclass Roles:
    Base Concept:
    Related Concepts:dimension line
    Required Context Role:
    Required Owned Elements:
    Required States and Properties:
    Supported States and Properties: + aria-gtype +
    Inherited States and Properties:
    Name From:author
    Accessible Name Required:True
    Inherits Name Required:
    Children Presentational:
    Inherits Presentational:
    Implicit Value for Role:
    +
    +
    + +
    + graphics-document +
    +

    + A graphics document contains complex content + that a user should be able to explore. + Similar to document, + the graphical document may contain interactive widgets, + but is not itself interactive. + User agents may intercept user input + for the purposes of navigation. + A graphics document is distinct from other documents + in that the visual layout of the content has semantic meaning. + Navigation methods may take this into consideration. +

    +

    + Accessibility technologies that re-format a document + should avoid altering the layout of a graphical document. + For this reason, authors should limit the graphical document role + to regions for which layout has semantic meaning. + A collection of distinct graphics that can be re-arranged + without losing meaning + could instead be described as a graphics-figure + or a group. +

    +

    + Future specifications are expected to define + sub-classes of this role + for particular types of graphical documents, + such as charts or maps. +

    +

    + The editors have not finalized the name for this role. +

    +

    + To support user agents and assistive technologies + based on the ARIA 1.0 specification, + authors may wish to include the document role + as a fallback value, + in the form role="graphics-document document". +

    + 
     <!-- An SVG diagram of an electrical circuit -->
 <svg xmlns="http://www.w3.org/2000/svg" 
      width="400" height="200" viewBox="0 0 200 100"
@@ -1399,141 +972,125 @@ 
    Definition of Roles
    -
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
    - Characteristics: -
    CharacteristicValue
    Is Abstract: 
    Superclass Role:structure
    Subclass Roles: 
    Base Concept: 
    Related Concepts:
    - Required Context Role: -  
    - Required Owned Elements: -
    - Required States and Properties: -  
    - Supported States and Properties: -  
    - Inherited States and Properties: -  
    Name From:author
    - Accessible Name Required: - True
    - Inherits Name Required: -
    - Children Presentational: - False
    - Inherits Presentational: -  
    Implicit Value for Role: 
    -
    -
    - -
    - graphics-figure -
    -

    - A distinct perceivable section of the page, that - contributes essential meaning to the main page content, but is not - part of a continuous stream of surrounding text. A graphics-figure - can be shifted within the layout of the document without - disruption, but it cannot be removed without losing meaning. -

    -

    - A figure often has a visible caption. It may be referenced from - the surrounding text using a hyperlink or a numbered label. - Figures will often contain graphical content. However, other - content types with a similar position in the document structure, - such as labelled code samples or audio elements, would also be - figures. Figures may be nested, if the nested figures are also - likely to be referenced as discrete units within the page. -

    -

    - The semantics of this role are intended to mirror the native - semantics of the - figure - element in [[HTML5]]. It is expected that future versions of HTML - will make this the default semantic role for that element. -

    -

    - To support user agents and assistive technologies based on the - ARIA 1.0 specification, authors may wish to include the - region role as a fallback value, in the form - role="graphics-figure region". -

    - 
    +
    + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    Characteristics:
    CharacteristicValue
    Is Abstract: 
    Superclass Role:structure
    Subclass Roles: 
    Base Concept: 
    Related Concepts:
    Required Context Role: 
    Required Owned Elements:
    Required States and Properties: 
    Supported States and Properties: 
    Inherited States and Properties: 
    Name From:author
    Accessible Name Required:True
    Inherits Name Required:
    Children Presentational:False
    Inherits Presentational: 
    Implicit Value for Role: 
    +
    +
    + +
    + graphics-figure +
    +

    + A distinct perceivable section of the page, + that contributes essential meaning to the main page content, + but is not part of a continuous stream of surrounding text. + A graphics-figure can be shifted within the layout of the document + without disruption, + but it cannot be removed without losing meaning. +

    +

    + A figure often has a visible caption. + It may be referenced from the surrounding text + using a hyperlink or a numbered label. + Figures will often contain graphical content. + However, other content types + with a similar position in the document structure, + such as labelled code samples or audio elements, + would also be figures. + Figures may be nested, + if the nested figures are also likely + to be referenced as discrete units within the page. +

    +

    + The semantics of this role are intended to mirror + the native semantics of the + figure + element in [[HTML5]]. + It is expected that future versions of HTML + will make this the default semantic role for that element. +

    +

    + To support user agents and assistive technologies + based on the ARIA 1.0 specification, + authors may wish to include the region role + as a fallback value, + in the form role="graphics-figure region". +

    + 
     <!-- Within an HTML 5 document -->
 <p><a href="#fig1">Figure 1</a> outlines the basic shape 
     elements available in SVG.  As shown in 1(d), a rectangle element 
@@ -1562,707 +1119,565 @@ 
    Definition of Roles
    -
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
    - Characteristics: -
    CharacteristicValue
    Is Abstract: 
    Superclass Role:region
    Subclass Roles: 
    Base Concept: - HTML figure -
    Related Concepts:
    - Required Context Role: -  
    - Required Owned Elements: -
    - Required States and Properties: -  
    - Supported States and Properties: -  
    - Inherited States and Properties: -  
    Name From:author
    - Accessible Name Required: - True
    - Inherits Name Required: -
    - Children Presentational: - False
    - Inherits Presentational: -  
    Implicit Value for Role: 
    -
    -
    - -
    - graphics-edge -
    -

    - A edge (connector) connects two data items, and may have a from/to - relationship. A edge may form a loop, that is the from and to may - be the same item. graphics-edge is the default role for the - connector element. -

    -

    - This role won't appear in the final spec and is temporarily here - for completeness during discussions. This role is tied to the - connector element, which won't make it into SVG 2. -

    - - -
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
    - Characteristics: -
    CharacteristicValue
    Is Abstract:False
    Superclass Role:graphics-dataitem
    Subclass Roles:
    Base Concept: - SVG Connector -
    Related Concepts:
    - Required Context Role: -
    - Required Owned Elements: -
    - Required States and Properties: -
    - Supported States and Properties: - - aria-gtype -
    - Inherited States and Properties: -
    Name From:author
    - Accessible Name Required: - True
    - Inherits Name Required: -
    - Children Presentational: -
    - Inherits Presentational: -
    Implicit Value for Role:
    -
    -
    - -
    - graphics-graticule -
    -

    - A network of lines representing the earth's parallels of latitude - and meridians of longitude. -

    - +
    + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    Characteristics:
    CharacteristicValue
    Is Abstract:False
    Superclass Role:graphics-dataitem
    Subclass Roles:
    Base Concept:SVG Connector
    Related Concepts:
    Required Context Role:
    Required Owned Elements:
    Required States and Properties:
    Supported States and Properties: + aria-gtype +
    Inherited States and Properties:
    Name From:author
    Accessible Name Required:True
    Inherits Name Required:
    Children Presentational:
    Inherits Presentational:
    Implicit Value for Role:
    +
    +
    + + +
    + graphics-graticule +
    +

    A network of lines representing the earth's parallels of latitude and meridians of longitude.

    +
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
    - Characteristics: -
    CharacteristicValue
    Is Abstract:False
    Superclass Role:graphics-guide
    Subclass Roles:
    Base Concept:
    Related Concepts:
    - Required Context Role: -
    - Required Owned Elements: -
    - Required States and Properties: -
    - Supported States and Properties: - - aria-gtype -
    - Inherited States and Properties: -
    Name From:author
    - Accessible Name Required: - True
    - Inherits Name Required: -
    - Children Presentational: -
    - Inherits Presentational: -
    Implicit Value for Role:
    -
    -
    - -
    - graphics-grid -
    -

    - A network of lines of constant value, usually associated with a - value on an axis. -

    - +
    + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    Characteristics:
    CharacteristicValue
    Is Abstract:False
    Superclass Role:graphics-guide
    Subclass Roles:
    Base Concept:
    Related Concepts:
    Required Context Role:
    Required Owned Elements:
    Required States and Properties:
    Supported States and Properties: + aria-gtype +
    Inherited States and Properties:
    Name From:author
    Accessible Name Required:True
    Inherits Name Required:
    Children Presentational:
    Inherits Presentational:
    Implicit Value for Role:
    +
    +
    + + +
    + graphics-grid +
    +

    A network of lines of constant value, usually associated with a value on an axis.

    +
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
    - Characteristics: -
    CharacteristicValue
    Is Abstract:False
    Superclass Role:graphics-guide
    Subclass Roles:
    Base Concept:
    Related Concepts:
    - Required Context Role: -
    - Required Owned Elements: -
    - Required States and Properties: -
    - Supported States and Properties: - - aria-gtype -
    - Inherited States and Properties: -
    Name From:author
    - Accessible Name Required: - True
    - Inherits Name Required: -
    - Children Presentational: -
    - Inherits Presentational: -
    Implicit Value for Role:
    -
    -
    - graphics-guide -
    -

    A guide object used to help interpret the graphic.

    -

    - Even though there are several subclasses of - graphics-guide, graphics-guide is not an - abstract role as there are situations where a subclass doesn't - meet the authors need. When graphics-guide is used - the aria-roledescription property can be used to name - the guide type separately from the name and description for the - particular instance of the guide. -

    - -

    - The preceeding paragraph is dependent on aria-roledescription - being incorporated into the ARIA 1.1 specification. -

    -
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
    - Characteristics: -
    CharacteristicValue
    Is Abstract:False
    Superclass Role:graphics-object
    Subclass Roles:
    Base Concept:
    Related Concepts:
    - Required Context Role: -
    - Required Owned Elements: -
    - Required States and Properties: -
    - Supported States and Properties: - - aria-gtype -
    - Inherited States and Properties: -
    Name From:author
    - Accessible Name Required: - True
    - Inherits Name Required: -
    - Children Presentational: -
    - Inherits Presentational: -
    Implicit Value for Role:
    -
    -
    - -
    - graphics-label -
    -

    A visible label.

    -

    - If the author does not want the user to be able to navigate to the - label, they should have labeled object's - aria-labelledby property reference the label and give - the label a role of none -

    + --> +
    + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    Characteristics:
    CharacteristicValue
    Is Abstract:False
    Superclass Role:graphics-guide
    Subclass Roles:
    Base Concept:
    Related Concepts:
    Required Context Role:
    Required Owned Elements:
    Required States and Properties:
    Supported States and Properties: + aria-gtype +
    Inherited States and Properties:
    Name From:author
    Accessible Name Required:True
    Inherits Name Required:
    Children Presentational:
    Inherits Presentational:
    Implicit Value for Role:
    +
    +
    + graphics-guide +
    +

    A guide object used to help interpret the graphic.

    +

    Even though there are several subclasses of graphics-guide, + graphics-guide is not an abstract role as there are situations where a subclass doesn't + meet the authors need. When graphics-guide is used + the aria-roledescription property + can be used to name the guide type + separately from the name and description + for the particular instance of the guide. +

    - 
    +
    
+            The preceeding paragraph is dependent on 
+            aria-roledescription being incorporated 
+            into the ARIA 1.1 specification.
+        
    
+
    + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    Characteristics:
    CharacteristicValue
    Is Abstract:False
    Superclass Role:graphics-object
    Subclass Roles:
    Base Concept:
    Related Concepts:
    Required Context Role:
    Required Owned Elements:
    Required States and Properties:
    Supported States and Properties: + aria-gtype +
    Inherited States and Properties:
    Name From:author
    Accessible Name Required:True
    Inherits Name Required:
    Children Presentational:
    Inherits Presentational:
    Implicit Value for Role:
    +
    +
    + +
    + graphics-label +
    +

    A visible label.

    +

    If the author does not want the user to be able to navigate to the label, they should have + labeled object's aria-labelledby property reference the label and give the label a role of none + 

           <text x="-7.667" y="215.86"  role="graphics-label">200</text>
-
    -
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
    - Characteristics: -
    CharacteristicValue
    Is Abstract:False
    Superclass Role:graphics-object
    Subclass Roles:
    Base Concept:
    Related Concepts:
    - Required Context Role: -
    - Required Owned Elements: -
    - Required States and Properties: -
    - Supported States and Properties: - - aria-gtype -
    - Inherited States and Properties: -
    Name From:author
    - Accessible Name Required: - True
    - Inherits Name Required: -
    - Children Presentational: - True
    - Inherits Presentational: -
    Implicit Value for Role:
    -
    -
    - -
    - graphics-legend -
    -

    - A scale for data representation, commonly used on charts, maps, - instructional drawings and the like. Legends may show any chart - aesthetic (color, size, symbol, size, etc). -

    -
    - 
    +
    +
    + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    Characteristics:
    CharacteristicValue
    Is Abstract:False
    Superclass Role:graphics-object
    Subclass Roles:
    Base Concept:
    Related Concepts:
    Required Context Role:
    Required Owned Elements:
    Required States and Properties:
    Supported States and Properties: + aria-gtype +
    Inherited States and Properties:
    Name From:author
    Accessible Name Required:True
    Inherits Name Required:
    Children Presentational:True
    Inherits Presentational:
    Implicit Value for Role:
    + +
    +
    + +
    + graphics-legend +
    +

    A scale for data representation, commonly used on charts, maps, instructional drawings and the like. Legends may show any chart aesthetic (color, size, symbol, size, etc).

    +
    + 
      <g transform="translate(100)" role="graphics-legend" font-size="12" font-family="Arial,SanSerif" fill="transparent">  
    <path stroke-width="1" d="m0 0h40v144h-40z"/>  
    <path d="m16.5 1.5h7v14h-7z"/>   
@@ -2291,202 +1706,142 @@ 
    Definition of Roles
    
    </g>  
  </g>
   
-
    - - - - - - brand - - - - - - - 1 - - - - - - - - 2 - - - - - - - - 3 - - - - -
    -
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
    - Characteristics: -
    CharacteristicValue
    Is Abstract:False
    Superclass Role:graphics-scale
    Subclass Roles:
    Base Concept:
    Related Concepts:
    - Required Context Role: -
    - Required Owned Elements: -
    - Required States and Properties: -
    - Supported States and Properties: - - aria-gtype -
    - Inherited States and Properties: -
    Name From:author
    - Accessible Name Required: - True
    - Inherits Name Required: -
    - Children Presentational: -
    - Inherits Presentational: -
    Implicit Value for Role:
    -
    -
    - -
    - graphics-object -
    -

    - A section of a graphical document that represents a cohesive item - or object with component parts the user may wish to explore. It is - in contrast to a group of distinct related objects, - or an indivisible img or - graphics-symbol component. -

    - -

    - The editors have not finalized the name for this role. -

    -

    - To support user agents and assistive technologies based on the - ARIA 1.0 specification, authors may wish to include the - group role as a fallback value, in the form - role="graphics-object group". -

    - 
    +
    + + + + + + brand + + + + + + 1 + + + + + + + 2 + + + + + + + 3 + + + + +
    +
    + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    Characteristics:
    CharacteristicValue
    Is Abstract:False
    Superclass Role:graphics-scale
    Subclass Roles:
    Base Concept:
    Related Concepts:
    Required Context Role:
    Required Owned Elements:
    Required States and Properties:
    Supported States and Properties: + aria-gtype +
    Inherited States and Properties:
    Name From:author
    Accessible Name Required:True
    Inherits Name Required:
    Children Presentational:
    Inherits Presentational:
    Implicit Value for Role:
    +
    +
    + +
    + graphics-object +
    +

    + A section of a graphical document + that represents a cohesive item or object + with component parts the user may wish to explore. + It is in contrast to a group of distinct related objects, + or an indivisible img or graphics-symbol component. +

    + +

    + The editors have not finalized the name for this role. +

    +

    + To support user agents and assistive technologies + based on the ARIA 1.0 specification, + authors may wish to include the group role + as a fallback value, + in the form role="graphics-object group". +

    + 
     <g role="graphics-object group"
    aria-labelledby="house-label"
    transform="translate(100,325)">
@@ -2563,267 +1918,233 @@ 
    Definition of Roles
    -
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    - Characteristics: -
    CharacteristicValue
    Is Abstract: 
    Superclass Role:section
    Subclass Roles: 
    Base Concept: 
    Related Concepts: -
      + + + + + + + + + + + + + + + + + + + + + + + + + + + + + - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
      Characteristics:
      CharacteristicValue
      Is Abstract: 
      Superclass Role:section
      Subclass Roles: 
      Base Concept: 
      Related Concepts: +
      • graphics-document
      • group
      • img
      • graphics-symbol
        • -
      -
      - Required Context Role: -  
      - Required Owned Elements: -
      - Required States and Properties: -  
      - Supported States and Properties: -  
      - Inherited States and Properties: -  
      Name From: -
        -
      • author
        • -
      • contents
        • -
      -
      - Accessible Name Required: - False
      - Inherits Name Required: -
      - Children Presentational: - False
      - Inherits Presentational: -  
      Implicit Value for Role: 
      - -
      - -
      - graphics-scale -
      -

      A type of guide object, usually a reference for measuring.

      -

      - Even though there are several subclasses of - graphics-scale, graphics-scale is not an - abstract role as there are situations where a subclass doesn't - meet the authors need. When graphics-scale is used - the aria-roledescription property can be used to name - the guide type separately from the name and description for the - particular instance of the guide. -

      - -

      - The preceeding paragraph is dependent on aria-roledescription - being incorporated into the ARIA 1.1 specification. -

      +
    +
    Required Context Role: 
    Required Owned Elements:
    Required States and Properties: 
    Supported States and Properties: 
    Inherited States and Properties: 
    Name From: +
      +
    • author
      • +
    • contents
      • +
    +
    Accessible Name Required:False
    Inherits Name Required:
    Children Presentational:False
    Inherits Presentational: 
    Implicit Value for Role: 
    +
    +
    + + +
    + graphics-scale +
    +

    A type of guide object, usually a reference for measuring.

    +

    Even though there are several subclasses of graphics-scale, + graphics-scale is not an abstract role as there are situations where a subclass doesn't + meet the authors need. When graphics-scale is used + the aria-roledescription property + can be used to name the guide type + separately from the name and description + for the particular instance of the guide. +

    - -
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
    - Characteristics: -
    CharacteristicValue
    Is Abstract:False
    Superclass Role:graphics-guide
    Subclass Roles:
    Base Concept:
    Related Concepts:
    - Required Context Role: -
    - Required Owned Elements: -
    - Required States and Properties: -
    - Supported States and Properties: - - aria-gtype -
    - Inherited States and Properties: -
    Name From:author
    - Accessible Name Required: - True
    - Inherits Name Required: -
    - Children Presentational: -
    - Inherits Presentational: -
    Implicit Value for Role:
    -
    -
    -
    - graphics-symbol -
    -

    - A graphic used to convey a simple meaning or category, where the - meaning is more important than the particular visual appearance. - It may be a component of a larger structured graphic such as a - chart or map. The symbol itself is an atomic object; children are - presentational. -

    -

    - When used as part of a structured symbolic language, the - aria-roledescription property can be used to name the - symbol type separately from the name and description for the - particular instance of the symbol. -

    -

    - The preceeding paragraph is dependent on aria-roledescription - being incorporated into the ARIA 1.1 specification. -

    -

    - To support user agents and assistive technologies based on the - ARIA 1.0 specification, authors may wish to include the - img role as a fallback value, in the form - role="graphics-symbol img", if that is not already - the default semantic role for the element. -

    - 
    +
    + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    Characteristics:
    CharacteristicValue
    Is Abstract:False
    Superclass Role:graphics-guide
    Subclass Roles:
    Base Concept:
    Related Concepts:
    Required Context Role:
    Required Owned Elements:
    Required States and Properties:
    Supported States and Properties: + aria-gtype +
    Inherited States and Properties:
    Name From:author
    Accessible Name Required:True
    Inherits Name Required:
    Children Presentational:
    Inherits Presentational:
    Implicit Value for Role:
    +
    +
    +
    + graphics-symbol +
    +

    + A graphic used to convey a simple meaning or category, + where the meaning is more important + than the particular visual appearance. + It may be a component of a larger structured graphic + such as a chart or map. + The symbol itself is an atomic object; + children are presentational. +

    +

    + When used as part of a structured symbolic language, + the aria-roledescription property + can be used to name the symbol type + separately from the name and description + for the particular instance of the symbol. +

    +

    + The preceeding paragraph is dependent on + aria-roledescription being incorporated + into the ARIA 1.1 specification. +

    +

    + To support user agents and assistive technologies + based on the ARIA 1.0 specification, + authors may wish to include the img role + as a fallback value, + in the form role="graphics-symbol img", + if that is not already the default semantic role for the element. +

    + 
     <!-- Within an HTML document listing a restaurant menu -->
 <h2>Appetizers</h2>
 <ul>
@@ -2836,9 +2157,8 @@ 
    Definition of Roles
    
     </li>
     <!-- … -->
 </ul>
-
    - 
    +
    + 
     <!-- Within an SVG diagram of an electrical circuit -->
 <g id="lightbulb-1" role="graphics-symbol img" 
    aria-roledescription="load" 
@@ -2855,7 +2175,7 @@ 
    Definition of Roles
    - 
    +				
     <!-- Within an architectural blueprint-style SVG diagram -->
 <g role="graphics-symbol img">
     <title>Door</title>
@@ -2875,254 +2195,217 @@ 
    Definition of Roles
    
 
 
 
    
-
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
    - Characteristics: -
    CharacteristicValue
    Is Abstract: 
    Superclass Role:img
    Subclass Roles: 
    Base Concept: 
    Related Concepts: - symbol -
    - Required Context Role: -  
    - Required Owned Elements: -
    - Required States and Properties: -  
    - Supported States and Properties: -  
    - Inherited States and Properties: -  
    Name From:author
    - Accessible Name Required: - True
    - Inherits Name Required: -
    - Children Presentational: - True
    - Inherits Presentational: -  
    Implicit Value for Role: 
    -
    -
    -
    - graphics-timedata -
    -

    - Something defined or marked by an instant of time or time - interval. -

    -
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
    - Characteristics: -
    CharacteristicValue
    Is Abstract:False
    Superclass Role:graphics-dataitem
    Subclass Roles:
    Base Concept:
    Related Concepts:
    - Required Context Role: -
    - Required Owned Elements: -
    - Required States and Properties: -
    - Supported States and Properties: -
    - Inherited States and Properties: -
    Name From:author
    - Accessible Name Required: - True
    - Inherits Name Required: -
    - Children Presentational: -
    - Inherits Presentational: -
    Implicit Value for Role:
    -
    -
    - -
    - img -
    -

    The definitive role definition for img is img.

    -

    - The use of img in the graphics context is slightly - different than that used outside of it due to the semantics - available for drawings. An img can contain multiple - drawing objects or image files that when - viewed together give the impression of a single image. However, an - img represents an indivisible component within a - document for navigation purposes. If the child elements are - arranged in a semantically rich structure that users may wish to - navigate through, authors should use a - graphics-figure or - graphics-document role instead. -

    -

    - The element with the img role may also contain - captions and descriptive text within child elements, if those - elements participate in the accessible name or description - calculation for that element. To ensure that elements with a - role of img are perceivable, authors - MUST provide alternative text or a label determined by the - accessible name calculation. - Authors SHOULD also provide an accessible description that conveys - the complete meaning of the image. If the image is purely - symbolic, and the visual details are not relevant, the - graphics-symbol role is more appropriate. If the - image is used as a direct substitute for a short word or phrase - within a sentence, the text role is appropriate. -

    -

    - The img role was first defined in ARIA 1.0. This - specification modifies that definition in a backwards-compatible - way, to clarify the distinction between images and other graphical - roles. -

    - 
    +          -->
+
    + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    Characteristics:
    CharacteristicValue
    Is Abstract:False
    Superclass Role:graphics-dataitem
    Subclass Roles:
    Base Concept:
    Related Concepts:
    Required Context Role:
    Required Owned Elements:
    Required States and Properties:
    Supported States and Properties:
    Inherited States and Properties:
    Name From:author
    Accessible Name Required:True
    Inherits Name Required:
    Children Presentational:
    Inherits Presentational:
    Implicit Value for Role:
    +
    +
    + +
    + img +
    +

    + The definitive role definition for img is img. +

    +

    The use of img in the graphics context is slightly different + than that used outside of it due to the semantics available for drawings. + An img can contain + multiple drawing objects or image files + that when viewed together give the impression of a single image. + However, an img represents an indivisible component + within a document for navigation purposes. + If the child elements are arranged + in a semantically rich structure + that users may wish to navigate through, + authors should use a graphics-figure + or graphics-document role instead. +

    +

    + The element with the img role + may also contain captions and descriptive text within child elements, + if those elements participate in + the accessible name or description calculation for that element. + To ensure that elements with a role of img + are perceivable, + authors MUST provide alternative text or a label + determined by the accessible name calculation. + Authors SHOULD also provide an accessible description + that conveys the complete meaning of the image. + If the image is purely symbolic, + and the visual details are not relevant, + the graphics-symbol role is more appropriate. + If the image is used as a direct substitute + for a short word or phrase within a sentence, + the text role is appropriate. +

    +

    + The img role was first defined in ARIA 1.0. + This specification modifies that definition + in a backwards-compatible way, + to clarify the distinction between images + and other graphical roles. +

    + 
     <!-- Within an HTML 5 document, an inline SVG
     may sometimes represent an atomic img -->
 <p>A repeating SVG gradient is defined using the
@@ -3147,7 +2430,7 @@ 
    Definition of Roles
    - 
    +				
     <!-- Within the fallback DOM dynamically constructed
      for an HTML 5 canvas game,
      elements may represent the different images
@@ -3168,304 +2451,203 @@ 
    Definition of Roles
    
    </p>
    <!-- more DOM elements representing game controls -->
 </canvas>
-
    
-
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
    - Characteristics: -
    CharacteristicValue
    Is Abstract: 
    Superclass Role:section
    Subclass Roles:Placeholder
    Base Concept: 
    Related Concepts: - -
    - Required Context Role: -  
    - Required Owned Elements: -  
    - Required States and Properties: -  
    - Supported States and Properties: -  
    - Inherited States and Properties: - Placeholder
    Name From:author
    - Accessible Name Required: - True
    - Inherits Name Required: -  
    - Children Presentational: - True
    - Inherits Presentational: -  
    -
    -
    -
    -
    -
    -

    States and Properties

    -

    - WAI-ARIA provides a collection of accessibility state and properties - which are used to support platform accessibility APIs on various - operating system platforms. Assistive technologies may access this - information through an exposed user agent DOM or through a mapping to - the platform accessibility API. When combined with roles, the user agent - can supply the assistive technologies with user interface information to - convey to the user at any time. Changes in states or properties will - result in a notification to assistive technologies, which could alert - the user that a change has occurred. -

    -

    - Assistive technology may use aria-gtype as an adjective for - the role in name calculation. -

    -
    -

    Managing navigation

    -

    - Roles, states and properties can be used to manage graphics - navigation. Properties can be used to manage navigation behavior and - differentiate between graphics features with the same role and same - semantic parent. Customized navigation behavior may be needed when - statistics produce multiple data columns. For example, data for a box - and whisker plot are produced by statistics, and the statistic - produces columns for the fence, box, median and outliers. Outliers can - be classified in more than one way and different statistics can - produce different flavors of boxes and fences and outliers. The - semantics of the statistic need to be accurately communicated to the - user during exploration. Charts, instructional diagrams, chemical - models and maps are examples of graphics that may need customizable - navigation. -

    -

    The following properties can modify navigation behavior:

    -
      -
    • aria-gtype
      • -
    -

    - It has not been decided what mechanism, if any, will cue navigation - changes. -

    -
    -
    -

    Definitions of States and Properties

    -

    - Below is a list of properties that can be used with graphics roles. A - detailed definition of each state and property follows this - compact list. -

    -

    - Placeholder for index of states and properties -

    -
    - -
    - aria-categories -
    -

    A list of categories.

    -
    - - - - - - - - - - - - - - - - - - - - - - - - - - -
    - Characteristics: -
    CharacteristicValue
    - Related Concepts: -
    - Used in Roles: - Placeholder
    - Inherits into Roles: - Placeholder
    Value: - string -
    -
    -
    - -
    - aria-gtype -
    -

    - A differentiator for graphics features with the same role and - semantic parent. -

    -
    - - - - - - - - - - - - - - - - - - - - - - - - - - -
    - Characteristics: -
    CharacteristicValue
    - Related Concepts: -
    - Used in Roles: - Placeholder
    - Inherits into Roles: - Placeholder
    Value: - string -
    -
    -
    -
    -
    -

    Schemata

    -

    - The HTML Working Group has - incorporated the WAI-ARIA attributes into - HTML 5. Official support for - WAI-ARIA in HTML is provided in that specification. -

    -

    - Validation support for the roles defined in this module will be added - once the specification reaches recommendation. -

    -

    - For information on incorporating WAI-ARIA into other grammars, refer to - Appendix A - of [[!WAI-ARIA]] -

    -

    - Review whether any additional schemata are necessary for this module. -

    -
    -
    -

    Change Log

    -

    - A - detailed history of changes committed - is available from - the github repository for this document. When drafts of this document begin to stabilise, human-readable - change logs will be incorporated. -

    - -
    -
    -

    WAI-ARIA Role, State, and Property Quick Reference

    -

    - The following table provides a quick reference to the supported states - and properties for all WAI-ARIA roles that may be used in markup. -

    -
    -

    - In addition to the states and properties shown in the table, the - following global states and properties are supported on all roles. -

    -

    Placeholder for global states and properties

    -
    -

    Placeholder for quick reference table

    -
    -
    -

    Acknowledgments

    -

    - The following people contributed to the development of this document. -

    -
    -

    - Participants active in the SVG accessibility task force at the time of - publication -

    -
      -
    • Amelia Bellamy-Royds (Invited expert)
      • -
    • Fred Esch (IBM Corporation)
      • -
    • Charles McCathieNevile (Yandex)
      • -
    • Charu Pandhi (IBM Corporation)
      • -
    • Doug Schepers (W3C Staff)
      • -
    • Richard Schwerdtfeger (Knowbility)
      • -
    • Léonie Watson (The Paciello Group)
      • -
    • Jason White (Educational Testing Service)
      • -
    -
    -
    -

    Participants active in the PFWG at the time of publication

    -
      -
    • Christy Blew (University of Illinois at Urbana-Champaign)
      • -
    • David Bolter (Mozilla Foundation)
      • -
    • Michael Cooper (W3C/MIT)
      • -
    • James Craig (Apple Inc.)
      • -
    • Joanmarie Diggs (Igalia)
      • -
    • Fred Esch (IBM Corporation)
      • -
    • Steve Faulkner (The Paciello Group)
      • -
    • John Foliot (Invited Expert)
      • -
    • Christopher Gallelo (Microsoft Corporation)
      • -
    • Bryan Garaventa (SSB BART Group)
      • -
    • Scott González (JQuery Foundation)
      • -
    • Billy Gregory (The Paciello Group)
      • -
    • Karl Groves (The Paciello Group)
      • -
    • Jon Gunderson (University of Illinois at Urbana-Champaign)
      • -
    • Birkir Gunnarsson (Deque Systems, Inc.)
      • -
    • Markus Gylling (DAISY Consortium)
      • -
    • Mona Heath (University of Illinois at Urbana-Champaign)
      • -
    • Susann Keohane (IBM Corporation)
      • -
    • Matthew King (IBM Corporation)
      • -
    • - Jason Kiss (Department of Internal Affairs, New Zealand Government) -
      • -
    • Dominic Mazzoni (Google, Inc.)
      • -
    • Shane McCarron (Invited Expert, Aptest)
      • -
    • Charles McCathieNevile (Yandex)
      • -
    • Mary Jo Mueller (IBM Corporation)
      • -
    • James Nurthen (Oracle Corporation)
      • -
    • Janina Sajka (Invited Expert, The Linux Foundation)
      • -
    • - Joseph Scheuhammer (Invited Expert, Inclusive Design Research - Centre, OCAD University) -
      • -
    • Stefan Schnabel (SAP AG)
      • -
    • Richard Schwerdtfeger (Knowbility)
      • -
    • Lisa Seeman (Invited Expert)
      • -
    • Cynthia Shelly (Microsoft Corporation)
      • -
    • Alexander Surkov (Mozilla Foundation)
      • -
    • Léonie Watson (The Paciello Group)
      • -
    • Jason White (Educational Testing Service)
      • -
    • Marco Zehe (Mozilla Foundation)
      • -
    • - Gottfried Zimmermann (Invited Expert, Access Technologies Group) -
      • -
    -
    -
    -
    - +
    +
    +

    WAI-ARIA Role, State, and Property Quick Reference

    +

    The following table provides a quick reference to the supported states and properties for all WAI-ARIA roles that may be used in markup.

    +
    +

    In addition to the states and properties shown in the table, the following global states and properties are supported on all roles.

    +

    Placeholder for global states and properties

    +
    +

    Placeholder for quick reference table

    +
    +
    +

    Acknowledgments

    +

    The following people contributed to the development of this document.

    +
    +

    Participants active in the SVG accessibility task force at the time of publication

    +
      +
    • Amelia Bellamy-Royds (Invited expert)
      • +
    • Fred Esch (IBM Corporation)
      • +
    • Charles McCathieNevile (Yandex)
      • +
    • Charu Pandhi (IBM Corporation)
      • +
    • Doug Schepers (W3C Staff)
      • +
    • Richard Schwerdtfeger (Knowbility)
      • +
    • Léonie Watson (The Paciello Group)
      • +
    • Jason White (Educational Testing Service)
      • +
    +
    +
    +

    Participants active in the PFWG at the time of publication

    +
      +
    • Christy Blew (University of Illinois at Urbana-Champaign)
      • +
    • David Bolter (Mozilla Foundation)
      • +
    • Michael Cooper (W3C/MIT)
      • +
    • James Craig (Apple Inc.)
      • +
    • Joanmarie Diggs (Igalia)
      • +
    • Fred Esch (IBM Corporation)
      • +
    • Steve Faulkner (The Paciello Group)
      • +
    • John Foliot (Invited Expert)
      • +
    • Christopher Gallelo (Microsoft Corporation)
      • +
    • Bryan Garaventa (SSB BART Group)
      • +
    • Scott González (JQuery Foundation)
      • +
    • Billy Gregory (The Paciello Group)
      • +
    • Karl Groves (The Paciello Group)
      • +
    • Jon Gunderson (University of Illinois at Urbana-Champaign)
      • +
    • Birkir Gunnarsson (Deque Systems, Inc.)
      • +
    • Markus Gylling (DAISY Consortium)
      • +
    • Mona Heath (University of Illinois at Urbana-Champaign)
      • +
    • Susann Keohane (IBM Corporation)
      • +
    • Matthew King (IBM Corporation)
      • +
    • Jason Kiss (Department of Internal Affairs, New Zealand Government)
      • +
    • Dominic Mazzoni (Google, Inc.)
      • +
    • Shane McCarron (Invited Expert, Aptest)
      • +
    • Charles McCathieNevile (Yandex)
      • +
    • Mary Jo Mueller (IBM Corporation)
      • +
    • James Nurthen (Oracle Corporation)
      • +
    • Janina Sajka (Invited Expert, The Linux Foundation)
      • +
    • Joseph Scheuhammer (Invited Expert, Inclusive Design Research Centre, OCAD University)
      • +
    • Stefan Schnabel (SAP AG)
      • +
    • Richard Schwerdtfeger (Knowbility)
      • +
    • Lisa Seeman (Invited Expert)
      • +
    • Cynthia Shelly (Microsoft Corporation)
      • +
    • Alexander Surkov (Mozilla Foundation)
      • +
    • Léonie Watson (The Paciello Group)
      • +
    • Jason White (Educational Testing Service)
      • +
    • Marco Zehe (Mozilla Foundation)
      • +
    • Gottfried Zimmermann (Invited Expert, Access Technologies Group)
      • +
    +
    +
    +
    + diff --git a/index.html b/index.html index 789b86c..49de44e 100644 --- a/index.html +++ b/index.html @@ -1,679 +1,408 @@ - - - WAI-ARIA Graphics Module - - - - - - - + + + + + + - - - -
    -

    - Assistive technologies need semantic information about the structures - and expected behaviors of a document in order to convey appropriate - information to persons with disabilities. This specification defines a - WAI-ARIA 1.1 [[WAI-ARIA-1.1]] module of - core roles - specific to web graphics. These semantics allow an author to express the - logical structure of the graphic to assistive technologies in order - improve accessibility of graphics. Assistive technologies could then - enable semantic navigation and adapt styling and interactive features, - to provide an optimal experience for the audience. These features - complement the graphics and document structure elements defined by HTML - [[HTML52]] and SVG [[SVG2]]. -

    -

    - This document is part of the - WAI-ARIA - suite described in the - WAI-ARIA - Overview. -

    -
    -
    -

    - This is an Editor's Draft of - WAI-ARIA - Graphics Module 1.0 by the - SVG Accessibility - Taskforce, a joint task force of the - Accessible Rich Internet Applications Working Group - and the - SVG Working Group. -

    -

    - Feedback on any aspect of the specification is accepted. For this - publication, the - SVG Accessibility Task - Force particularly seeks feedback on the following questions: -

    -
      -
    • - Are proposed roles clear and appropriate to the needs of interactive - graphics? -
      • -
    • - Is the relationship of this specification to - WAI-ARIA 1.1 clear? -
      • -
    -

    - To comment, - file an issue in the W3C graphics-aria GitHub repository. If this is not feasible, send email to - public-aria@w3.org - (comment archive). In-progress updates to the document may be viewed in the - publicly visible editors' draft. -

    -
    -
    -
    -

    Introduction

    -

    - WAI-ARIA is a - technical specification that provides a framework to improve the - accessibility and interoperability of web content and applications. It - enables web browsers to map the accessibility semantics in web content - to platform-specific accessibility APIs. This enables web content to be - interoperable with platform assistive technologies, similar to native - platform applications, without requiring authors to include platform - dependencies. -

    -

    - This specification is a modular extension of - WAI-ARIA - [[WAI-ARIA-1.1]] designed to support graphics. The goals of this - specification include: -

    -
      -
    • - Expanding WAI-ARIA to produce semantic extensions to support - structured graphics such as charts, graphs, maps, technical drawings - and scientific diagrams. It has applicability to both Scalable Vector - Graphics as well as HTML 5 Canvas and graphics produced with CSS - styling of HTML and other markup languages. -
      • -
    • - Align with a new governance model for modularization and extensions to - WAI-ARIA. -
      • -
    • - Provide structural semantics extensions that will support both - assistive technologies and enable semantic navigation, alternative - styling, and interactivity support. -
      • -
    • - Work in harmony with SVG 2 and ARIA 1.1 to get consistent working - accessibility infrastructure, on par with - WAI-ARIA - and HTML 5.2, across all the major browsers. -
      • -
    -

    - This specification defines the core roles that would be used in all - structured graphics or diagrams. It establishes the default roles that - can be used to describe graphical markup elements such as shapes and - canvases. In combination with WAI-ARIA attributes to provide alternative - text and to indicate relationships between elements, this provides a - framework for annotating many figures and diagrams. Future work will - expand on this framework to enable more detailed annotation of data-rich - graphics such as charts or maps. -

    -

    - For a more detailed explanation of - WAI-ARIA - please refer to the - WAI-ARIA Introduction - and how it applies to Rich Internet Application Accessibility. -

    - -
    -

    Target Audience

    -

    - This specification defines a module of - WAI-ARIA - for graphics, consisting of graphics-specific element - roles. - It impacts several audiences: -

    + } + + + +
    +

    Assistive technologies need semantic information about the structures and expected behaviors of a document in order to convey appropriate information to persons with disabilities. This specification defines a WAI-ARIA 1.1 [[WAI-ARIA-1.1]] module of core roles specific to web graphics. These semantics allow an author to express the logical structure of the graphic to assistive technologies in order improve accessibility of graphics. Assistive technologies could then enable semantic navigation and adapt styling and interactive features, to provide an optimal experience for the audience. These features complement the graphics and document structure elements defined by HTML [[HTML52]] and SVG [[SVG2]].

    +

    This document is part of the WAI-ARIA suite described in the WAI-ARIA Overview.

    +
    +
    +

    This is an Editor's Draft of WAI-ARIA Graphics Module 1.0 by the SVG Accessibility Taskforce, a joint task force of the Accessible Rich Internet Applications Working Group and the SVG Working Group.

    +

    Feedback on any aspect of the specification is accepted. For this publication, the SVG Accessibility Task Force particularly seeks feedback on the following questions:

    +
      +
    • Are proposed roles clear and appropriate to the needs of interactive graphics?
      • +
    • Is the relationship of this specification to WAI-ARIA 1.1 clear?
      • +
    +

    To comment, file an issue in the W3C graphics-aria GitHub repository. If this is not feasible, send email to public-aria@w3.org (comment archive). In-progress updates to the document may be viewed in the publicly visible editors' draft.

    +
    +
    +
    +
    +

    Introduction

    +

    WAI-ARIA is a technical specification that provides a framework to improve the accessibility and interoperability of web content and applications. It enables web browsers to map the accessibility semantics in web content to platform-specific accessibility APIs. This enables web content to be interoperable with platform assistive technologies, similar to native platform applications, without requiring authors to include platform dependencies.

    +

    This specification is a modular extension of WAI-ARIA [[WAI-ARIA-1.1]] designed to support graphics. The goals of this specification include:

    +
      +
    • Expanding WAI-ARIA to produce semantic extensions to support structured graphics such as charts, graphs, maps, technical drawings and scientific diagrams. It has applicability to both Scalable Vector Graphics as well as HTML 5 Canvas and graphics produced with CSS styling of HTML and other markup languages.
      • +
    • Align with a new governance model for modularization and extensions to WAI-ARIA.
      • +
    • Provide structural semantics extensions that will support both assistive technologies and enable semantic navigation, alternative styling, and interactivity support.
      • +
    • Work in harmony with SVG 2 and ARIA 1.1 to get consistent working accessibility infrastructure, on par with WAI-ARIA and HTML 5.2, across all the major browsers.
      • +
    +

    This specification defines the core roles that would be used in all structured graphics or diagrams. + It establishes the default roles that can be used to describe graphical markup elements such as shapes and canvases. + In combination with WAI-ARIA attributes to provide alternative text and to indicate relationships between elements, this provides a framework for annotating many figures and diagrams. + Future work will expand on this framework to enable more detailed annotation of data-rich graphics such as charts or maps.

    +

    For a more detailed explanation of WAI-ARIA please refer to the WAI-ARIA Introduction and how it applies to Rich Internet Application Accessibility.

    + +
    +

    Target Audience

    +

    This specification defines a module of WAI-ARIA for graphics, consisting of graphics-specific element roles. It impacts several audiences:

    +
      +
    • User agents that process content containing WAI-ARIA and graphics WAI-ARIA features;
      • +
    • Assistive technologies that provide specialized reading experiences to users with disabilities;
      • +
    • Authors of web graphics;
      • +
    • Authoring tools that help authors create conforming graphics; and
      • +
    • Conformance checkers, that verify appropriate use of WAI-ARIA and this WAI-ARIA Graphics module.
      • +
    +

    Each conformance requirement indicates the audience to which it applies.

    + +
    + +
    +

    User Agent Support

    +

    This module follows the general User Agent support principles defined in WAI-ARIA [[WAI-ARIA-1.1]]. + The roles defined here do not require any change in behavior by user agents other than in the information exposed to the accessibility API. + However, the semantics defined here provide the ability for user agents to enhance the general user interface presented to readers. + For example, a user agent may provide alternative keyboard navigation suitable to a graphical environment, or may allow users to extract a copy of a graphic from a larger document.

    +
    + +
    +

    Co-Evolution of WAI-ARIA and Host Languages

    +

    The WAI-ARIA Graphics module follows the model for co-evolution of WAI-ARIA and host languages defined in WAI-ARIA [[WAI-ARIA-1.1]]. It is intended to augment semantics in supporting languages like HTML [[HTML52]], SVG [[SVG2]] and EPUB, or to be used as an accessibility enhancement technology in other markup-based languages that do not explicitly include support for ARIA. + WAI-ARIA roles clarify semantics to assistive technologies when authors create new types of objects, via style and script, or use markup languages which describe the visual appearance of a document rather than its meaning.

    +

    Although markup languages may provide some of these semantics natively, it is expected that there will be a persistent need for the semantics provided by the WAI-ARIA Graphics module. + Some host languages exist to create semantics for features other than the user interface. For example, SVG expresses the semantics behind production of graphical objects, not of user interface components that those objects may represent. Host languages such as these might, by design, not provide native semantics that map to all of this specification's features. In these host languages, the WAI-ARIA Graphics module could be adopted as a long-term approach to add semantic information.

    +
    + +
    +

    Authoring Practices

    +
    +

    Authoring Tools

    +

    Many of the requirements in the definitions of the WAI-ARIA and Graphics WAI-ARIA roles, states and properties can be checked automatically during the development process, similar to other quality control processes used for validating code. To assist authors who are creating graphics, these tools can compare the semantic structure of Graphics WAI-ARIA roles from the DOM to that defined in this specification and notify the author of errors or simply create templates that enforce that structure.

    +
    + +
    +

    Testing Practices and Tools

    +

    The accessibility of interactive content cannot be confirmed by static checks alone. Developers of interactive content should test for device-independent access to widgets and applications, and should verify accessibility API access to all content and changes during user interaction.

    +
    +
    + +
    +

    Assistive Technologies

    +

    Programmatic access to accessibility semantics is essential for assistive technologies. For more information, refer to the Assistive Technologies section in WAI-ARIA [[WAI-ARIA-1.1]].

    +

    For the graphics roles in particular, two categories of assistive technology are particularly relevant, but have different needs:

      -
    • - User agents that process content - containing - WAI-ARIA - and graphics - WAI-ARIA - features; -
      • -
    • - Assistive technologies that provide specialized reading - experiences to users with disabilities; -
      • -
    • Authors of web graphics;
      • -
    • - Authoring tools that help authors create conforming graphics; and -
      • -
    • - Conformance checkers, that verify appropriate use of - WAI-ARIA - and this - WAI-ARIA - Graphics module. -
      • +
    • Text-based presentations, such as screen readers, braille displays, and text-only displays or printers. These technologies need to replace a complex graphic with semantic text descriptions, preserving any meaningful structure and relationships between components. +
      • +
    • Alternative graphical presentations, such as colour-adjusted displays, screen magnifiers, large print documents, or embossing printers with graphic support. These technologies need to distinguish between graphical features which are primarily decorative and those which are essential for conveying the meaning of the content.
    +

    The role descriptions suggest which features of an element with that role are considered semantically important and should be conveyed to the reader whenever possible.

    +
    +
    +
    +

    Conformance

    +

    The main content of this specification is normative and defines requirements that impact conformance claims. Introductory material, appendices, sections marked as "non-normative" and their subsections, diagrams, examples, and notes are informative (non-normative). Non-normative material provides advisory information to help interpret the guidelines but does not create requirements that impact a conformance claim.

    +

    Normative sections provide requirements that user agents must follow for an implementation to conform to this specification. The keywords MUST, MUST NOT, REQUIRED, SHALL, SHALL NOT, SHOULD, RECOMMENDED, MAY, and OPTIONAL in this document are to be interpreted as described in Keywords for use in RFCs to indicate requirement levels [[!RFC2119]]. RFC-2119 keywords are formatted in uppercase and contained in an element with class="rfc2119". When the keywords shown above are used, but do not share this format, they do not convey formal information in the RFC 2119 sense, and are merely explanatory, i.e., informative. As much as possible, such usages are avoided in this specification.

    +

    Normative sections provide requirements that authors, user agents and assistive technologies MUST follow for an implementation to conform to this specification.

    +

    Non-normative (informative) sections provide information useful to understanding the specification. Such sections may contain examples of recommended practice, but it is not required to follow such recommendations in order to conform to this specification.

    +
    +
    +

    Graphics Roles

    +

    + This section defines additions to the + WAI-ARIA + role taxonomy + and describes the characteristics and properties of all roles. + See ARIA Roles for descriptions + of the fields provided by this module. +

    +

    + Authors are given the ability to influence what is presented + to assistive technologies and to influence navigation through + the use of roles and properties. + This includes the ability to mark elements as having no semantic importance. + With graphics, there are many + cases where presenting and navigating every element will make the + graphic harder to understand and use. +

    +

    + Authors may mark elements for exclusion + from the semantic representation of the document + (the accessibility tree) by assigning + the role none or presentation. + The element with this role should be treated transparently + by assistive technologies, as if its children or text content + were directly contained by its parent element. + In addition, certain roles, + such as img or graphics-symbol, + when assigned to a parent element, will cause all child + DOM structure to be omitted from the accessibility tree. + This is indicated by the "Children Presentational" + value in the role characteristics table. + Finally, the native semantics of the graphics language + may also default to ignoring DOM structure that does not have + semantic data attached; for SVG, this is defined in the SVG Accessibility API Mappings specification [[SVG-AAM-1.0]]. +

    +

    + In all cases, to be considered presentational, an element must not be interactive + and must not be assigned any accessible properties or alternative text. + A role of none or presentation will be ignored + for interactive elements or those with WAI-ARIA states and properties.

    +
    +

    Definition of Roles

    +

    + Below is an alphabetical list of the + WAI-ARIA + roles defined in this specification. + They would normally be used in combination with other roles + defined in WAI-ARIA + to annotate graphics within documents and rich internet applications [[WAI-ARIA-1.1]]. +

    + +

    Placeholder for compact list of roles

    + + +
    + graphics-document +

    - Each conformance requirement indicates the audience to which it - applies. -

    - -
    - -
    -

    User Agent Support

    -

    - This module follows the general - User Agent support principles - defined in WAI-ARIA [[WAI-ARIA-1.1]]. The roles defined here do not - require any change in behavior by user agents other than in the - information exposed to the accessibility API. However, the - semantics defined here provide the ability for user agents to enhance - the general user interface presented to readers. For example, a user - agent may provide alternative keyboard navigation suitable to a - graphical environment, or may allow users to extract a copy of a - graphic from a larger document. -

    -
    - -
    -

    - Co-Evolution of - WAI-ARIA - and Host Languages -

    -

    - The - WAI-ARIA - Graphics module follows the model for - co-evolution of - WAI-ARIA - and host languages - defined in WAI-ARIA [[WAI-ARIA-1.1]]. It is intended to augment - semantics in supporting languages like HTML [[HTML52]], SVG [[SVG2]] - and EPUB, or to be used as an accessibility enhancement technology in - other markup-based languages that do not explicitly include support - for ARIA. WAI-ARIA roles clarify semantics to assistive - technologies when authors create new types of objects, via style and - script, or use markup languages which describe the visual appearance - of a document rather than its meaning. -

    -

    - Although markup languages may provide some of these semantics - natively, it is expected that there will be a persistent need for the - semantics provided by the - WAI-ARIA - Graphics module. Some host languages exist to create semantics for - features other than the user interface. For example, SVG expresses the - semantics behind production of graphical objects, not of user - interface components that those objects may represent. Host languages - such as these might, by design, not provide native semantics that map - to all of this specification's features. In these host languages, the - WAI-ARIA - Graphics module could be adopted as a long-term approach to add - semantic information. + A type of document in which + the visual appearance or layout of content conveys meaning.

    -
    - -
    -

    Authoring Practices

    -
    -

    Authoring Tools

    -

    - Many of the requirements in the definitions of the - WAI-ARIA - and Graphics - WAI-ARIA - roles, states and - properties can be checked automatically - during the development process, similar to other quality control - processes used for validating code. To assist authors who are - creating graphics, these tools can compare the semantic structure of - Graphics - WAI-ARIA - roles from the DOM to - that defined in this specification and notify the author of errors - or simply create templates that enforce that structure. -

    -
    - -
    -

    Testing Practices and Tools

    -

    - The accessibility of interactive content cannot be confirmed by - static checks alone. Developers of interactive content should test - for device-independent access to widgets and - applications, and should verify accessibility - API access to - all content and changes during user interaction. -

    -
    -
    - -
    -

    Assistive Technologies

    - Programmatic access to accessibility semantics is essential for - assistive technologies. For more information, refer to the - Assistive Technologies - section in WAI-ARIA [[WAI-ARIA-1.1]]. + Similar to other document types, + the graphics-document role applies to the root element of + a region of the page containing related information, + where the user's primary interaction mode is expected to be + browsing the document rather than controlling an application. + The element with this role + may be the root element of the document file, + or of a nested structure within it.

    - For the graphics roles in particular, two categories of assistive - technology are particularly relevant, but have different needs: + The graphics-document may be distinguished + from similar roles as follows:

      -
    • - Text-based presentations, such as screen readers, braille displays, - and text-only displays or printers. These technologies need to - replace a complex graphic with semantic text descriptions, - preserving any meaningful structure and relationships between - components. -
      • -
    • - Alternative graphical presentations, such as colour-adjusted - displays, screen magnifiers, large print documents, or embossing - printers with graphic support. These technologies need to - distinguish between graphical features which are primarily - decorative and those which are essential for conveying the meaning - of the content. -
      • +

    • + Relative to other documents, a graphics-document + is distinguished by the semantic importance of its + visual (usually two-dimensional) representation. + User agents and assistive technologies + SHOULD take this into consideration + when supporting navigation of the graphic. + Accessibility technologies that re-format or re-style a document + SHOULD NOT alter the layout of a graphics-document + except in ways that are consistent + with the semantic roles and relationships of its content. +

      • +

    • + Relative to an img, a graphics-document + is distinguished by the structured nature of its content. + Its child elements may have semantic meaning, + and may include links or other interactive widgets. +

      • +

    • + Relative to a graphics-object, + a graphics-document is self-contained. + Its meaning persists when separated from surrounding content. + The element with the graphics-document role defines + the scope and context for interpretation of the child content. +

    - The role descriptions suggest which features of an element with that - role are considered semantically important and should be conveyed to - the reader whenever possible. -

    -
    -
    -
    -

    Conformance

    -

    - The main content of this specification is - normative and defines requirements that impact - conformance claims. Introductory material, appendices, sections marked - as "non-normative" and their subsections, diagrams, examples, and notes - are informative (non-normative). Non-normative - material provides advisory information to help interpret the guidelines - but does not create requirements that impact a conformance claim. -

    -

    - Normative sections provide requirements that - user agents must follow for an implementation to - conform to this specification. The keywords - MUST, MUST NOT, - REQUIRED, SHALL, - SHALL NOT, SHOULD, - RECOMMENDED, MAY, and - OPTIONAL in this document are to be interpreted - as described in - Keywords for use in RFCs to indicate requirement levels - [[!RFC2119]]. RFC-2119 keywords are formatted in uppercase and contained - in an element with class="rfc2119". When the keywords shown - above are used, but do not share this format, they do not convey formal - information in the RFC 2119 sense, and are merely explanatory, i.e., - informative. As much as possible, such usages are avoided in this - specification. -

    -

    - Normative sections provide requirements that authors, user agents and - assistive technologies MUST follow for an implementation to conform to - this specification. -

    -

    - Non-normative (informative) sections provide information useful to - understanding the specification. Such sections may contain examples of - recommended practice, but it is not required to follow such - recommendations in order to conform to this specification. -

    -
    -
    -

    Graphics Roles

    -

    - This section defines additions to the - WAI-ARIA - role taxonomy and - describes the characteristics and properties of all - roles. See - ARIA Roles for descriptions of the - fields provided by this module. -

    -

    - Authors are given the ability to influence what is presented to - assistive technologies and to influence navigation through the use of - roles and properties. This includes the ability to mark elements as - having no semantic importance. With graphics, there are many cases where - presenting and navigating every element will make the graphic harder to - understand and use. -

    -

    - Authors may mark elements for exclusion from the semantic representation - of the document (the accessibility tree) by assigning the role - none or presentation. The element with this - role should be treated transparently by assistive technologies, as if - its children or text content were directly contained by its parent - element. In addition, certain roles, such as img or - graphics-symbol, when assigned to a parent element, will - cause all child DOM structure to be omitted from the accessibility tree. - This is indicated by the "Children Presentational" value in the role - characteristics table. Finally, the native semantics of the graphics - language may also default to ignoring DOM structure that does not have - semantic data attached; for SVG, this is defined in the SVG - Accessibility API Mappings specification [[SVG-AAM-1.0]]. -

    -

    - In all cases, to be considered presentational, an element must not be - interactive and must not be assigned any accessible properties or - alternative text. A role of none or - presentation will be ignored for interactive elements or - those with WAI-ARIA states and properties. -

    -
    -

    Definition of Roles

    -

    - Below is an alphabetical list of the - WAI-ARIA - roles defined in this - specification. They would normally be used in combination with other - roles defined in WAI-ARIA to annotate graphics within documents and - rich internet applications [[WAI-ARIA-1.1]]. -

    - -

    Placeholder for compact list of roles

    - -
    - graphics-document -
    -

    - A type of document in which the visual appearance or - layout of content conveys meaning. -

    -

    - Similar to other document types, the - graphics-document role applies to the root element of - a region of the page containing related information, where the - user's primary interaction mode is expected to be browsing the - document rather than controlling an application. The element with - this role may be the root element of the document file, or of a - nested structure within it. -

    -

    - The graphics-document may be distinguished from - similar roles as follows: -

    -
      -
    • -

      - Relative to other documents, a - graphics-document is distinguished by the - semantic importance of its visual (usually two-dimensional) - representation. User agents and assistive technologies SHOULD - take this into consideration when supporting navigation of the - graphic. Accessibility technologies that re-format or re-style - a document SHOULD NOT alter the layout of a - graphics-document - except in ways that are consistent with the semantic roles and - relationships of its content. -

      -
      • -
    • -

      - Relative to an img, a - graphics-document - is distinguished by the structured nature of its content. Its - child elements may have semantic meaning, and may include - links or other interactive widgets. -

      -
      • -
    • + In general, authors SHOULD use the graphics-document role + for structured graphics such as + charts, maps, diagrams, technical drawing, blue prints and instructional graphics. + However, if a single large graphic has discrete regions + that may be safely re-arranged without sacrificing meaning, + each of those regions SHOULD be a distinct graphics-document. + An alternative role (such as figure) + may be used to group them together. + One graphics-document may also be nested inside another, + for example a bar chart that is embedded in a map + or a matrix of chart panels + should have a role of graphics-document. + The nested document provides encapsulation; + navigation between components of + the inner and outer graphics should be explicit. +

      +
      +

      + To support user agents and assistive technologies + based on the ARIA 1.0 specification, + authors may wish to include the document role + as a fallback value, + in the form role="graphics-document document". +

      +

      + Future specifications may define more specific roles + for particular types of graphical documents with + special semantic structures. Those more specific roles + would be subclasses of graphics-document. +

      +
      +
      • -
    -

    - In general, authors SHOULD use the - graphics-document role for structured graphics such - as charts, maps, diagrams, technical drawing, blue prints and - instructional graphics. However, if a single large graphic has - discrete regions that may be safely re-arranged without - sacrificing meaning, each of those regions SHOULD be a distinct - graphics-document. An alternative role (such as - figure) may be used to group them together. One - graphics-document may also be nested inside another, - for example a bar chart that is embedded in a map or a matrix of - chart panels should have a role of graphics-document. - The nested document provides encapsulation; navigation between - components of the inner and outer graphics should be explicit. -

    -
    -

    - To support user agents and assistive technologies based on the - ARIA 1.0 specification, authors may wish to include the - document role as a fallback value, in the form - role="graphics-document document". -

    -

    - Future specifications may define more specific roles for - particular types of graphical documents with special semantic - structures. Those more specific roles would be subclasses of - graphics-document. -

    -
    - -
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    - Characteristics: -
    CharacteristicValue
    Is Abstract: 
    Superclass Role:document
    Subclass Roles: 
    Base Concept: 
    Related Concepts: -
      + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
      Characteristics:
      CharacteristicValue
      Is Abstract: 
      Superclass Role:document
      Subclass Roles: 
      Base Concept: 
      Related Concepts: +
      • graphics-object
      • img
      • article
        • -
      -
      - Required Context Role: -  
      - Required Owned Elements: -
      - Required States and Properties: -  
      - Supported States and Properties: -  
      - Inherited States and Properties: -  
      Name From:author
      - Accessible Name Required: - True
      - Inherits Name Required: -
      - Children Presentational: - False
      - Inherits Presentational: -  
      Implicit Value for Role: 
      - - -
      - graphics-object -
      -

      - A section of a graphics-document - that represents a distinct object or sub-component with semantic - meaning. A graphical object may itself have nested sub-components. -

      -

      - Container elements that represent a collection of disconnected - objects should be given the - group or list roles, instead. Grouping - elements that do not have semantic meaning and do not alter the - semantic context provided by an ancestor (for example, a - div or SVG g that is only used for - styling or layout) SHOULD NOT be given a role. The lack of role - may be explicitly indicated with the role none or - presentation. -

      -

      - Unlike a graphics-document, a - graphics-object need not be self-contained, and it - does not establish a new context for navigation. However, user - agents and assistive technologies SHOULD provide a way for users, - particularly non-visual users, to navigate the nested structure of - objects in a hierarchical manner, similar to nested lists. -

      -

      - To support user agents and assistive technologies based on the - ARIA 1.0 specification, authors may wish to include the - group role as a fallback value, in the form - role="graphics-object group". -

      +
    +
    Required Context Role: 
    Required Owned Elements:
    Required States and Properties: 
    Supported States and Properties: 
    Inherited States and Properties: 
    Name From:author
    Accessible Name Required:True
    Inherits Name Required:
    Children Presentational:False
    Inherits Presentational: 
    Implicit Value for Role: 
    +
    + + +
    + graphics-object +
    +

    + A section of a graphics-document + that represents a distinct object or sub-component + with semantic meaning. + A graphical object may itself have nested sub-components. +

    +

    + Container elements that represent a collection + of disconnected objects should be given the + group or list roles, instead. + Grouping elements that do not have semantic meaning + and do not alter the semantic context provided by an ancestor + (for example, a div or SVG g + that is only used for styling or layout) + SHOULD NOT be given a role. + The lack of role may be explicitly indicated + with the role none or presentation. +

    +

    + Unlike a graphics-document, + a graphics-object need not be self-contained, + and it does not establish a new context for navigation. + However, user agents and assistive technologies + SHOULD provide a way for users, particularly non-visual users, + to navigate the nested structure of objects + in a hierarchical manner, similar to nested lists. +

    +

    + To support user agents and assistive technologies + based on the ARIA 1.0 specification, + authors may wish to include the group role + as a fallback value, + in the form role="graphics-object group". +

    -
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    - Characteristics: -
    CharacteristicValue
    Is Abstract: 
    Superclass Role:group
    Subclass Roles: 
    Base Concept: 
    Related Concepts: -
      + + + + + + + + + + + + + + + + + + + + + + + + + + + + + - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
      Characteristics:
      CharacteristicValue
      Is Abstract: 
      Superclass Role:group
      Subclass Roles: 
      Base Concept: 
      Related Concepts: +
      • graphics-document
      • group
      • img
      • graphics-symbol
        • -
      -
      - Required Context Role: -  
      - Required Owned Elements: -
      - Required States and Properties: -  
      - Supported States and Properties: -  
      - Inherited States and Properties: -  
      Name From: -
        -
      • author
        • -
      • contents
        • -
      -
      - Accessible Name Required: - False
      - Inherits Name Required: -
      - Children Presentational: - False
      - Inherits Presentational: -  
      Implicit Value for Role: 
      - - -
      - graphics-symbol -
      -

      - A graphical object used to convey a simple meaning or category, - where the meaning is more important than the particular visual - appearance. It may be a component of a larger structured graphic - such as a chart or map. The symbol itself is an atomic object; - children are presentational. -

      -

      - When used as part of a structured symbolic language, the - aria-roledescription property (introduced in ARIA 1.1 - [[WAI-ARIA-1.1]]) can be used to name the symbol type separately - from the name and description for the particular instance of the - symbol. -

      -

      - To support user agents and assistive technologies based on the - ARIA 1.0 specification, authors may wish to include the - img role as a fallback value, in the form - role="graphics-symbol img", if that is not already - the default semantic role for the element. -

      -
    +
    Required Context Role: 
    Required Owned Elements:
    Required States and Properties: 
    Supported States and Properties: 
    Inherited States and Properties: 
    Name From: +
      +
    • author
      • +
    • contents
      • +
    +
    Accessible Name Required:False
    Inherits Name Required:
    Children Presentational:False
    Inherits Presentational: 
    Implicit Value for Role: 
    +
    + + +
    + graphics-symbol +
    +

    + A graphical object used to convey a simple meaning or category, + where the meaning is more important + than the particular visual appearance. + It may be a component of a larger structured graphic + such as a chart or map. + The symbol itself is an atomic object; + children are presentational. +

    +

    + When used as part of a structured symbolic language, + the aria-roledescription property + (introduced in ARIA 1.1 [[WAI-ARIA-1.1]]) + can be used to name the symbol type + separately from the name and description + for the particular instance of the symbol. +

    +

    + To support user agents and assistive technologies + based on the ARIA 1.0 specification, + authors may wish to include the img role + as a fallback value, + in the form role="graphics-symbol img", + if that is not already the default semantic role for the element. +

    + - + - + -
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
    - Characteristics: -
    CharacteristicValue
    Is Abstract: 
    Superclass Role:img
    Subclass Roles: 
    Base Concept: 
    Related Concepts: - symbol -
    - Required Context Role: -  
    - Required Owned Elements: -
    - Required States and Properties: -  
    - Supported States and Properties: -  
    - Inherited States and Properties: -  
    Name From:author
    - Accessible Name Required: - True
    - Inherits Name Required: -
    - Children Presentational: - True
    - Inherits Presentational: -  
    Implicit Value for Role: 
    -
    -
    -
    -

    Other Roles for Graphics

    -

    - The following core ARIA roles, defined in ARIA 1.1 [[WAI-ARIA-1.1]], - are also relevant for annotating graphics: -

    -
      -
    • - img (image) defines a single graphic that is perceived - as an indivisible whole. Unlike a graphics-document, an - image cannot have navigable or interactive child content. Unlike a - graphics-symbol, an image may require a detailed text - description to fully convey its meaning to non-visual users. -
      • -
    • - figure defines a container element for content - (including graphics) that is a key part of the containing document - but is outside the normal reading stream. A figure will often - contain one or more elements with the img or - graphics-document roles, but may also contain text - captions, credits, or other related content. -
      • -
    -

    - The following examples demonstrate appropriate use of - img, figure, and - graphics-document - in a document. -

    - - + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    Characteristics:
    CharacteristicValue
    Is Abstract: 
    Superclass Role:img
    Subclass Roles: 
    Base Concept: 
    Related Concepts:symbol
    Required Context Role: 
    Required Owned Elements:
    Required States and Properties: 
    Supported States and Properties: 
    Inherited States and Properties: 
    Name From:author
    Accessible Name Required:True
    Inherits Name Required:
    Children Presentational:True
    Inherits Presentational: 
    Implicit Value for Role: 
    + + +
    +
    +

    Other Roles for Graphics

    +

    The following core ARIA roles, defined in ARIA 1.1 [[WAI-ARIA-1.1]], are also + relevant for annotating graphics: +

    +
      +
    • + img (image) defines a single graphic + that is perceived as an indivisible whole. + Unlike a graphics-document, + an image cannot have navigable or interactive child content. + Unlike a graphics-symbol, + an image may require a detailed text description + to fully convey its meaning to non-visual users. +
      • +
    • + figure defines a container element + for content (including graphics) that is a key part + of the containing document but is outside the + normal reading stream. + A figure will often contain one or more elements + with the img or graphics-document roles, + but may also contain text captions, credits, or other related content. +
      • +
    +

    + The following examples demonstrate appropriate use of + img, figure, and graphics-document + in a document. +

    + + + + -
    -
    -
    -

    States and Properties

    -

    - WAI-ARIA provides a collection of accessibility state and properties - which are used to support platform accessibility APIs on various - operating system platforms. Assistive technologies may access this - information through an exposed user agent DOM or through a mapping to - the platform accessibility API. When combined with roles, the user agent - can supply the assistive technologies with user interface information to - convey to the user at any time. Changes in states or properties will - result in a notification to assistive technologies, which could alert - the user that a change has occurred. -

    -
    -
    -

    Change Log

    -

    - The full - commit history to WAI-ARIA Graphics Module 1.0 - is available. -

    -
    -

    - Substantive changes since the - last public working draft -

    -
      -
    • - 2017-11-15: Change superclass for graphics-object to img and - graphics-symbol to group. -
      • - -
    -
    -
    -

    - Other substantive changes since the - First Public Working Draft -

    -
      -
    • 2016-01-26: changed superclass of graphics-doc to structure.
      • -
    • - 2016-04-28: removed reference to role="none" or "presentation". -
      • -
    • 2016-05-02: Change graphics-doc to graphics-document.
      • -
    • - 2016-05-07: clarify limitations of presentational role; mention SVG - 2 next to HTML 5 in section on Schemata. -
      • - -
    -
    -
    -
    -

    Acknowledgments

    -

    - The following people contributed to the development of this document. -

    -
    -

    - Participants active in the SVG accessibility task force at the time of - publication -

    -
      -
    • Amelia Bellamy-Royds (Invited expert)
      • -
    • Fred Esch (IBM Corporation)
      • -
    • Charles McCathieNevile (Yandex)
      • -
    • Charu Pandhi (IBM Corporation)
      • -
    • Doug Schepers (W3C Staff)
      • -
    • Richard Schwerdtfeger (Knowbility)
      • -
    • Léonie Watson (The Paciello Group)
      • -
    • Jason White (Educational Testing Service)
      • -
    -
    -
    -

    Participants active in the ARIA WG at the time of publication

    -
      -
    • David Bolter (Mozilla Foundation)
      • -
    • Michael Cooper (W3C/MIT)
      • -
    • James Craig (Apple Inc.)
      • -
    • Joanmarie Diggs (Igalia)
      • -
    • John Foliot (Invited Expert)
      • -
    • Christopher Gallelo (Microsoft Corporation)
      • -
    • Bryan Garaventa (SSB BART Group)
      • -
    • Jon Gunderson (University of Illinois at Urbana-Champaign)
      • -
    • Matthew King (IBM Corporation)
      • -
    • Dominic Mazzoni (Google, Inc.)
      • -
    • Shane McCarron (Invited Expert, Aptest)
      • -
    • James Nurthen (Oracle Corporation)
      • -
    • Janina Sajka (Invited Expert, The Linux Foundation)
      • -
    • Stefan Schnabel (SAP AG)
      • -
    • Lisa Seeman (Invited Expert)
      • -
    • Alexander Surkov (Mozilla Foundation)
      • -
    • Jason White (Educational Testing Service)
      • -
    -
    -
    -
    - + + + +
    +
    +
    +

    States and Properties

    +

    WAI-ARIA provides a collection of accessibility state and properties which are used to support platform accessibility APIs on various + operating system platforms. Assistive technologies may access this information through an exposed user agent DOM or through a mapping + to the platform accessibility API. When combined with roles, the user agent can supply the assistive technologies with user interface + information to convey to the user at any time. Changes in states or properties will result in a notification to assistive technologies, + which could alert the user that a change has occurred.

    + +
    +
    +

    Change Log

    +

    The full commit history to WAI-ARIA Graphics Module 1.0 is available.

    +
    +

    Substantive changes since the last public working draft

    +
      +
    • 2017-11-15: Change superclass for graphics-object to img and graphics-symbol to group.
      • + +
    +
    +
    +

    Other substantive changes since the First Public Working Draft

    +
      +
    • 2016-01-26: changed superclass of graphics-doc to structure.
      • +
    • 2016-04-28: removed reference to role="none" or "presentation".
      • +
    • 2016-05-02: Change graphics-doc to graphics-document.
      • +
    • 2016-05-07: clarify limitations of presentational role; mention SVG 2 next to HTML 5 in section on Schemata.
      • + +
    +
    +
    +
    +

    Acknowledgments

    +

    The following people contributed to the development of this document.

    +
    +

    Participants active in the SVG accessibility task force at the time of publication

    +
      +
    • Amelia Bellamy-Royds (Invited expert)
      • +
    • Fred Esch (IBM Corporation)
      • +
    • Charles McCathieNevile (Yandex)
      • +
    • Charu Pandhi (IBM Corporation)
      • +
    • Doug Schepers (W3C Staff)
      • +
    • Richard Schwerdtfeger (Knowbility)
      • +
    • Léonie Watson (The Paciello Group)
      • +
    • Jason White (Educational Testing Service)
      • +
    +
    +
    +

    Participants active in the ARIA WG at the time of publication

    +
      +
    • David Bolter (Mozilla Foundation)
      • +
    • Michael Cooper (W3C/MIT)
      • +
    • James Craig (Apple Inc.)
      • +
    • Joanmarie Diggs (Igalia)
      • +
    • John Foliot (Invited Expert)
      • +
    • Christopher Gallelo (Microsoft Corporation)
      • +
    • Bryan Garaventa (SSB BART Group)
      • +
    • Jon Gunderson (University of Illinois at Urbana-Champaign)
      • +
    • Matthew King (IBM Corporation)
      • +
    • Dominic Mazzoni (Google, Inc.)
      • +
    • Shane McCarron (Invited Expert, Aptest)
      • +
    • James Nurthen (Oracle Corporation)
      • +
    • Janina Sajka (Invited Expert, The Linux Foundation)
      • +
    • Stefan Schnabel (SAP AG)
      • +
    • Lisa Seeman (Invited Expert)
      • +
    • Alexander Surkov (Mozilla Foundation)
      • +
    • Jason White (Educational Testing Service)
      • +
    +
    +
    +
    + From 6f4c2b08cfcedb8a423fd64259089bd47ed34415 Mon Sep 17 00:00:00 2001 From: pkra Date: Mon, 26 Jun 2023 11:39:31 +0000 Subject: [PATCH 11/16] Prettified Code! --- graphics2.html | 4759 ++++++++++++++++++++++++------------------------ index.html | 1745 +++++++++--------- 2 files changed, 3244 insertions(+), 3260 deletions(-) diff --git a/graphics2.html b/graphics2.html index b857c7a..85d7fbc 100644 --- a/graphics2.html +++ b/graphics2.html @@ -1,388 +1,452 @@ - -WAI-ARIA Graphics Module 2 - - - - - - - - + + + + + + - - - -
    -

    Assistive technologies need semantic information about widgets, structures and behaviors to convey appropriate information to persons with disabilities. This specification defines a [[!WAI-ARIA]] module of roles, states and properties specific to web graphics. These semantics allow an author to convey user interface behaviors and structural information to assistive technologies and to enable semantic navigation, styling and interactive features used by readers. It is expected this will complement [[HTML5]] and [[SVG2]].

    -

    This document is part of the WAI-ARIA suite described in the WAI-ARIA Overview.

    -
    -
    -

    Please record issues on this specification through the Github W3C/aria issue tracker, using the prefix "Graphics" for any issue.

    -
    -
    -
    -
    -

    Introduction

    -

    WAI-ARIA is a technical specification that defines a common host language semantic accessibility API and framework that enables web browsers to map the accessibility semantics in web content to platform-specific accessibility APIs. This enables web content to be interoperable with platform assistive technologies similar to native platform applications without platform dependencies.

    -

    This specification is a modular extension of WAI-ARIA designed to support graphics. The goals of this specification include:

    -
      -
    • Expanding [[!WAI-ARIA]] to produce structural semantic extensions to support graphics such as charts, graphs, maps, technical drawings and scientific diagrams. It has applicability to both Scalable Vector Graphics as well as HTML5 Canvas.
      • -
    • Align with a new governance model for modularization and extensions to WAI-ARIA.
      • -
    • Provide structural semantics extensions that will support both assistive technologies and enable semantic navigation, styling and interactive features used by readers.
      • -
    -

    For a more detailed explanation of WAI-ARIA please refer to the WAI-ARIA Introduction and how it applies to Rich Internet Application Accessibility.

    - -
    -

    Target Audience

    -

    This specification defines a module of WAI-ARIA for graphics, including roles, states, properties and values. It impacts several audiences:

    -
      -
    • User agents that process content containing WAI-ARIA and graphics (SVG) WAI-ARIA features;
      • -
    • Assistive technologies that provide specialized reading experiences to users with disabilities;
      • -
    • Authors of web graphics (SVG);
      • -
    • Authoring tools that help authors create conforming graphics; and
      • -
    • Conformance checkers, that verify appropriate use of WAI-ARIA and this Graphics WAI-ARIA module.
      • -
    -

    Each conformance requirement indicates the audience to which it applies.

    - -
    - -
    -

    User Agent Support

    -

    This module builds on the general User Agent support principles defined in [[!WAI-ARIA]] by also providing the ability for user agents to enhance the general user interface presented to readers.

    -
    - -
    -

    Co-Evolution of WAI-ARIA and Host Languages

    -

    The Graphics WAI-ARIA module follows the model for co-evolution of WAI-ARIA and host languages defined in [[!WAI-ARIA]]. It is intended to augment semantics in supporting languages like [[HTML5]], [[!SVG2]] and EPUB, or to be used as an accessibility enhancement technology in other markup-based languages that do not explicitly include support for ARIA. It clarifies semantics to assistive technologies when authors create new types of objects, via style and script, that are not yet directly supported by the language of the page, because the invention of new types of objects is faster than standardized support for them appears in web languages.

    -

    It is not appropriate to create objects with style and script when the host language provides a semantic element for that type of objects. While WAI-ARIA can improve the accessibility of these objects, accessibility is best provided by allowing the user agent to handle the object natively. For example, it is not better to use a heading role on a div element than it is to use a native heading element, such as an h1.

    -

    It is expected that, over time, host languages will evolve to provide semantics for objects that currently can only be declared with this specification. This is natural and desirable, as one goal of WAI-ARIA is to help stimulate the emergence of more semantic and accessible markup. When native semantics for a given feature become available, it is appropriate for authors to use the native feature and stop using this module for that feature. Legacy content may continue to use the Graphics WAI-ARIA module, however, so the need for user agents to support it remains.

    -

    While specific features of this module may lose importance over time, the general possibility of the Graphics WAI-ARIA module to add semantics to web graphics or open web based standards, is expected to be a persistent need. Host languages may not implement all the semantics this module provides, and various host languages may implement different subsets of the features. New types of objects are continually being developed, and one goal of this specification is to provide a way to make such objects accessible, because authoring practices often advance faster than host language standards. In this way, this module and host languages both evolve together but at different rates.

    -

    Some host languages exist to create semantics for features other than the user interface. For example, SVG expresses the semantics behind production of graphical objects, not of user interface components that those objects may represent. Host languages such as these might, by design, not provide native semantics that map to this specification's features. In these cases, the Graphics WAI-ARIA module could be adopted as a long-term approach to add semantic information to these host languages.

    -
    - -
    -

    Authoring Practices

    -
    -

    Authoring Tools

    -

    Many of the requirements in the definitions of the WAI-ARIA and Graphics WAI-ARIA roles, states and properties can be checked automatically during the development process, similar to other quality control processes used for validating code. To assist authors who are creating graphics, can compare the semantic structure of Graphics WAI-ARIA roles from the DOM to that defined in this specification and notify the author of errors or simply create templates that enforce that structure.

    -
    - -
    -

    Testing Practices and Tools

    -

    The accessibility of interactive content cannot be confirmed by static checks alone. Developers of interactive content should test for device-independent access to widgets and applications, and should verify accessibility API access to all content and changes during user interaction.

    -
    -
    - -
    -

    Assistive Technologies

    -

    Programmatic access to accessibility semantics is essential for assistive technologies. For more information, refer to the Assistive Technologies section in [[!WAI-ARIA]].

    -
    -
    -
    -

    This specification indicates whether a section is normative or informative. Classifying a section as normative or informative applies to the entire section. A statement "This section is normative" or "This section is informative" applies to all sub-sections of that section.

    -

    Normative sections provide requirements that authors, user agents and assistive technologies MUST follow for an implementation to conform to this specification.

    -

    Informative sections provide information useful to understanding the specification. Such sections may contain examples of recommended practice, but it is not required to follow such recommendations in order to conform to this specification.

    -
    -
    -

    Important Terms

    -
    -
    -
    -

    Graphics Roles

    -

    - This section defines additions to the - WAI-ARIA - role taxonomy - and describes the characteristics and properties of all roles. - See ARIA Roles for descriptions - of the fields provided by this module. -

    -

    Authors are given the ability to influence what is presented to assistive technologies and to influence navigation through - the use of roles and properties. With graphics, there are many cases where presenting and navigating every element will make the - graphic harder to understand and use. Authors may mark elements for non-visual exclusion by assigning the role none. Graphics also - have situations where the author intent is ambiguous and the use of the property aria-type should be used to clarify the situation.

    -

    If an author does not want a user agent to non-visually present an element and does not want the - element included in navigaion then the element should be given a role of none. For example, in the case - an author does not want a chart's axis minor tick marks (tick lines without labels between tick marks with labels) - presented to assistive technologies since the minor tick marks would add significant noise without increasing comprehension, then the - author should assign the minor tick marks the role of none.

    - -

    User agents are expected to use the aria-gtype property - for differentiating between graph features. Two elements with the - same role and the same semanatic parent and both elements having either no aria-gtype or the same aria-gtype - are defined as being part of the same feature. - Two elements with a the same role and the same semanatic parent but differing aria-gtype - are defined as being two separate features. + } + + + +

    +

    + Assistive technologies need semantic information about widgets, structures and behaviors to convey appropriate information to persons with disabilities. This specification defines a + [[!WAI-ARIA]] module of roles, states and properties specific to web graphics. These semantics allow an author to convey user + interface behaviors and structural information to assistive technologies and to enable semantic navigation, styling and interactive features used by readers. It is expected this will + complement [[HTML5]] and [[SVG2]]. +

    +

    + This document is part of the WAI-ARIA suite described in the + WAI-ARIA Overview. +

    +
    +
    +

    Please record issues on this specification through the Github W3C/aria issue tracker, using the prefix "Graphics" for any issue.

    +
    +
    +
    +

    Introduction

    +

    + WAI-ARIA is a technical specification that defines a common host language semantic accessibility API and framework that enables web + browsers to map the accessibility semantics in web content to platform-specific accessibility APIs. This enables web content to be interoperable with platform assistive technologies similar to + native platform applications without platform dependencies. +

    +

    This specification is a modular extension of WAI-ARIA designed to support graphics. The goals of this specification include:

    +
      +
    • + Expanding [[!WAI-ARIA]] to produce structural semantic extensions to support graphics such as charts, graphs, maps, technical drawings and scientific diagrams. It has applicability to both + Scalable Vector Graphics as well as HTML5 Canvas. +
      • +
    • Align with a new governance model for modularization and extensions to WAI-ARIA.
      • +
    • Provide structural semantics extensions that will support both assistive technologies and enable semantic navigation, styling and interactive features used by readers.
      • +
    +

    + For a more detailed explanation of WAI-ARIA please refer to the + WAI-ARIA Introduction and how it applies to Rich Internet Application Accessibility. +

    + +
    +

    Target Audience

    +

    + This specification defines a module of WAI-ARIA for graphics, including roles, states, + properties and values. It impacts several audiences: +

    +
      +
    • + User agents that process content containing WAI-ARIA and graphics (SVG) + WAI-ARIA features; +
      • +
    • Assistive technologies that provide specialized reading experiences to users with disabilities;
      • +
    • Authors of web graphics (SVG);
      • +
    • Authoring tools that help authors create conforming graphics; and
      • +
    • + Conformance checkers, that verify appropriate use of WAI-ARIA and this Graphics + WAI-ARIA module. +
      • +
    +

    Each conformance requirement indicates the audience to which it applies.

    + +
    + +
    +

    User Agent Support

    +

    + This module builds on the general User Agent support principles defined in [[!WAI-ARIA]] by also providing the ability for user + agents to enhance the general user interface presented to readers. +

    +
    + +
    +

    Co-Evolution of WAI-ARIA and Host Languages

    +

    + The Graphics WAI-ARIA module follows the model for + co-evolution of WAI-ARIA and host languages defined in [[!WAI-ARIA]]. + It is intended to augment semantics in supporting languages like [[HTML5]], [[!SVG2]] and EPUB, or to be used as an accessibility enhancement technology in other markup-based languages that + do not explicitly include support for ARIA. It clarifies semantics to assistive technologies when authors create new types of objects, via style and script, that are not yet directly + supported by the language of the page, because the invention of new types of objects is faster than standardized support for them appears in web languages. +

    +

    + It is not appropriate to create objects with style and script when the host language provides a semantic element for that type of objects. While + WAI-ARIA can improve the accessibility of these objects, accessibility is best provided by allowing the user agent to handle the + object natively. For example, it is not better to use a heading role on a div element than it is to use a native heading element, such as an h1. +

    +

    + It is expected that, over time, host languages will evolve to provide semantics for objects that currently can only be declared with this specification. This is natural and desirable, as one + goal of WAI-ARIA is to help stimulate the emergence of more semantic and accessible markup. When native semantics for a given + feature become available, it is appropriate for authors to use the native feature and stop using this module for that feature. Legacy content may continue to use the Graphics + WAI-ARIA module, however, so the need for user agents to support it remains.

    - - -
    -

    Definition of Roles

    -

    - Below is an alphabetical list of the - WAI-ARIA - roles defined in this specification. - They would normally be used in combination with other roles - defined in [[WAI-ARIA]] - to annotate graphics within documents and rich internet applications. +

    + While specific features of this module may lose importance over time, the general possibility of the Graphics WAI-ARIA module to + add semantics to web graphics or open web based standards, is expected to be a persistent need. Host languages may not implement all the semantics this module provides, and various host + languages may implement different subsets of the features. New types of objects are continually being developed, and one goal of this specification is to provide a way to make such objects + accessible, because authoring practices often advance faster than host language standards. In this way, this module and host languages both evolve together but at different rates. +

    +

    + Some host languages exist to create semantics for features other than the user interface. For example, SVG expresses the semantics behind production of graphical objects, not of user + interface components that those objects may represent. Host languages such as these might, by design, not provide native semantics that map to this specification's features. In these cases, + the Graphics WAI-ARIA module could be adopted as a long-term approach to add semantic information to these host languages. +

    +
    + +
    +

    Authoring Practices

    +
    +

    Authoring Tools

    +

    + Many of the requirements in the definitions of the WAI-ARIA and Graphics + WAI-ARIA roles, states and properties can be checked + automatically during the development process, similar to other quality control processes used for validating code. To assist authors who are creating graphics, can compare the semantic + structure of Graphics WAI-ARIA roles from the DOM to that defined in this + specification and notify the author of errors or simply create templates that enforce that structure. +

    +
    + +
    +

    Testing Practices and Tools

    +

    + The accessibility of interactive content cannot be confirmed by static checks alone. Developers of interactive content should test for device-independent access to + widgets and applications, and should verify accessibility API access to all content and changes during user + interaction. +

    +
    +
    + +
    +

    Assistive Technologies

    +

    + Programmatic access to accessibility semantics is essential for assistive technologies. For more information, refer to the + Assistive Technologies section in [[!WAI-ARIA]]. +

    +
    +
    +
    +

    + This specification indicates whether a section is normative or informative. Classifying a section as normative or informative applies to the entire section. A statement "This + section is normative" or "This section is informative" applies to all sub-sections of that section.

    - -

    Placeholder for compact list of roles

    -
    - -
    - graphics-annotation -
    -

    A type of guide object, usually a comment, explaination or note.

    -
    - 
    +      
    Normative sections provide requirements that authors, user agents and assistive technologies MUST follow for an implementation to conform to this specification.
    
+      
    
+        Informative sections provide information useful to understanding the specification. Such sections may contain examples of recommended practice, but it is not required to follow such
+        recommendations in order to conform to this specification.
+      
    
+
    +
    +

    Important Terms

    +
    +
    +
    +

    Graphics Roles

    +

    + This section defines additions to the + WAI-ARIA + role taxonomy and describes the characteristics and properties of all roles. See ARIA Roles for descriptions of the fields + provided by this module. +

    +

    + Authors are given the ability to influence what is presented to assistive technologies and to influence navigation through the use of roles and properties. With graphics, there are many cases + where presenting and navigating every element will make the graphic harder to understand and use. Authors may mark elements for non-visual exclusion by assigning the role none. + Graphics also have situations where the author intent is ambiguous and the use of the property aria-type should be used to clarify the situation. +

    +

    + If an author does not want a user agent to non-visually present an element and does not want the element included in navigaion then the element should be given a role of none. For + example, in the case an author does not want a chart's axis minor tick marks (tick lines without labels between tick marks with labels) presented to assistive technologies since the minor tick + marks would add significant noise without increasing comprehension, then the author should assign the minor tick marks the role of none. +

    + +

    + User agents are expected to use the aria-gtype property for differentiating between graph features. Two elements with the same role and the same semanatic parent and both elements + having either no aria-gtype or the same aria-gtype are defined as being part of the same feature. Two elements with a the same role and the same semanatic parent but + differing aria-gtype + are defined as being two separate features. +

    + +
    +

    Definition of Roles

    +

    + Below is an alphabetical list of the + WAI-ARIA + roles defined in this specification. They would normally be used in combination with other roles defined in [[WAI-ARIA]] to annotate graphics within documents and rich + internet applications. +

    + +

    Placeholder for compact list of roles

    +
    + +
    + graphics-annotation +
    +

    A type of guide object, usually a comment, explaination or note.

    +
    + 
       <g role="graphics-annotation" font-family="Arial" text-anchor="middle" font-size="12" >   
     <text x="320" y="12.56" role="graphics-label">Sample map with two-level color coding.</text>   
     <text x="320" y="26.56" role="graphics-label">The basic hue is set by the region, a categorical variable.</text>    
     <text x="320" y="40.56" role="graphics-label">The color is then modified by a numeric variable. </text>    
     <text x="320" y="54.56" role="graphics-label">See the color aesthetics of the element for the general technique. </text>   
   </g>   
-
    - - - - - Sample map with two-level color coding. - The basic hue is set by the region, a categorical - -variable. - The color is then modified by a numeric variable. - See the color aesthetics of the element for the general technique. - - - - -
    -
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
    Characteristics:
    CharacteristicValue
    Is Abstract:
    Superclass Role:graphics-guide
    Subclass Roles:
    Base Concept:
    Related Concepts: Text annotation
    Required Context Role:
    Required Owned Elements:
    Required States and Properties:
    Supported States and Properties:aria-gtype
    Inherited States and Properties:
    Name From:author
    Accessible Name Required:True
    Inherits Name Required:
    Children Presentational:
    Inherits Presentational:
    Implicit Value for Role:
    -
    -
    - -
    - graphics-axis -
    -

    A scale often used with charts to show the scale of a dimension (variable).

    -

    When a graph contains more than one axis, an author should distinguish between the - axes by using - the aria-gtype property. User agents will be expected to use the aria-gtype property - when presenting information to a user and for differentiating between graph features. Two elements with a - graphics-axis role with the same semanatic parent and no aria-gtype or the same aria-gtype are defined as being part of the same axis. - Two elements with a graphics-axis role with the same semanatic parent but differing aria-gtype - are defined as being two separate axes. -

    -

    Differentiating between axes using the aria-gtype can help users understand whether the axis is - the x, y or z axis and help them understand which variable/data column is associated with the axis. Differentiating between - axes using aria-gtype can also affect how keyboard users navigate through the axes. This level of control is - provided to authors so they can convey and control how user agents perceive axes given the author may need to present mulitple y - axis on opposite sides of the chart (ie left axis in inches, right axis in cm), clustered sets of axes, 3 or more dimension axes and aligned - axes shared by two charts in the same visualization.

    - - 
    +
    + + + + + Sample map with two-level color coding. + The basic hue is set by the region, a categorical variable. + The color is then modified by a numeric variable. + See the color aesthetics of the element for the general technique. + + + +
    +
    + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    + Characteristics: +
    CharacteristicValue
    Is Abstract:
    Superclass Role:graphics-guide
    Subclass Roles:
    Base Concept:
    Related Concepts:Text annotation
    Required Context Role:
    Required Owned Elements:
    Required States and Properties:
    Supported States and Properties:aria-gtype
    Inherited States and Properties:
    Name From:author
    Accessible Name Required:True
    Inherits Name Required:
    Children Presentational:
    Inherits Presentational:
    Implicit Value for Role:
    + +
    + +
    + graphics-axis +
    +

    A scale often used with charts to show the scale of a dimension (variable).

    +

    + When a graph contains more than one axis, an author should distinguish between the axes by using the aria-gtype property. User agents will be expected to use the aria-gtype + property when presenting information to a user and for differentiating between graph features. Two elements with a graphics-axis role with the same semanatic parent and no + aria-gtype or the same aria-gtype are defined as being part of the same axis. Two elements with a graphics-axis role with the same semanatic parent but + differing aria-gtype + are defined as being two separate axes. +

    +

    + Differentiating between axes using the aria-gtype can help users understand whether the axis is the x, y or z axis and help them understand which variable/data column is + associated with the axis. Differentiating between axes using aria-gtype can also affect how keyboard users navigate through the axes. This level of control is provided to + authors so they can convey and control how user agents perceive axes given the author may need to present mulitple y axis on opposite sides of the chart (ie left axis in inches, right + axis in cm), clustered sets of axes, 3 or more dimension axes and aligned axes shared by two charts in the same visualization. +

    + + 
     <g transform="translate(57 29)" role="graphics-axis" aria-gtype="y" aria-labelledby="yt" font-family="Arial">
   <path fill="none" d="m0 0v353"/>
   <text id="yt" x="176" y="-38" text-anchor="middle" font-weight="bold" transform="matrix(0-1 1 0 0 353)" >Sales
@@ -416,202 +480,212 @@ 
    Definition of Roles
    
     </g>
   </g>
 </g>
-
    -
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
    Characteristics:
    CharacteristicValue
    Is Abstract:
    Superclass Role:graphics-scale
    Subclass Roles:
    Base Concept:Chart axes
    Related Concepts:
    Required Context Role:
    Required Owned Elements:
    Required States and Properties:
    Supported States and Properties: -
    • aria-categories
    • aria-gtype
    • aria-valuemin
    • aria-valuemax
    -
    Inherited States and Properties:
    Name From:author
    Accessible Name Required:True
    Inherits Name Required:
    Children Presentational:
    Inherits Presentational:
    Implicit Value for Role:
    - -
    -
    - -
    - graphics-axistick -
    -

    A visible axis tick label.

    - - 
    +
    +
    + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    + Characteristics: +
    CharacteristicValue
    Is Abstract:
    Superclass Role:graphics-scale
    Subclass Roles:
    Base Concept:Chart axes
    Related Concepts:
    Required Context Role:
    Required Owned Elements:
    Required States and Properties:
    Supported States and Properties: +
      +
    • aria-categories
      • +
    • aria-gtype
      • +
    • aria-valuemin
      • +
    • aria-valuemax
      • +
    +
    Inherited States and Properties:
    Name From:author
    Accessible Name Required:True
    Inherits Name Required:
    Children Presentational:
    Inherits Presentational:
    Implicit Value for Role:
    +
    +
    + +
    + graphics-axistick +
    +

    A visible axis tick label.

    + + 
     
       <text x="-7.667" y="215.86"  role="graphics-axistick">200</text>
-
    -
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
    Characteristics:
    CharacteristicValue
    Is Abstract:
    Superclass Role:graphics-axis
    Subclass Roles:
    Base Concept:Chart axes
    Related Concepts:
    Required Context Role:
    Required Owned Elements:
    Required States and Properties:
    Supported States and Properties: -
    • aria-posinset
    • aria-setsize
    -
    Inherited States and Properties:
    Name From:content
    Accessible Name Required:False
    Inherits Name Required:
    Children Presentational: True
    Inherits Presentational:
    Implicit Value for Role:
    - -
    -
    - -
    - graphics-datagroup -
    -

    A semantic group for data. Group elements that do not have semantic meaning, should use a role of none.

    -

    For example, the group containing the graphics-dataitems in a scatterplot - represents the data feature of the chart and should have the role graphics-datagroup.

    -

    For example, in a stacked bar chart, the group containing all the stacks should have a role of graphics-datagroup - since the group represents the data feature of the chart. - Each group containing a stack of bars should have a role of graphics-datagroup as they represent a semantic object which can contain - data related information like the sum for the stack.

    -

    For example, in a pie chart the group containing all the pie wedges should have the role graphics-datagroup as it represents the data feature of the chart. However, - if the group containing all the pie wedges, has two child groups that are only there for style inheirtance, for instance to convey text anchor position to their - children, - then the two child groups are not semantic groups and should have a role of none. -

    - 
    +
    +
    + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    + Characteristics: +
    CharacteristicValue
    Is Abstract:
    Superclass Role:graphics-axis
    Subclass Roles:
    Base Concept:Chart axes
    Related Concepts:
    Required Context Role:
    Required Owned Elements:
    Required States and Properties:
    Supported States and Properties: +
      +
    • aria-posinset
      • +
    • aria-setsize
      • +
    +
    Inherited States and Properties:
    Name From:content
    Accessible Name Required:False
    Inherits Name Required:
    Children Presentational:True
    Inherits Presentational:
    Implicit Value for Role:
    +
    +
    + +
    + graphics-datagroup +
    +

    A semantic group for data. Group elements that do not have semantic meaning, should use a role of none.

    +

    + For example, the group containing the graphics-dataitems in a scatterplot represents the data feature of the chart and should have the role graphics-datagroup. +

    +

    + For example, in a stacked bar chart, the group containing all the stacks should have a role of graphics-datagroup since the group represents the data feature of the chart. + Each group containing a stack of bars should have a role of graphics-datagroup as they represent a semantic object which can contain data related information like the sum + for the stack. +

    +

    + For example, in a pie chart the group containing all the pie wedges should have the role graphics-datagroup as it represents the data feature of the chart. However, if the + group containing all the pie wedges, has two child groups that are only there for style inheirtance, for instance to convey text anchor position to their children, then the two child + groups are not semantic groups and should have a role of none. +

    + 
     <g role="graphics-datagroup">  
   <path d="m72.5 50.936h9v26.07h-9z" aria-label="270,000 shares traded on 7/28/80" role="graphics-dataitem" 
     aria-setsize='4' aria-posinset='1' >  
@@ -630,318 +704,319 @@ 
    Definition of Roles
    
     <title>630,000 shares traded on 7/31/80</title>
   </path>  
 </g> 
-
    -
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
    Characteristics:
    CharacteristicValue
    Is Abstract:False
    Superclass Role:group
    Subclass Roles:
    Base Concept:
    Related Concepts:graphics-dataitem
    Required Context Role:
    Required Owned Elements:
    Required States and Properties:
    Supported States and Properties: -
    • aria-gtype
    • aria-posinset
    • aria-setsize
    -
    Inherited States and Properties:
    Name From:author
    Accessible Name Required:True
    Inherits Name Required:
    Children Presentational:
    Inherits Presentational:
    Implicit Value for Role:
    -
    -
    - -
    - graphics-dataitem -
    -

    An object that represents a single data row or a single data entity. A graphics-dataitem may be further split into child components if needed. - For example, a graphics-dataitem for a box and whisker plot may contain the components of the box and whisker (fence, box, median) and each of the components would - be a graphics-dataitem. A set of graphics-dataitem may be ordered. If ordered, aria-posinset may be used to convey order.

    -

    The role graphics-dataitem is usually associated with charts, graphs, infographics and data visualizations. - Other domains like technical drawings may prefer using the role graphics-symbol.

    - - 
    +
    +
    + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    + Characteristics: +
    CharacteristicValue
    Is Abstract:False
    Superclass Role:group
    Subclass Roles:
    Base Concept:
    Related Concepts:graphics-dataitem
    Required Context Role:
    Required Owned Elements:
    Required States and Properties:
    Supported States and Properties: +
      +
    • aria-gtype
      • +
    • aria-posinset
      • +
    • aria-setsize
      • +
    +
    Inherited States and Properties:
    Name From:author
    Accessible Name Required:True
    Inherits Name Required:
    Children Presentational:
    Inherits Presentational:
    Implicit Value for Role:
    +
    +
    + +
    + graphics-dataitem +
    +

    + An object that represents a single data row or a single data entity. A graphics-dataitem may be further split into child components if needed. For example, a + graphics-dataitem for a box and whisker plot may contain the components of the box and whisker (fence, box, median) and each of the components would be a + graphics-dataitem. A set of graphics-dataitem may be ordered. If ordered, aria-posinset may be used to convey order. +

    +

    + The role graphics-dataitem is usually associated with charts, graphs, infographics and data visualizations. Other domains like technical drawings may prefer using the role + graphics-symbol. +

    + + 
       <path d="m188 15.01h9v61.995h-9z" aria-label="630,000 shares traded on 7/31/80"  role="graphics-dataitem">    
     <title>630,000 shares traded on 7/31/80</title>
   </path>  
-
    -
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
    Characteristics:
    CharacteristicValue
    Is Abstract:False
    Superclass Role:graphics-object
    Subclass Roles:
    Base Concept:
    Related Concepts:
      -
    • graphics-datagroup
      • -
    • graphics-symbol
      • -
    Required Context Role:
    Required Owned Elements:
    Required States and Properties:
    Supported States and Properties: -
    • aria-gtype
    • aria-posinset
    • aria-setsize
    -
    Inherited States and Properties:
    Name From:author
    Accessible Name Required:True
    Inherits Name Required:
    Children Presentational:
    Inherits Presentational:
    Implicit Value for Role:
    -
    -
    - -
    - graphics-dimensionline -
    -

    A line that defines the length of an object.

    - -
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
    Characteristics:
    CharacteristicValue
    Is Abstract:False
    Superclass Role:graphics-scale
    Subclass Roles:
    Base Concept:
    Related Concepts:dimension line
    Required Context Role:
    Required Owned Elements:
    Required States and Properties:
    Supported States and Properties: - aria-gtype -
    Inherited States and Properties:
    Name From:author
    Accessible Name Required:True
    Inherits Name Required:
    Children Presentational:
    Inherits Presentational:
    Implicit Value for Role:
    -
    -
    - -
    - graphics-document -
    -

    - A graphics document contains complex content - that a user should be able to explore. - Similar to document, - the graphical document may contain interactive widgets, - but is not itself interactive. - User agents may intercept user input - for the purposes of navigation. - A graphics document is distinct from other documents - in that the visual layout of the content has semantic meaning. - Navigation methods may take this into consideration. -

    -

    - Accessibility technologies that re-format a document - should avoid altering the layout of a graphical document. - For this reason, authors should limit the graphical document role - to regions for which layout has semantic meaning. - A collection of distinct graphics that can be re-arranged - without losing meaning - could instead be described as a graphics-figure - or a group. -

    -

    - Future specifications are expected to define - sub-classes of this role - for particular types of graphical documents, - such as charts or maps. -

    -

    - The editors have not finalized the name for this role. -

    -

    - To support user agents and assistive technologies - based on the ARIA 1.0 specification, - authors may wish to include the document role - as a fallback value, - in the form role="graphics-document document". -

    - 
    +          -->
    + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    + Characteristics: +
    CharacteristicValue
    Is Abstract:False
    Superclass Role:graphics-scale
    Subclass Roles:
    Base Concept:
    Related Concepts:dimension line
    Required Context Role:
    Required Owned Elements:
    Required States and Properties:
    Supported States and Properties: + aria-gtype +
    Inherited States and Properties:
    Name From:author
    Accessible Name Required:True
    Inherits Name Required:
    Children Presentational:
    Inherits Presentational:
    Implicit Value for Role:
    +
    +
    + +
    + graphics-document +
    +

    + A graphics document contains complex content that a user should be able to explore. Similar to document, the graphical document may contain interactive widgets, but is not + itself interactive. User agents may intercept user input for the purposes of navigation. A graphics document is distinct from other documents in that the visual layout of the content has + semantic meaning. Navigation methods may take this into consideration. +

    + +

    +

    + Accessibility technologies that re-format a document should avoid altering the layout of a graphical document. For this reason, authors should limit the graphical document role to + regions for which layout has semantic meaning. A collection of distinct graphics that can be re-arranged without losing meaning could instead be described as a + graphics-figure or a group. +

    +

    Future specifications are expected to define sub-classes of this role for particular types of graphical documents, such as charts or maps.

    +

    The editors have not finalized the name for this role.

    +

    + To support user agents and assistive technologies based on the ARIA 1.0 specification, authors may wish to include the document role as a fallback value, in the form + role="graphics-document document". +

    + 
     <!-- An SVG diagram of an electrical circuit -->
 <svg xmlns="http://www.w3.org/2000/svg" 
      width="400" height="200" viewBox="0 0 200 100"
@@ -972,125 +1047,109 @@ 
    Definition of Roles
    -
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
    Characteristics:
    CharacteristicValue
    Is Abstract: 
    Superclass Role:structure
    Subclass Roles: 
    Base Concept: 
    Related Concepts:
    Required Context Role: 
    Required Owned Elements:
    Required States and Properties: 
    Supported States and Properties: 
    Inherited States and Properties: 
    Name From:author
    Accessible Name Required:True
    Inherits Name Required:
    Children Presentational:False
    Inherits Presentational: 
    Implicit Value for Role: 
    -
    -
    - -
    - graphics-figure -
    -

    - A distinct perceivable section of the page, - that contributes essential meaning to the main page content, - but is not part of a continuous stream of surrounding text. - A graphics-figure can be shifted within the layout of the document - without disruption, - but it cannot be removed without losing meaning. -

    -

    - A figure often has a visible caption. - It may be referenced from the surrounding text - using a hyperlink or a numbered label. - Figures will often contain graphical content. - However, other content types - with a similar position in the document structure, - such as labelled code samples or audio elements, - would also be figures. - Figures may be nested, - if the nested figures are also likely - to be referenced as discrete units within the page. -

    -

    - The semantics of this role are intended to mirror - the native semantics of the - figure - element in [[HTML5]]. - It is expected that future versions of HTML - will make this the default semantic role for that element. -

    -

    - To support user agents and assistive technologies - based on the ARIA 1.0 specification, - authors may wish to include the region role - as a fallback value, - in the form role="graphics-figure region". -

    - 
    +
    + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    + Characteristics: +
    CharacteristicValue
    Is Abstract: 
    Superclass Role:structure
    Subclass Roles: 
    Base Concept: 
    Related Concepts:
    Required Context Role: 
    Required Owned Elements:
    Required States and Properties: 
    Supported States and Properties: 
    Inherited States and Properties: 
    Name From:author
    Accessible Name Required:True
    Inherits Name Required:
    Children Presentational:False
    Inherits Presentational: 
    Implicit Value for Role: 
    +
    +
    + +
    + graphics-figure +
    +

    + A distinct perceivable section of the page, that contributes essential meaning to the main page content, but is not part of a continuous stream of surrounding text. A + graphics-figure can be shifted within the layout of the document without disruption, but it cannot be removed without losing meaning. +

    +

    + A figure often has a visible caption. It may be referenced from the surrounding text using a hyperlink or a numbered label. Figures will often contain graphical content. However, other + content types with a similar position in the document structure, such as labelled code samples or audio elements, would also be figures. Figures may be nested, if the nested figures are + also likely to be referenced as discrete units within the page. +

    +

    + The semantics of this role are intended to mirror the native semantics of the + figure + element in [[HTML5]]. It is expected that future versions of HTML will make this the default semantic role for that element. +

    +

    + To support user agents and assistive technologies based on the ARIA 1.0 specification, authors may wish to include the region role as a fallback value, in the form + role="graphics-figure region". +

    + 
     <!-- Within an HTML 5 document -->
 <p><a href="#fig1">Figure 1</a> outlines the basic shape 
     elements available in SVG.  As shown in 1(d), a rectangle element 
@@ -1119,565 +1178,568 @@ 
    Definition of Roles
    -
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
    Characteristics:
    CharacteristicValue
    Is Abstract: 
    Superclass Role:region
    Subclass Roles: 
    Base Concept: - HTML figure
    Related Concepts:
    Required Context Role: 
    Required Owned Elements:
    Required States and Properties: 
    Supported States and Properties: 
    Inherited States and Properties: 
    Name From:author
    Accessible Name Required:True
    Inherits Name Required:
    Children Presentational:False
    Inherits Presentational: 
    Implicit Value for Role: 
    -
    -
    - -
    - graphics-edge -
    -

    A edge (connector) connects two data items, and may have a from/to relationship. - A edge may form a loop, that is the from and to may be the same item. graphics-edge - is the default role for the connector element.

    -

    - This role won't appear in the final spec and is temporarily here for completeness during discussions. This role is tied to - the connector element, which won't make it into SVG 2. -

    - - -
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
    Characteristics:
    CharacteristicValue
    Is Abstract:False
    Superclass Role:graphics-dataitem
    Subclass Roles:
    Base Concept:SVG Connector
    Related Concepts:
    Required Context Role:
    Required Owned Elements:
    Required States and Properties:
    Supported States and Properties: - aria-gtype -
    Inherited States and Properties:
    Name From:author
    Accessible Name Required:True
    Inherits Name Required:
    Children Presentational:
    Inherits Presentational:
    Implicit Value for Role:
    -
    -
    - - -
    - graphics-graticule -
    -

    A network of lines representing the earth's parallels of latitude and meridians of longitude.

    - +
    + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    + Characteristics: +
    CharacteristicValue
    Is Abstract:False
    Superclass Role:graphics-dataitem
    Subclass Roles:
    Base Concept:SVG Connector
    Related Concepts:
    Required Context Role:
    Required Owned Elements:
    Required States and Properties:
    Supported States and Properties: + aria-gtype +
    Inherited States and Properties:
    Name From:author
    Accessible Name Required:True
    Inherits Name Required:
    Children Presentational:
    Inherits Presentational:
    Implicit Value for Role:
    +
    +
    + +
    + graphics-graticule +
    +

    A network of lines representing the earth's parallels of latitude and meridians of longitude.

    + -
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
    Characteristics:
    CharacteristicValue
    Is Abstract:False
    Superclass Role:graphics-guide
    Subclass Roles:
    Base Concept:
    Related Concepts:
    Required Context Role:
    Required Owned Elements:
    Required States and Properties:
    Supported States and Properties: - aria-gtype -
    Inherited States and Properties:
    Name From:author
    Accessible Name Required:True
    Inherits Name Required:
    Children Presentational:
    Inherits Presentational:
    Implicit Value for Role:
    -
    -
    - - -
    - graphics-grid -
    -

    A network of lines of constant value, usually associated with a value on an axis.

    -
    + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    + Characteristics: +
    CharacteristicValue
    Is Abstract:False
    Superclass Role:graphics-guide
    Subclass Roles:
    Base Concept:
    Related Concepts:
    Required Context Role:
    Required Owned Elements:
    Required States and Properties:
    Supported States and Properties: + aria-gtype +
    Inherited States and Properties:
    Name From:author
    Accessible Name Required:True
    Inherits Name Required:
    Children Presentational:
    Inherits Presentational:
    Implicit Value for Role:
    +
    +
    + +
    + graphics-grid +
    +

    A network of lines of constant value, usually associated with a value on an axis.

    + -
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
    Characteristics:
    CharacteristicValue
    Is Abstract:False
    Superclass Role:graphics-guide
    Subclass Roles:
    Base Concept:
    Related Concepts:
    Required Context Role:
    Required Owned Elements:
    Required States and Properties:
    Supported States and Properties: - aria-gtype -
    Inherited States and Properties:
    Name From:author
    Accessible Name Required:True
    Inherits Name Required:
    Children Presentational:
    Inherits Presentational:
    Implicit Value for Role:
    -
    -
    - graphics-guide -
    -

    A guide object used to help interpret the graphic.

    -

    Even though there are several subclasses of graphics-guide, - graphics-guide is not an abstract role as there are situations where a subclass doesn't - meet the authors need. When graphics-guide is used - the aria-roledescription property - can be used to name the guide type - separately from the name and description - for the particular instance of the guide. -

    + -->
    + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    + Characteristics: +
    CharacteristicValue
    Is Abstract:False
    Superclass Role:graphics-guide
    Subclass Roles:
    Base Concept:
    Related Concepts:
    Required Context Role:
    Required Owned Elements:
    Required States and Properties:
    Supported States and Properties: + aria-gtype +
    Inherited States and Properties:
    Name From:author
    Accessible Name Required:True
    Inherits Name Required:
    Children Presentational:
    Inherits Presentational:
    Implicit Value for Role:
    +
    +
    + graphics-guide +
    +

    A guide object used to help interpret the graphic.

    +

    + Even though there are several subclasses of graphics-guide, graphics-guide is not an abstract role as there are situations where a subclass doesn't meet the + authors need. When graphics-guide is used the aria-roledescription property can be used to name the guide type separately from the name and description for the + particular instance of the guide. +

    -

    - The preceeding paragraph is dependent on - aria-roledescription being incorporated - into the ARIA 1.1 specification. -

    -
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
    Characteristics:
    CharacteristicValue
    Is Abstract:False
    Superclass Role:graphics-object
    Subclass Roles:
    Base Concept:
    Related Concepts:
    Required Context Role:
    Required Owned Elements:
    Required States and Properties:
    Supported States and Properties: - aria-gtype -
    Inherited States and Properties:
    Name From:author
    Accessible Name Required:True
    Inherits Name Required:
    Children Presentational:
    Inherits Presentational:
    Implicit Value for Role:
    -
    -
    - -
    - graphics-label -
    -

    A visible label.

    -

    If the author does not want the user to be able to navigate to the label, they should have - labeled object's aria-labelledby property reference the label and give the label a role of none - 

    +            
    The preceeding paragraph is dependent on aria-roledescription being incorporated into the ARIA 1.1 specification.
    
+
    + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    + Characteristics: +
    CharacteristicValue
    Is Abstract:False
    Superclass Role:graphics-object
    Subclass Roles:
    Base Concept:
    Related Concepts:
    Required Context Role:
    Required Owned Elements:
    Required States and Properties:
    Supported States and Properties: + aria-gtype +
    Inherited States and Properties:
    Name From:author
    Accessible Name Required:True
    Inherits Name Required:
    Children Presentational:
    Inherits Presentational:
    Implicit Value for Role:
    +
    +
    + +
    + graphics-label +
    +

    A visible label.

    +

    + If the author does not want the user to be able to navigate to the label, they should have labeled object's aria-labelledby property reference the label and give the label a + role of none +

    + + 
           <text x="-7.667" y="215.86"  role="graphics-label">200</text>
-
    -
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
    Characteristics:
    CharacteristicValue
    Is Abstract:False
    Superclass Role:graphics-object
    Subclass Roles:
    Base Concept:
    Related Concepts:
    Required Context Role:
    Required Owned Elements:
    Required States and Properties:
    Supported States and Properties: - aria-gtype -
    Inherited States and Properties:
    Name From:author
    Accessible Name Required:True
    Inherits Name Required:
    Children Presentational:True
    Inherits Presentational:
    Implicit Value for Role:
    - -
    -
    - -
    - graphics-legend -
    -

    A scale for data representation, commonly used on charts, maps, instructional drawings and the like. Legends may show any chart aesthetic (color, size, symbol, size, etc).

    -
    - 
    +
    +
    + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    + Characteristics: +
    CharacteristicValue
    Is Abstract:False
    Superclass Role:graphics-object
    Subclass Roles:
    Base Concept:
    Related Concepts:
    Required Context Role:
    Required Owned Elements:
    Required States and Properties:
    Supported States and Properties: + aria-gtype +
    Inherited States and Properties:
    Name From:author
    Accessible Name Required:True
    Inherits Name Required:
    Children Presentational:True
    Inherits Presentational:
    Implicit Value for Role:
    +
    +
    + +
    + graphics-legend +
    +

    A scale for data representation, commonly used on charts, maps, instructional drawings and the like. Legends may show any chart aesthetic (color, size, symbol, size, etc).

    +
    + 
      <g transform="translate(100)" role="graphics-legend" font-size="12" font-family="Arial,SanSerif" fill="transparent">  
    <path stroke-width="1" d="m0 0h40v144h-40z"/>  
    <path d="m16.5 1.5h7v14h-7z"/>   
@@ -1706,142 +1768,131 @@ 
    Definition of Roles
    
    </g>  
  </g>
   
-
    - - - - - - brand - - - - - - 1 - - - - - - - 2 - - - - - - - 3 - - - - -
    -
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
    Characteristics:
    CharacteristicValue
    Is Abstract:False
    Superclass Role:graphics-scale
    Subclass Roles:
    Base Concept:
    Related Concepts:
    Required Context Role:
    Required Owned Elements:
    Required States and Properties:
    Supported States and Properties: - aria-gtype -
    Inherited States and Properties:
    Name From:author
    Accessible Name Required:True
    Inherits Name Required:
    Children Presentational:
    Inherits Presentational:
    Implicit Value for Role:
    -
    -
    - -
    - graphics-object -
    -

    - A section of a graphical document - that represents a cohesive item or object - with component parts the user may wish to explore. - It is in contrast to a group of distinct related objects, - or an indivisible img or graphics-symbol component. -

    - -

    - The editors have not finalized the name for this role. -

    -

    - To support user agents and assistive technologies - based on the ARIA 1.0 specification, - authors may wish to include the group role - as a fallback value, - in the form role="graphics-object group". -

    - 
    +
    + + + + + brand + + + + + 1 + + + + + + 2 + + + + + + 3 + + + +
    +
    + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    + Characteristics: +
    CharacteristicValue
    Is Abstract:False
    Superclass Role:graphics-scale
    Subclass Roles:
    Base Concept:
    Related Concepts:
    Required Context Role:
    Required Owned Elements:
    Required States and Properties:
    Supported States and Properties: + aria-gtype +
    Inherited States and Properties:
    Name From:author
    Accessible Name Required:True
    Inherits Name Required:
    Children Presentational:
    Inherits Presentational:
    Implicit Value for Role:
    +
    +
    + +
    + graphics-object +
    +

    + A section of a graphical document that represents a cohesive item or object with component parts the user may wish to explore. It is in contrast to a group of distinct + related objects, or an indivisible img or graphics-symbol component. +

    + +

    The editors have not finalized the name for this role.

    +

    + To support user agents and assistive technologies based on the ARIA 1.0 specification, authors may wish to include the group role as a fallback value, in the form + role="graphics-object group". +

    + 
     <g role="graphics-object group"
    aria-labelledby="house-label"
    transform="translate(100,325)">
@@ -1918,233 +1969,213 @@ 
    Definition of Roles
    -
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    Characteristics:
    CharacteristicValue
    Is Abstract: 
    Superclass Role:section
    Subclass Roles: 
    Base Concept: 
    Related Concepts: -
      + + + + + + + + + + + + + + + + + + + + + + + + + + + + + - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
      + Characteristics: +
      CharacteristicValue
      Is Abstract: 
      Superclass Role:section
      Subclass Roles: 
      Base Concept: 
      Related Concepts: +
      • graphics-document
      • group
      • img
      • graphics-symbol
        • -
      -
      Required Context Role: 
      Required Owned Elements:
      Required States and Properties: 
      Supported States and Properties: 
      Inherited States and Properties: 
      Name From: -
        -
      • author
        • -
      • contents
        • -
      -
      Accessible Name Required:False
      Inherits Name Required:
      Children Presentational:False
      Inherits Presentational: 
      Implicit Value for Role: 
      - -
      - - -
      - graphics-scale -
      -

      A type of guide object, usually a reference for measuring.

      -

      Even though there are several subclasses of graphics-scale, - graphics-scale is not an abstract role as there are situations where a subclass doesn't - meet the authors need. When graphics-scale is used - the aria-roledescription property - can be used to name the guide type - separately from the name and description - for the particular instance of the guide. -

      +
    +
    Required Context Role: 
    Required Owned Elements:
    Required States and Properties: 
    Supported States and Properties: 
    Inherited States and Properties: 
    Name From: +
      +
    • author
      • +
    • contents
      • +
    +
    Accessible Name Required:False
    Inherits Name Required:
    Children Presentational:False
    Inherits Presentational: 
    Implicit Value for Role: 
    +
    +
    -

    - The preceeding paragraph is dependent on - aria-roledescription being incorporated - into the ARIA 1.1 specification. -

    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
    Characteristics:
    CharacteristicValue
    Is Abstract:False
    Superclass Role:graphics-guide
    Subclass Roles:
    Base Concept:
    Related Concepts:
    Required Context Role:
    Required Owned Elements:
    Required States and Properties:
    Supported States and Properties: - aria-gtype -
    Inherited States and Properties:
    Name From:author
    Accessible Name Required:True
    Inherits Name Required:
    Children Presentational:
    Inherits Presentational:
    Implicit Value for Role:
    - -
    -
    - graphics-symbol -
    -

    - A graphic used to convey a simple meaning or category, - where the meaning is more important - than the particular visual appearance. - It may be a component of a larger structured graphic - such as a chart or map. - The symbol itself is an atomic object; - children are presentational. -

    -

    - When used as part of a structured symbolic language, - the aria-roledescription property - can be used to name the symbol type - separately from the name and description - for the particular instance of the symbol. -

    -

    - The preceeding paragraph is dependent on - aria-roledescription being incorporated - into the ARIA 1.1 specification. -

    -

    - To support user agents and assistive technologies - based on the ARIA 1.0 specification, - authors may wish to include the img role - as a fallback value, - in the form role="graphics-symbol img", - if that is not already the default semantic role for the element. -

    - 
    +
    + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    + Characteristics: +
    CharacteristicValue
    Is Abstract:False
    Superclass Role:graphics-guide
    Subclass Roles:
    Base Concept:
    Related Concepts:
    Required Context Role:
    Required Owned Elements:
    Required States and Properties:
    Supported States and Properties: + aria-gtype +
    Inherited States and Properties:
    Name From:author
    Accessible Name Required:True
    Inherits Name Required:
    Children Presentational:
    Inherits Presentational:
    Implicit Value for Role:
    +
    +
    +
    + graphics-symbol +
    +

    + A graphic used to convey a simple meaning or category, where the meaning is more important than the particular visual appearance. It may be a component of a larger structured graphic + such as a chart or map. The symbol itself is an atomic object; children are presentational. +

    +

    + When used as part of a structured symbolic language, the aria-roledescription property can be used to name the symbol type separately from the name and description for the + particular instance of the symbol. +

    +

    The preceeding paragraph is dependent on aria-roledescription being incorporated into the ARIA 1.1 specification.

    +

    + To support user agents and assistive technologies based on the ARIA 1.0 specification, authors may wish to include the img role as a fallback value, in the form + role="graphics-symbol img", if that is not already the default semantic role for the element. +

    + 
     <!-- Within an HTML document listing a restaurant menu -->
 <h2>Appetizers</h2>
 <ul>
@@ -2157,8 +2188,9 @@ 
    Definition of Roles
    
     </li>
     <!-- … -->
 </ul>
-
    - 
    +
    + 
     <!-- Within an SVG diagram of an electrical circuit -->
 <g id="lightbulb-1" role="graphics-symbol img" 
    aria-roledescription="load" 
@@ -2175,7 +2207,7 @@ 
    Definition of Roles
    - 
    +            
     <!-- Within an architectural blueprint-style SVG diagram -->
 <g role="graphics-symbol img">
     <title>Door</title>
@@ -2195,217 +2227,196 @@ 
    Definition of Roles
    
 
 
 
    
-
-
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
    Characteristics:
    CharacteristicValue
    Is Abstract: 
    Superclass Role:img
    Subclass Roles: 
    Base Concept: 
    Related Concepts:symbol
    Required Context Role: 
    Required Owned Elements:
    Required States and Properties: 
    Supported States and Properties: 
    Inherited States and Properties: 
    Name From:author
    Accessible Name Required:True
    Inherits Name Required:
    Children Presentational:True
    Inherits Presentational: 
    Implicit Value for Role: 
    -
    -
    -
    - graphics-timedata -
    -

    Something defined or marked by an instant of time or time interval.

    - -
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
    Characteristics:
    CharacteristicValue
    Is Abstract:False
    Superclass Role:graphics-dataitem
    Subclass Roles:
    Base Concept:
    Related Concepts:
    Required Context Role:
    Required Owned Elements:
    Required States and Properties:
    Supported States and Properties:
    Inherited States and Properties:
    Name From:author
    Accessible Name Required:True
    Inherits Name Required:
    Children Presentational:
    Inherits Presentational:
    Implicit Value for Role:
    -
    -
    - -
    - img -
    -

    - The definitive role definition for img is img. -

    -

    The use of img in the graphics context is slightly different - than that used outside of it due to the semantics available for drawings. - An img can contain - multiple drawing objects or image files - that when viewed together give the impression of a single image. - However, an img represents an indivisible component - within a document for navigation purposes. - If the child elements are arranged - in a semantically rich structure - that users may wish to navigate through, - authors should use a graphics-figure - or graphics-document role instead. -

    -

    - The element with the img role - may also contain captions and descriptive text within child elements, - if those elements participate in - the accessible name or description calculation for that element. - To ensure that elements with a role of img - are perceivable, - authors MUST provide alternative text or a label - determined by the accessible name calculation. - Authors SHOULD also provide an accessible description - that conveys the complete meaning of the image. - If the image is purely symbolic, - and the visual details are not relevant, - the graphics-symbol role is more appropriate. - If the image is used as a direct substitute - for a short word or phrase within a sentence, - the text role is appropriate. -

    -

    - The img role was first defined in ARIA 1.0. - This specification modifies that definition - in a backwards-compatible way, - to clarify the distinction between images - and other graphical roles. -

    - 
    +          -->
    + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    + Characteristics: +
    CharacteristicValue
    Is Abstract:False
    Superclass Role:graphics-dataitem
    Subclass Roles:
    Base Concept:
    Related Concepts:
    Required Context Role:
    Required Owned Elements:
    Required States and Properties:
    Supported States and Properties:
    Inherited States and Properties:
    Name From:author
    Accessible Name Required:True
    Inherits Name Required:
    Children Presentational:
    Inherits Presentational:
    Implicit Value for Role:
    +
    +
    + +
    + img +
    +

    The definitive role definition for img is img.

    +

    + The use of img in the graphics context is slightly different than that used outside of it due to the semantics available for drawings. An img can contain + multiple drawing objects or image files that when viewed together give the impression of a single image. However, an img represents an indivisible + component within a document for navigation purposes. If the child elements are arranged in a semantically rich structure that users may wish to navigate through, authors should use a + graphics-figure or graphics-document role instead. +

    +

    + The element with the img role may also contain captions and descriptive text within child elements, if those elements participate in the accessible name or description + calculation for that element. To ensure that elements with a role of img are perceivable, authors MUST provide alternative text or a label determined by the + accessible name calculation. Authors SHOULD also provide an accessible description that conveys the complete meaning of the image. If the image is purely + symbolic, and the visual details are not relevant, the graphics-symbol role is more appropriate. If the image is used as a direct substitute for a short word or phrase + within a sentence, the text role is appropriate. +

    +

    + The img role was first defined in ARIA 1.0. This specification modifies that definition in a backwards-compatible way, to clarify the distinction between images and other + graphical roles. +

    + 
     <!-- Within an HTML 5 document, an inline SVG
     may sometimes represent an atomic img -->
 <p>A repeating SVG gradient is defined using the
@@ -2430,7 +2441,7 @@ 
    Definition of Roles
    - 
    +            
     <!-- Within the fallback DOM dynamically constructed
      for an HTML 5 canvas game,
      elements may represent the different images
@@ -2451,203 +2462,217 @@ 
    Definition of Roles
    
    </p>
    <!-- more DOM elements representing game controls -->
 </canvas>
-
    
-
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
    Characteristics:
    CharacteristicValue
    Is Abstract: 
    Superclass Role:section
    Subclass Roles:Placeholder
    Base Concept: 
    Related Concepts: - -
    Required Context Role: 
    Required Owned Elements: 
    Required States and Properties: 
    Supported States and Properties: 
    Inherited States and Properties:Placeholder
    Name From:author
    Accessible Name Required:True
    Inherits Name Required: 
    Children Presentational:True
    Inherits Presentational: 
    -
    -
    -
    -
    -
    -

    States and Properties

    -

    WAI-ARIA provides a collection of accessibility state and properties which are used to support platform accessibility APIs on various - operating system platforms. Assistive technologies may access this information through an exposed user agent DOM or through a mapping - to the platform accessibility API. When combined with roles, the user agent can supply the assistive technologies with user interface - information to convey to the user at any time. Changes in states or properties will result in a notification to assistive technologies, - which could alert the user that a change has occurred.

    -

    Assistive technology may use aria-gtype as an adjective for the role in name calculation.

    -
    -

    Managing navigation

    -

    Roles, states and properties can be used to manage graphics navigation. Properties can be used to manage navigation behavior and - differentiate between graphics features with the same role and same semantic parent. Customized navigation behavior may be needed when - statistics produce multiple data columns. For example, data for a box and whisker plot are produced by statistics, and - the statistic produces columns for the fence, box, median and outliers. Outliers can be classified in more than one way and - different statistics can produce different flavors of boxes and fences and outliers. The semantics of the statistic need to be accurately - communicated to the user during exploration. Charts, instructional diagrams, chemical models and maps are examples of graphics that - may need customizable navigation. -

    -

    The following properties can modify navigation behavior: -

      -
    • aria-gtype
      • -
    -

    - It has not been decided what mechanism, if any, will cue navigation changes. -

    -
    -
    -

    Definitions of States and Properties

    -

    Below is a list of properties that can be used with graphics roles. A detailed definition of each state and property - follows this compact list.

    -

    Placeholder for index of states and properties

    -
    - -
    - aria-categories -
    -

    A list of categories.

    -
    - - - - - - - - - - - - - - - - - - - - - - - - - - -
    Characteristics:
    CharacteristicValue
    Related Concepts:
    Used in Roles:Placeholder
    Inherits into Roles:Placeholder
    Value:string
    -
    -
    - -
    - aria-gtype -
    -

    A differentiator for graphics features with the same role and semantic parent.

    -
    - - - - - - - - - - - - - - - - - - - - - - - - - - -
    Characteristics:
    CharacteristicValue
    Related Concepts:
    Used in Roles:Placeholder
    Inherits into Roles:Placeholder
    Value:string
    -
    - -
    -
    -
    -

    Schemata

    -

    The HTML Working Group has incorporated the WAI-ARIA attributes into HTML 5. Official support for WAI-ARIA in HTML is provided in that specification.

    -

    Validation support for the roles defined in this module will be added once the specification reaches recommendation.

    -

    For information on incorporating WAI-ARIA into other grammars, refer to Appendix A of [[!WAI-ARIA]]

    -

    Review whether any additional schemata are necessary for this module.

    -
    -
    -

    Change Log

    -

    A detailed history of changes committed is available from the github repository for this document. When drafts of this document begin to stabilise, human-readable change logs will be incorporated.

    - -
    -
    -

    WAI-ARIA Role, State, and Property Quick Reference

    -

    The following table provides a quick reference to the supported states and properties for all WAI-ARIA roles that may be used in markup.

    -
    -

    In addition to the states and properties shown in the table, the following global states and properties are supported on all roles.

    -

    Placeholder for global states and properties

    -
    -

    Placeholder for quick reference table

    -
    -
    -

    Acknowledgments

    -

    The following people contributed to the development of this document.

    -
    -

    Participants active in the SVG accessibility task force at the time of publication

    -
      -
    • Amelia Bellamy-Royds (Invited expert)
      • -
    • Fred Esch (IBM Corporation)
      • -
    • Charles McCathieNevile (Yandex)
      • -
    • Charu Pandhi (IBM Corporation)
      • -
    • Doug Schepers (W3C Staff)
      • -
    • Richard Schwerdtfeger (Knowbility)
      • -
    • Léonie Watson (The Paciello Group)
      • -
    • Jason White (Educational Testing Service)
      • -
    -
    -
    -

    Participants active in the PFWG at the time of publication

    -
      -
    • Christy Blew (University of Illinois at Urbana-Champaign)
      • -
    • David Bolter (Mozilla Foundation)
      • -
    • Michael Cooper (W3C/MIT)
      • -
    • James Craig (Apple Inc.)
      • -
    • Joanmarie Diggs (Igalia)
      • -
    • Fred Esch (IBM Corporation)
      • -
    • Steve Faulkner (The Paciello Group)
      • -
    • John Foliot (Invited Expert)
      • -
    • Christopher Gallelo (Microsoft Corporation)
      • -
    • Bryan Garaventa (SSB BART Group)
      • -
    • Scott González (JQuery Foundation)
      • -
    • Billy Gregory (The Paciello Group)
      • -
    • Karl Groves (The Paciello Group)
      • -
    • Jon Gunderson (University of Illinois at Urbana-Champaign)
      • -
    • Birkir Gunnarsson (Deque Systems, Inc.)
      • -
    • Markus Gylling (DAISY Consortium)
      • -
    • Mona Heath (University of Illinois at Urbana-Champaign)
      • -
    • Susann Keohane (IBM Corporation)
      • -
    • Matthew King (IBM Corporation)
      • -
    • Jason Kiss (Department of Internal Affairs, New Zealand Government)
      • -
    • Dominic Mazzoni (Google, Inc.)
      • -
    • Shane McCarron (Invited Expert, Aptest)
      • -
    • Charles McCathieNevile (Yandex)
      • -
    • Mary Jo Mueller (IBM Corporation)
      • -
    • James Nurthen (Oracle Corporation)
      • -
    • Janina Sajka (Invited Expert, The Linux Foundation)
      • -
    • Joseph Scheuhammer (Invited Expert, Inclusive Design Research Centre, OCAD University)
      • -
    • Stefan Schnabel (SAP AG)
      • -
    • Richard Schwerdtfeger (Knowbility)
      • -
    • Lisa Seeman (Invited Expert)
      • -
    • Cynthia Shelly (Microsoft Corporation)
      • -
    • Alexander Surkov (Mozilla Foundation)
      • -
    • Léonie Watson (The Paciello Group)
      • -
    • Jason White (Educational Testing Service)
      • -
    • Marco Zehe (Mozilla Foundation)
      • -
    • Gottfried Zimmermann (Invited Expert, Access Technologies Group)
      • -
    -
    -
    -
    - +
    +
    +

    WAI-ARIA Role, State, and Property Quick Reference

    +

    The following table provides a quick reference to the supported states and properties for all WAI-ARIA roles that may be used in markup.

    +
    +

    In addition to the states and properties shown in the table, the following global states and properties are supported on all roles.

    +

    Placeholder for global states and properties

    +
    +

    Placeholder for quick reference table

    +
    +
    +

    Acknowledgments

    +

    The following people contributed to the development of this document.

    +
    +

    Participants active in the SVG accessibility task force at the time of publication

    +
      +
    • Amelia Bellamy-Royds (Invited expert)
      • +
    • Fred Esch (IBM Corporation)
      • +
    • Charles McCathieNevile (Yandex)
      • +
    • Charu Pandhi (IBM Corporation)
      • +
    • Doug Schepers (W3C Staff)
      • +
    • Richard Schwerdtfeger (Knowbility)
      • +
    • Léonie Watson (The Paciello Group)
      • +
    • Jason White (Educational Testing Service)
      • +
    +
    +
    +

    Participants active in the PFWG at the time of publication

    +
      +
    • Christy Blew (University of Illinois at Urbana-Champaign)
      • +
    • David Bolter (Mozilla Foundation)
      • +
    • Michael Cooper (W3C/MIT)
      • +
    • James Craig (Apple Inc.)
      • +
    • Joanmarie Diggs (Igalia)
      • +
    • Fred Esch (IBM Corporation)
      • +
    • Steve Faulkner (The Paciello Group)
      • +
    • John Foliot (Invited Expert)
      • +
    • Christopher Gallelo (Microsoft Corporation)
      • +
    • Bryan Garaventa (SSB BART Group)
      • +
    • Scott González (JQuery Foundation)
      • +
    • Billy Gregory (The Paciello Group)
      • +
    • Karl Groves (The Paciello Group)
      • +
    • Jon Gunderson (University of Illinois at Urbana-Champaign)
      • +
    • Birkir Gunnarsson (Deque Systems, Inc.)
      • +
    • Markus Gylling (DAISY Consortium)
      • +
    • Mona Heath (University of Illinois at Urbana-Champaign)
      • +
    • Susann Keohane (IBM Corporation)
      • +
    • Matthew King (IBM Corporation)
      • +
    • Jason Kiss (Department of Internal Affairs, New Zealand Government)
      • +
    • Dominic Mazzoni (Google, Inc.)
      • +
    • Shane McCarron (Invited Expert, Aptest)
      • +
    • Charles McCathieNevile (Yandex)
      • +
    • Mary Jo Mueller (IBM Corporation)
      • +
    • James Nurthen (Oracle Corporation)
      • +
    • Janina Sajka (Invited Expert, The Linux Foundation)
      • +
    • Joseph Scheuhammer (Invited Expert, Inclusive Design Research Centre, OCAD University)
      • +
    • Stefan Schnabel (SAP AG)
      • +
    • Richard Schwerdtfeger (Knowbility)
      • +
    • Lisa Seeman (Invited Expert)
      • +
    • Cynthia Shelly (Microsoft Corporation)
      • +
    • Alexander Surkov (Mozilla Foundation)
      • +
    • Léonie Watson (The Paciello Group)
      • +
    • Jason White (Educational Testing Service)
      • +
    • Marco Zehe (Mozilla Foundation)
      • +
    • Gottfried Zimmermann (Invited Expert, Access Technologies Group)
      • +
    +
    +
    +
    + diff --git a/index.html b/index.html index 49de44e..0d40b4c 100644 --- a/index.html +++ b/index.html @@ -1,408 +1,444 @@ - - -WAI-ARIA Graphics Module - - - - - - - + + + + + + - - - -
    -

    Assistive technologies need semantic information about the structures and expected behaviors of a document in order to convey appropriate information to persons with disabilities. This specification defines a WAI-ARIA 1.1 [[WAI-ARIA-1.1]] module of core roles specific to web graphics. These semantics allow an author to express the logical structure of the graphic to assistive technologies in order improve accessibility of graphics. Assistive technologies could then enable semantic navigation and adapt styling and interactive features, to provide an optimal experience for the audience. These features complement the graphics and document structure elements defined by HTML [[HTML52]] and SVG [[SVG2]].

    -

    This document is part of the WAI-ARIA suite described in the WAI-ARIA Overview.

    -
    -
    -

    This is an Editor's Draft of WAI-ARIA Graphics Module 1.0 by the SVG Accessibility Taskforce, a joint task force of the Accessible Rich Internet Applications Working Group and the SVG Working Group.

    -

    Feedback on any aspect of the specification is accepted. For this publication, the SVG Accessibility Task Force particularly seeks feedback on the following questions:

    -
      -
    • Are proposed roles clear and appropriate to the needs of interactive graphics?
      • -
    • Is the relationship of this specification to WAI-ARIA 1.1 clear?
      • -
    -

    To comment, file an issue in the W3C graphics-aria GitHub repository. If this is not feasible, send email to public-aria@w3.org (comment archive). In-progress updates to the document may be viewed in the publicly visible editors' draft.

    -
    -
    -
    -
    -

    Introduction

    -

    WAI-ARIA is a technical specification that provides a framework to improve the accessibility and interoperability of web content and applications. It enables web browsers to map the accessibility semantics in web content to platform-specific accessibility APIs. This enables web content to be interoperable with platform assistive technologies, similar to native platform applications, without requiring authors to include platform dependencies.

    -

    This specification is a modular extension of WAI-ARIA [[WAI-ARIA-1.1]] designed to support graphics. The goals of this specification include:

    -
      -
    • Expanding WAI-ARIA to produce semantic extensions to support structured graphics such as charts, graphs, maps, technical drawings and scientific diagrams. It has applicability to both Scalable Vector Graphics as well as HTML 5 Canvas and graphics produced with CSS styling of HTML and other markup languages.
      • -
    • Align with a new governance model for modularization and extensions to WAI-ARIA.
      • -
    • Provide structural semantics extensions that will support both assistive technologies and enable semantic navigation, alternative styling, and interactivity support.
      • -
    • Work in harmony with SVG 2 and ARIA 1.1 to get consistent working accessibility infrastructure, on par with WAI-ARIA and HTML 5.2, across all the major browsers.
      • -
    -

    This specification defines the core roles that would be used in all structured graphics or diagrams. - It establishes the default roles that can be used to describe graphical markup elements such as shapes and canvases. - In combination with WAI-ARIA attributes to provide alternative text and to indicate relationships between elements, this provides a framework for annotating many figures and diagrams. - Future work will expand on this framework to enable more detailed annotation of data-rich graphics such as charts or maps.

    -

    For a more detailed explanation of WAI-ARIA please refer to the WAI-ARIA Introduction and how it applies to Rich Internet Application Accessibility.

    - -
    -

    Target Audience

    -

    This specification defines a module of WAI-ARIA for graphics, consisting of graphics-specific element roles. It impacts several audiences:

    -
      -
    • User agents that process content containing WAI-ARIA and graphics WAI-ARIA features;
      • -
    • Assistive technologies that provide specialized reading experiences to users with disabilities;
      • -
    • Authors of web graphics;
      • -
    • Authoring tools that help authors create conforming graphics; and
      • -
    • Conformance checkers, that verify appropriate use of WAI-ARIA and this WAI-ARIA Graphics module.
      • -
    -

    Each conformance requirement indicates the audience to which it applies.

    - -
    - -
    -

    User Agent Support

    -

    This module follows the general User Agent support principles defined in WAI-ARIA [[WAI-ARIA-1.1]]. - The roles defined here do not require any change in behavior by user agents other than in the information exposed to the accessibility API. - However, the semantics defined here provide the ability for user agents to enhance the general user interface presented to readers. - For example, a user agent may provide alternative keyboard navigation suitable to a graphical environment, or may allow users to extract a copy of a graphic from a larger document.

    -
    - -
    -

    Co-Evolution of WAI-ARIA and Host Languages

    -

    The WAI-ARIA Graphics module follows the model for co-evolution of WAI-ARIA and host languages defined in WAI-ARIA [[WAI-ARIA-1.1]]. It is intended to augment semantics in supporting languages like HTML [[HTML52]], SVG [[SVG2]] and EPUB, or to be used as an accessibility enhancement technology in other markup-based languages that do not explicitly include support for ARIA. - WAI-ARIA roles clarify semantics to assistive technologies when authors create new types of objects, via style and script, or use markup languages which describe the visual appearance of a document rather than its meaning.

    -

    Although markup languages may provide some of these semantics natively, it is expected that there will be a persistent need for the semantics provided by the WAI-ARIA Graphics module. - Some host languages exist to create semantics for features other than the user interface. For example, SVG expresses the semantics behind production of graphical objects, not of user interface components that those objects may represent. Host languages such as these might, by design, not provide native semantics that map to all of this specification's features. In these host languages, the WAI-ARIA Graphics module could be adopted as a long-term approach to add semantic information.

    -
    - -
    -

    Authoring Practices

    -
    -

    Authoring Tools

    -

    Many of the requirements in the definitions of the WAI-ARIA and Graphics WAI-ARIA roles, states and properties can be checked automatically during the development process, similar to other quality control processes used for validating code. To assist authors who are creating graphics, these tools can compare the semantic structure of Graphics WAI-ARIA roles from the DOM to that defined in this specification and notify the author of errors or simply create templates that enforce that structure.

    -
    - -
    -

    Testing Practices and Tools

    -

    The accessibility of interactive content cannot be confirmed by static checks alone. Developers of interactive content should test for device-independent access to widgets and applications, and should verify accessibility API access to all content and changes during user interaction.

    -
    -
    - -
    -

    Assistive Technologies

    -

    Programmatic access to accessibility semantics is essential for assistive technologies. For more information, refer to the Assistive Technologies section in WAI-ARIA [[WAI-ARIA-1.1]].

    -

    For the graphics roles in particular, two categories of assistive technology are particularly relevant, but have different needs:

    + } + + + +
    +

    + Assistive technologies need semantic information about the structures and expected behaviors of a document in order to convey appropriate information to persons with disabilities. This + specification defines a WAI-ARIA 1.1 [[WAI-ARIA-1.1]] module of core roles + specific to web graphics. These semantics allow an author to express the logical structure of the graphic to assistive technologies in order improve accessibility of graphics. Assistive + technologies could then enable semantic navigation and adapt styling and interactive features, to provide an optimal experience for the audience. These features complement the graphics and + document structure elements defined by HTML [[HTML52]] and SVG [[SVG2]]. +

    +

    + This document is part of the WAI-ARIA suite described in the + WAI-ARIA Overview. +

    +
    +
    +

    + This is an Editor's Draft of WAI-ARIA Graphics Module 1.0 by the + SVG Accessibility Taskforce, a joint task force of the + Accessible Rich Internet Applications Working Group and the SVG Working Group. +

    +

    + Feedback on any aspect of the specification is accepted. For this publication, the SVG Accessibility Task Force particularly seeks feedback on the + following questions: +

    +
      +
    • Are proposed roles clear and appropriate to the needs of interactive graphics?
      • +
    • Is the relationship of this specification to WAI-ARIA 1.1 clear?
      • +
    +

    + To comment, file an issue in the W3C graphics-aria GitHub repository. If this is not feasible, send email to + public-aria@w3.org (comment archive). + In-progress updates to the document may be viewed in the publicly visible editors' draft. +

    +
    +
    +
    +

    Introduction

    +

    + WAI-ARIA is a technical specification that provides a framework to improve the accessibility and interoperability of web content and + applications. It enables web browsers to map the accessibility semantics in web content to platform-specific accessibility APIs. This enables web content to be interoperable with platform + assistive technologies, similar to native platform applications, without requiring authors to include platform dependencies. +

    +

    + This specification is a modular extension of WAI-ARIA [[WAI-ARIA-1.1]] designed to support graphics. The goals of this specification + include: +

    +
      +
    • + Expanding WAI-ARIA to produce semantic extensions to support structured graphics such as charts, graphs, maps, technical drawings and scientific diagrams. It has applicability to both + Scalable Vector Graphics as well as HTML 5 Canvas and graphics produced with CSS styling of HTML and other markup languages. +
      • +
    • Align with a new governance model for modularization and extensions to WAI-ARIA.
      • +
    • Provide structural semantics extensions that will support both assistive technologies and enable semantic navigation, alternative styling, and interactivity support.
      • +
    • + Work in harmony with SVG 2 and ARIA 1.1 to get consistent working accessibility infrastructure, on par with WAI-ARIA and HTML 5.2, + across all the major browsers. +
      • +
    +

    + This specification defines the core roles that would be used in all structured graphics or diagrams. It establishes the default roles that can be used to describe graphical markup elements + such as shapes and canvases. In combination with WAI-ARIA attributes to provide alternative text and to indicate relationships between elements, this provides a framework for annotating many + figures and diagrams. Future work will expand on this framework to enable more detailed annotation of data-rich graphics such as charts or maps. +

    +

    + For a more detailed explanation of WAI-ARIA please refer to the + WAI-ARIA Introduction and how it applies to Rich Internet Application Accessibility. +

    + +
    +

    Target Audience

    +

    + This specification defines a module of WAI-ARIA for graphics, consisting of graphics-specific element roles. It impacts several audiences: +

      -
    • Text-based presentations, such as screen readers, braille displays, and text-only displays or printers. These technologies need to replace a complex graphic with semantic text descriptions, preserving any meaningful structure and relationships between components. -
      • -
    • Alternative graphical presentations, such as colour-adjusted displays, screen magnifiers, large print documents, or embossing printers with graphic support. These technologies need to distinguish between graphical features which are primarily decorative and those which are essential for conveying the meaning of the content.
      • +
    • + User agents that process content containing WAI-ARIA and graphics + WAI-ARIA features; +
      • +
    • Assistive technologies that provide specialized reading experiences to users with disabilities;
      • +
    • Authors of web graphics;
      • +
    • Authoring tools that help authors create conforming graphics; and
      • +
    • + Conformance checkers, that verify appropriate use of WAI-ARIA and this + WAI-ARIA Graphics module. +
    -

    The role descriptions suggest which features of an element with that role are considered semantically important and should be conveyed to the reader whenever possible.

    -
    -
    -
    -

    Conformance

    -

    The main content of this specification is normative and defines requirements that impact conformance claims. Introductory material, appendices, sections marked as "non-normative" and their subsections, diagrams, examples, and notes are informative (non-normative). Non-normative material provides advisory information to help interpret the guidelines but does not create requirements that impact a conformance claim.

    -

    Normative sections provide requirements that user agents must follow for an implementation to conform to this specification. The keywords MUST, MUST NOT, REQUIRED, SHALL, SHALL NOT, SHOULD, RECOMMENDED, MAY, and OPTIONAL in this document are to be interpreted as described in Keywords for use in RFCs to indicate requirement levels [[!RFC2119]]. RFC-2119 keywords are formatted in uppercase and contained in an element with class="rfc2119". When the keywords shown above are used, but do not share this format, they do not convey formal information in the RFC 2119 sense, and are merely explanatory, i.e., informative. As much as possible, such usages are avoided in this specification.

    -

    Normative sections provide requirements that authors, user agents and assistive technologies MUST follow for an implementation to conform to this specification.

    -

    Non-normative (informative) sections provide information useful to understanding the specification. Such sections may contain examples of recommended practice, but it is not required to follow such recommendations in order to conform to this specification.

    -
    -
    -

    Graphics Roles

    -

    - This section defines additions to the - WAI-ARIA - role taxonomy - and describes the characteristics and properties of all roles. - See ARIA Roles for descriptions - of the fields provided by this module. -

    -

    - Authors are given the ability to influence what is presented - to assistive technologies and to influence navigation through - the use of roles and properties. - This includes the ability to mark elements as having no semantic importance. - With graphics, there are many - cases where presenting and navigating every element will make the - graphic harder to understand and use. -

    -

    - Authors may mark elements for exclusion - from the semantic representation of the document - (the accessibility tree) by assigning - the role none or presentation. - The element with this role should be treated transparently - by assistive technologies, as if its children or text content - were directly contained by its parent element. - In addition, certain roles, - such as img or graphics-symbol, - when assigned to a parent element, will cause all child - DOM structure to be omitted from the accessibility tree. - This is indicated by the "Children Presentational" - value in the role characteristics table. - Finally, the native semantics of the graphics language - may also default to ignoring DOM structure that does not have - semantic data attached; for SVG, this is defined in the SVG Accessibility API Mappings specification [[SVG-AAM-1.0]]. -

    -

    - In all cases, to be considered presentational, an element must not be interactive - and must not be assigned any accessible properties or alternative text. - A role of none or presentation will be ignored - for interactive elements or those with WAI-ARIA states and properties.

    -
    -

    Definition of Roles

    -

    - Below is an alphabetical list of the - WAI-ARIA - roles defined in this specification. - They would normally be used in combination with other roles - defined in WAI-ARIA - to annotate graphics within documents and rich internet applications [[WAI-ARIA-1.1]]. -

    - -

    Placeholder for compact list of roles

    - - -
    - graphics-document -
    +

    Each conformance requirement indicates the audience to which it applies.

    + +
    + +
    +

    User Agent Support

    +

    + This module follows the general User Agent support principles defined in WAI-ARIA [[WAI-ARIA-1.1]]. The roles defined here do not + require any change in behavior by user agents other than in the information exposed to the accessibility API. However, the semantics defined here provide the ability for user agents + to enhance the general user interface presented to readers. For example, a user agent may provide alternative keyboard navigation suitable to a graphical environment, or may allow users to + extract a copy of a graphic from a larger document. +

    +
    + +
    +

    Co-Evolution of WAI-ARIA and Host Languages

    - A type of document in which - the visual appearance or layout of content conveys meaning. + The WAI-ARIA Graphics module follows the model for + co-evolution of WAI-ARIA and host languages defined in WAI-ARIA + [[WAI-ARIA-1.1]]. It is intended to augment semantics in supporting languages like HTML [[HTML52]], SVG [[SVG2]] and EPUB, or to be used as an accessibility enhancement technology in other + markup-based languages that do not explicitly include support for ARIA. WAI-ARIA roles clarify semantics to assistive technologies when authors create new types of objects, via style + and script, or use markup languages which describe the visual appearance of a document rather than its meaning.

    - Similar to other document types, - the graphics-document role applies to the root element of - a region of the page containing related information, - where the user's primary interaction mode is expected to be - browsing the document rather than controlling an application. - The element with this role - may be the root element of the document file, - or of a nested structure within it. + Although markup languages may provide some of these semantics natively, it is expected that there will be a persistent need for the semantics provided by the + WAI-ARIA Graphics module. Some host languages exist to create semantics for features other than the user interface. For example, + SVG expresses the semantics behind production of graphical objects, not of user interface components that those objects may represent. Host languages such as these might, by design, not + provide native semantics that map to all of this specification's features. In these host languages, the WAI-ARIA Graphics module + could be adopted as a long-term approach to add semantic information.

    +
    + +
    +

    Authoring Practices

    +
    +

    Authoring Tools

    +

    + Many of the requirements in the definitions of the WAI-ARIA and Graphics + WAI-ARIA roles, states and properties can be checked + automatically during the development process, similar to other quality control processes used for validating code. To assist authors who are creating graphics, these tools can compare the + semantic structure of Graphics WAI-ARIA roles from the DOM to that defined in this + specification and notify the author of errors or simply create templates that enforce that structure. +

    +
    + +
    +

    Testing Practices and Tools

    +

    + The accessibility of interactive content cannot be confirmed by static checks alone. Developers of interactive content should test for device-independent access to + widgets and applications, and should verify accessibility API access to all content and changes during user + interaction. +

    +
    +
    + +
    +

    Assistive Technologies

    - The graphics-document may be distinguished - from similar roles as follows: + Programmatic access to accessibility semantics is essential for assistive technologies. For more information, refer to the + Assistive Technologies section in WAI-ARIA [[WAI-ARIA-1.1]].

    +

    For the graphics roles in particular, two categories of assistive technology are particularly relevant, but have different needs:

      -

    • - Relative to other documents, a graphics-document - is distinguished by the semantic importance of its - visual (usually two-dimensional) representation. - User agents and assistive technologies - SHOULD take this into consideration - when supporting navigation of the graphic. - Accessibility technologies that re-format or re-style a document - SHOULD NOT alter the layout of a graphics-document - except in ways that are consistent - with the semantic roles and relationships of its content. -

      • -

    • - Relative to an img, a graphics-document - is distinguished by the structured nature of its content. - Its child elements may have semantic meaning, - and may include links or other interactive widgets. -

      • -

    • - Relative to a graphics-object, - a graphics-document is self-contained. - Its meaning persists when separated from surrounding content. - The element with the graphics-document role defines - the scope and context for interpretation of the child content. -

      • +
    • + Text-based presentations, such as screen readers, braille displays, and text-only displays or printers. These technologies need to replace a complex graphic with semantic text + descriptions, preserving any meaningful structure and relationships between components. +
      • +
    • + Alternative graphical presentations, such as colour-adjusted displays, screen magnifiers, large print documents, or embossing printers with graphic support. These technologies need to + distinguish between graphical features which are primarily decorative and those which are essential for conveying the meaning of the content. +
    +

    The role descriptions suggest which features of an element with that role are considered semantically important and should be conveyed to the reader whenever possible.

    +
    +
    +
    +

    Conformance

    +

    + The main content of this specification is normative and defines requirements that impact conformance claims. Introductory material, appendices, sections marked as + "non-normative" and their subsections, diagrams, examples, and notes are informative (non-normative). Non-normative material provides advisory information to help + interpret the guidelines but does not create requirements that impact a conformance claim. +

    +

    + Normative sections provide requirements that user agents must follow for an implementation to conform to this specification. The keywords MUST, + MUST NOT, REQUIRED, SHALL, SHALL NOT, SHOULD, + RECOMMENDED, MAY, and OPTIONAL in this document are to be interpreted as described in + Keywords for use in RFCs to indicate requirement levels [[!RFC2119]]. RFC-2119 keywords are formatted in uppercase and + contained in an element with class="rfc2119". When the keywords shown above are used, but do not share this format, they do not convey formal information in the RFC 2119 sense, + and are merely explanatory, i.e., informative. As much as possible, such usages are avoided in this specification. +

    +

    Normative sections provide requirements that authors, user agents and assistive technologies MUST follow for an implementation to conform to this specification.

    +

    + Non-normative (informative) sections provide information useful to understanding the specification. Such sections may contain examples of recommended practice, but it is not required to follow + such recommendations in order to conform to this specification. +

    +
    +
    +

    Graphics Roles

    +

    + This section defines additions to the + WAI-ARIA + role taxonomy and describes the characteristics and properties of all roles. See + ARIA Roles for descriptions of the fields provided by this module. +

    +

    + Authors are given the ability to influence what is presented to assistive technologies and to influence navigation through the use of roles and properties. This includes the ability to mark + elements as having no semantic importance. With graphics, there are many cases where presenting and navigating every element will make the graphic harder to understand and use. +

    +

    + Authors may mark elements for exclusion from the semantic representation of the document (the accessibility tree) by assigning the role none or presentation. The + element with this role should be treated transparently by assistive technologies, as if its children or text content were directly contained by its parent element. In addition, certain roles, + such as img or graphics-symbol, when assigned to a parent element, will cause all child DOM structure to be omitted from the accessibility tree. This is indicated by + the "Children Presentational" value in the role characteristics table. Finally, the native semantics of the graphics language may also default to ignoring DOM structure that does not have + semantic data attached; for SVG, this is defined in the SVG Accessibility API Mappings specification [[SVG-AAM-1.0]]. +

    +

    + In all cases, to be considered presentational, an element must not be interactive and must not be assigned any accessible properties or alternative text. A role of none or + presentation will be ignored for interactive elements or those with WAI-ARIA states and properties. +

    +
    +

    Definition of Roles

    - In general, authors SHOULD use the graphics-document role - for structured graphics such as - charts, maps, diagrams, technical drawing, blue prints and instructional graphics. - However, if a single large graphic has discrete regions - that may be safely re-arranged without sacrificing meaning, - each of those regions SHOULD be a distinct graphics-document. - An alternative role (such as figure) - may be used to group them together. - One graphics-document may also be nested inside another, - for example a bar chart that is embedded in a map - or a matrix of chart panels - should have a role of graphics-document. - The nested document provides encapsulation; - navigation between components of - the inner and outer graphics should be explicit. -

    -
    -

    - To support user agents and assistive technologies - based on the ARIA 1.0 specification, - authors may wish to include the document role - as a fallback value, - in the form role="graphics-document document". -

    -

    - Future specifications may define more specific roles - for particular types of graphical documents with - special semantic structures. Those more specific roles - would be subclasses of graphics-document. -

    -
    -
    -
    -

    Other Roles for Graphics

    -

    The following core ARIA roles, defined in ARIA 1.1 [[WAI-ARIA-1.1]], are also - relevant for annotating graphics: -

    -
      -
    • - img (image) defines a single graphic - that is perceived as an indivisible whole. - Unlike a graphics-document, - an image cannot have navigable or interactive child content. - Unlike a graphics-symbol, - an image may require a detailed text description - to fully convey its meaning to non-visual users. -
      • -
    • - figure defines a container element - for content (including graphics) that is a key part - of the containing document but is outside the - normal reading stream. - A figure will often contain one or more elements - with the img or graphics-document roles, - but may also contain text captions, credits, or other related content. -
      • -
    -

    - The following examples demonstrate appropriate use of - img, figure, and graphics-document - in a document. -

    - - + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    + Characteristics: +
    CharacteristicValue
    Is Abstract: 
    Superclass Role:img
    Subclass Roles: 
    Base Concept: 
    Related Concepts:symbol
    Required Context Role: 
    Required Owned Elements:
    Required States and Properties: 
    Supported States and Properties: 
    Inherited States and Properties: 
    Name From:author
    Accessible Name Required:True
    Inherits Name Required:
    Children Presentational:True
    Inherits Presentational: 
    Implicit Value for Role: 
    + +
    +
    +

    Other Roles for Graphics

    +

    The following core ARIA roles, defined in ARIA 1.1 [[WAI-ARIA-1.1]], are also relevant for annotating graphics:

    +
      +
    • + img (image) defines a single graphic that is perceived as an indivisible whole. Unlike a graphics-document, an image cannot have navigable or interactive child + content. Unlike a graphics-symbol, an image may require a detailed text description to fully convey its meaning to non-visual users. +
      • +
    • + figure defines a container element for content (including graphics) that is a key part of the containing document but is outside the normal reading stream. A figure will often + contain one or more elements with the img or graphics-document roles, but may also contain text captions, credits, or other related content. +
      • +
    +

    + The following examples demonstrate appropriate use of + img, figure, and graphics-document + in a document. +

    - -
    +            
+
    + -
    -
    -
    -

    States and Properties

    -

    WAI-ARIA provides a collection of accessibility state and properties which are used to support platform accessibility APIs on various - operating system platforms. Assistive technologies may access this information through an exposed user agent DOM or through a mapping - to the platform accessibility API. When combined with roles, the user agent can supply the assistive technologies with user interface - information to convey to the user at any time. Changes in states or properties will result in a notification to assistive technologies, - which could alert the user that a change has occurred.

    - -
    -
    -

    Change Log

    -

    The full commit history to WAI-ARIA Graphics Module 1.0 is available.

    -
    -

    Substantive changes since the last public working draft

    -
      -
    • 2017-11-15: Change superclass for graphics-object to img and graphics-symbol to group.
      • - -
    -
    -
    -

    Other substantive changes since the First Public Working Draft

    -
      -
    • 2016-01-26: changed superclass of graphics-doc to structure.
      • -
    • 2016-04-28: removed reference to role="none" or "presentation".
      • -
    • 2016-05-02: Change graphics-doc to graphics-document.
      • -
    • 2016-05-07: clarify limitations of presentational role; mention SVG 2 next to HTML 5 in section on Schemata.
      • - -
    -
    -
    -
    -

    Acknowledgments

    -

    The following people contributed to the development of this document.

    -
    -

    Participants active in the SVG accessibility task force at the time of publication

    -
      -
    • Amelia Bellamy-Royds (Invited expert)
      • -
    • Fred Esch (IBM Corporation)
      • -
    • Charles McCathieNevile (Yandex)
      • -
    • Charu Pandhi (IBM Corporation)
      • -
    • Doug Schepers (W3C Staff)
      • -
    • Richard Schwerdtfeger (Knowbility)
      • -
    • Léonie Watson (The Paciello Group)
      • -
    • Jason White (Educational Testing Service)
      • -
    -
    -
    -

    Participants active in the ARIA WG at the time of publication

    -
      -
    • David Bolter (Mozilla Foundation)
      • -
    • Michael Cooper (W3C/MIT)
      • -
    • James Craig (Apple Inc.)
      • -
    • Joanmarie Diggs (Igalia)
      • -
    • John Foliot (Invited Expert)
      • -
    • Christopher Gallelo (Microsoft Corporation)
      • -
    • Bryan Garaventa (SSB BART Group)
      • -
    • Jon Gunderson (University of Illinois at Urbana-Champaign)
      • -
    • Matthew King (IBM Corporation)
      • -
    • Dominic Mazzoni (Google, Inc.)
      • -
    • Shane McCarron (Invited Expert, Aptest)
      • -
    • James Nurthen (Oracle Corporation)
      • -
    • Janina Sajka (Invited Expert, The Linux Foundation)
      • -
    • Stefan Schnabel (SAP AG)
      • -
    • Lisa Seeman (Invited Expert)
      • -
    • Alexander Surkov (Mozilla Foundation)
      • -
    • Jason White (Educational Testing Service)
      • -
    -
    -
    -
    - + + +
    +
    +
    +

    States and Properties

    +

    + WAI-ARIA provides a collection of accessibility state and properties which are used to support platform accessibility APIs on various operating system platforms. Assistive technologies may + access this information through an exposed user agent DOM or through a mapping to the platform accessibility API. When combined with roles, the user agent can supply the assistive technologies + with user interface information to convey to the user at any time. Changes in states or properties will result in a notification to assistive technologies, which could alert the user that a + change has occurred. +

    +
    +
    +

    Change Log

    +

    The full commit history to WAI-ARIA Graphics Module 1.0 is available.

    +
    +

    Substantive changes since the last public working draft

    +
      +
    • 2017-11-15: Change superclass for graphics-object to img and graphics-symbol to group.
      • + +
    +
    +
    +

    Other substantive changes since the First Public Working Draft

    +
      +
    • 2016-01-26: changed superclass of graphics-doc to structure.
      • +
    • 2016-04-28: removed reference to role="none" or "presentation".
      • +
    • 2016-05-02: Change graphics-doc to graphics-document.
      • +
    • 2016-05-07: clarify limitations of presentational role; mention SVG 2 next to HTML 5 in section on Schemata.
      • + +
    +
    +
    +
    +

    Acknowledgments

    +

    The following people contributed to the development of this document.

    +
    +

    Participants active in the SVG accessibility task force at the time of publication

    +
      +
    • Amelia Bellamy-Royds (Invited expert)
      • +
    • Fred Esch (IBM Corporation)
      • +
    • Charles McCathieNevile (Yandex)
      • +
    • Charu Pandhi (IBM Corporation)
      • +
    • Doug Schepers (W3C Staff)
      • +
    • Richard Schwerdtfeger (Knowbility)
      • +
    • Léonie Watson (The Paciello Group)
      • +
    • Jason White (Educational Testing Service)
      • +
    +
    +
    +

    Participants active in the ARIA WG at the time of publication

    +
      +
    • David Bolter (Mozilla Foundation)
      • +
    • Michael Cooper (W3C/MIT)
      • +
    • James Craig (Apple Inc.)
      • +
    • Joanmarie Diggs (Igalia)
      • +
    • John Foliot (Invited Expert)
      • +
    • Christopher Gallelo (Microsoft Corporation)
      • +
    • Bryan Garaventa (SSB BART Group)
      • +
    • Jon Gunderson (University of Illinois at Urbana-Champaign)
      • +
    • Matthew King (IBM Corporation)
      • +
    • Dominic Mazzoni (Google, Inc.)
      • +
    • Shane McCarron (Invited Expert, Aptest)
      • +
    • James Nurthen (Oracle Corporation)
      • +
    • Janina Sajka (Invited Expert, The Linux Foundation)
      • +
    • Stefan Schnabel (SAP AG)
      • +
    • Lisa Seeman (Invited Expert)
      • +
    • Alexander Surkov (Mozilla Foundation)
      • +
    • Jason White (Educational Testing Service)
      • +
    +
    +
    +
    + From 532abd715a7db29eb8b227384bd7d07e00bc57e6 Mon Sep 17 00:00:00 2001 From: pkra Date: Tue, 17 Oct 2023 07:25:27 +0000 Subject: [PATCH 12/16] Prettified Code! --- graphics2.html | 2 +- index.html | 100 ++++++++++++++++++++++++------------------------- 2 files changed, 50 insertions(+), 52 deletions(-) diff --git a/graphics2.html b/graphics2.html index 85d7fbc..09d9afc 100644 --- a/graphics2.html +++ b/graphics2.html @@ -1,5 +1,5 @@ - + WAI-ARIA Graphics Module 2 diff --git a/index.html b/index.html index 5892a28..ed010e3 100644 --- a/index.html +++ b/index.html @@ -1,5 +1,5 @@ - + @@ -24,9 +24,9 @@ // the specifications short name, as in https://www.w3.org/TR/short-name/ shortName: "graphics-aria-1.0", - // if you wish the publication date to be other than today, set this - //publishDate: "2014-12-11", - copyrightStart: "2015", + // if you wish the publication date to be other than today, set this + //publishDate: "2014-12-11", + copyrightStart: "2015", // if there is a previously published draft, uncomment this and set its YYYY-MM-DD date // and its maturity status @@ -45,53 +45,51 @@ // editors, add as many as you like // only "name" is required - - editors: [ - { - name: "Amelia Bellamy-Royds", - mailto: "amelia.bellamy.royds@gmail.com", - w3cid: 75809 - }, - { - name: "James Nurthen", - company: "Adobe", - companyURL: "https://www.adobe.com/", - w3cid: 37155 - } - - ], - "formerEditors": [ - { - name: "Joanmarie Diggs", - company: "Igalia, S.L.", - companyURL: "https://www.igalia.com", - w3cid: 68182, - note: "Editor until August 2023" - }, - { - name: "Michael Cooper", - company: "w3c", - companyURL: "http://www.w3.org", - w3cid: 34017, - note: "Editor until August 2023" - }, - { - name: "Fred Esch", - mailto: "fesch@us.ibm.com", - company: "IBM Corporation", - companyURL: "https://www.ibm.com", - w3cid: 73593, - note: "until September 2016" - }, - { - name: "Rich Schwerdtfeger", - mailto: "richschwer@gmail.com", - company: "Knowbility", - companyURL: "https://knowbility.org/", - w3cid: 2460, - note: "until August 2017" - } - ], + editors: [ + { + name: "Amelia Bellamy-Royds", + mailto: "amelia.bellamy.royds@gmail.com", + w3cid: 75809, + }, + { + name: "James Nurthen", + company: "Adobe", + companyURL: "https://www.adobe.com/", + w3cid: 37155, + }, + ], + formerEditors: [ + { + name: "Joanmarie Diggs", + company: "Igalia, S.L.", + companyURL: "https://www.igalia.com", + w3cid: 68182, + note: "Editor until August 2023", + }, + { + name: "Michael Cooper", + company: "w3c", + companyURL: "http://www.w3.org", + w3cid: 34017, + note: "Editor until August 2023", + }, + { + name: "Fred Esch", + mailto: "fesch@us.ibm.com", + company: "IBM Corporation", + companyURL: "https://www.ibm.com", + w3cid: 73593, + note: "until September 2016", + }, + { + name: "Rich Schwerdtfeger", + mailto: "richschwer@gmail.com", + company: "Knowbility", + companyURL: "https://knowbility.org/", + w3cid: 2460, + note: "until August 2017", + }, + ], // authors, add as many as you like. // This is optional, uncomment if you have authors as well as editors. From 123331aaebdfae9942e4d0e9238b26861d233724 Mon Sep 17 00:00:00 2001 From: Peter Krautzberger Date: Tue, 17 Oct 2023 09:49:00 +0200 Subject: [PATCH 13/16] add dependabot.yaml To update github-actions (on a weekly basis). --- .github/workflows/dependabot.yaml | 12 ++++++++++++ 1 file changed, 12 insertions(+) create mode 100644 .github/workflows/dependabot.yaml diff --git a/.github/workflows/dependabot.yaml b/.github/workflows/dependabot.yaml new file mode 100644 index 0000000..17d094f --- /dev/null +++ b/.github/workflows/dependabot.yaml @@ -0,0 +1,12 @@ +# Set update schedule for GitHub Actions + +version: 2 +updates: + + - package-ecosystem: "github-actions" + directory: "/" + schedule: + interval: "weekly" + open-pull-requests-limit: 10 + commit-message: + prefix: "chore: dependabot" From b7bcacaaaedc432d46b0f020274ecd5edd15490f Mon Sep 17 00:00:00 2001 From: Peter Krautzberger Date: Tue, 17 Oct 2023 09:49:24 +0200 Subject: [PATCH 14/16] chore: adjust prettier commit message --- .github/workflows/prettier.yaml | 1 + 1 file changed, 1 insertion(+) diff --git a/.github/workflows/prettier.yaml b/.github/workflows/prettier.yaml index f86918e..767039d 100644 --- a/.github/workflows/prettier.yaml +++ b/.github/workflows/prettier.yaml @@ -23,3 +23,4 @@ jobs: uses: creyD/prettier_action@v4.3 with: prettier_options: --write *.html --print-width 200 + commit_message: "chore: prettier" From 5919e632d1625167c504e01b77e4fe86b04b670d Mon Sep 17 00:00:00 2001 From: Peter Krautzberger Date: Tue, 17 Oct 2023 09:50:30 +0200 Subject: [PATCH 15/16] chore: random change to test prettier --- index.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/index.html b/index.html index ed010e3..0728073 100644 --- a/index.html +++ b/index.html @@ -173,7 +173,7 @@
    -

    +

    Assistive technologies need semantic information about the structures and expected behaviors of a document in order to convey appropriate information to persons with disabilities. This specification defines a WAI-ARIA 1.1 [[WAI-ARIA-1.1]] module of core roles From 08764dfc7e498e35a8504febf90d65b25bdb8d50 Mon Sep 17 00:00:00 2001 From: pkra Date: Tue, 17 Oct 2023 07:50:52 +0000 Subject: [PATCH 16/16] chore: prettier --- index.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/index.html b/index.html index 0728073..ed010e3 100644 --- a/index.html +++ b/index.html @@ -173,7 +173,7 @@

    -

    +

    Assistive technologies need semantic information about the structures and expected behaviors of a document in order to convey appropriate information to persons with disabilities. This specification defines a WAI-ARIA 1.1 [[WAI-ARIA-1.1]] module of core roles