Accessibility Conformance Testing (ACT) Rules Format 1.0

<!DOCTYPE html> <html lang="en"> <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <meta property="dc:language" content="en" lang=""> <style> /* --- ISSUES/NOTES --- */ div.issue-title, div.note-title, div.ednote-title, div.warning-title { padding-right: 1em; min-width: 7.5em; color: #b9ab2d; } div.issue-title { color: #e05252; } div.note-title, div.ednote-title { color: #2b2; } div.warning-title { color: #f22; } div.issue-title span, div.note-title span, div.ednote-title span, div.warning-title span { text-transform: uppercase; } div.note, div.issue, div.ednote, div.warning { margin-top: 1em; margin-bottom: 1em; } .note>p:first-child, .ednote>p:first-child, .issue>p:first-child, .warning>p:first-child { margin-top: 0 } .issue, .note, .ednote, .warning { padding: .5em; border-left-width: .5em; border-left-style: solid; } div.issue, div.note, div.ednote, div.warning { padding: 1em 1.2em 0.5em; margin: 1em 0; position: relative; clear: both; } span.note, span.ednote, span.issue, span.warning { padding: .1em .5em .15em; } .issue { border-color: #e05252; background: #fbe9e9; } .note, .ednote { border-color: #52e052; background: #e9fbe9; } .warning { border-color: #f11; border-width: .2em; border-style: solid; background: #fbe9e9; } .warning-title:before { content: "⚠"; /*U+26A0 WARNING SIGN*/ font-size: 3em; float: left; height: 100%; padding-right: .3em; vertical-align: top; margin-top: -0.5em; } li.task-list-item { list-style: none; } input.task-list-item-checkbox { margin: 0 0.35em 0.25em -1.6em; vertical-align: middle; } </style> <style> /* --- PERMALINKS --- */ .permalink { width: 1px; height: 1px; overflow: visible; font-size: 10pt; font-style: normal; vertical-align: middle; margin-left: 4px; float: right; } .permalink a, .permalink a:link, .permalink a:visited, .permalink a:hover, .permalink a:focus, .permalink a:active { background: transparent !important; text-decoration: none; font-weight: bold; color: #666 !important; } .permalink abbr { border: 0; } </style> <title>Accessibility Conformance Testing (ACT) Rules Format 1.0</title> <style id="respec-mainstyle"> /***************************************************************** * ReSpec 3 CSS * Robin Berjon - http://berjon.com/ *****************************************************************/ /* Override code highlighter background */ .hljs { background: transparent !important; } /* --- INLINES --- */ em.rfc2119 { text-transform: lowercase; font-style: normal; color: #900; } h1 abbr, h2 abbr, h3 abbr, h4 abbr, h5 abbr, h6 abbr, a abbr { border: none; } dfn { font-weight: bold; } a.internalDFN { color: inherit; border-bottom: 1px solid #99c; text-decoration: none; } a.externalDFN { color: inherit; border-bottom: 1px dotted #ccc; text-decoration: none; } a.bibref { text-decoration: none; } cite .bibref { font-style: normal; } code { color: #c83500; } th code { color: inherit; } /* --- TOC --- */ .toc a, .tof a { text-decoration: none; } a .secno, a .figno { color: #000; } ul.tof, ol.tof { list-style: none outside none; } .caption { margin-top: 0.5em; font-style: italic; } /* --- TABLE --- */ table.simple { border-spacing: 0; border-collapse: collapse; border-bottom: 3px solid #005a9c; } .simple th { background: #005a9c; color: #fff; padding: 3px 5px; text-align: left; } .simple th[scope="row"] { background: inherit; color: inherit; border-top: 1px solid #ddd; } .simple td { padding: 3px 10px; border-top: 1px solid #ddd; } .simple tr:nth-child(even) { background: #f0f6ff; } /* --- DL --- */ .section dd>p:first-child { margin-top: 0; } .section dd>p:last-child { margin-bottom: 0; } .section dd { margin-bottom: 1em; } .section dl.attrs dd, .section dl.eldef dd { margin-bottom: 0; } #issue-summary>ul, .respec-dfn-list { column-count: 2; } #issue-summary li, .respec-dfn-list li { list-style: none; } details.respec-tests-details { margin-left: 1em; display: inline-block; vertical-align: top; } details.respec-tests-details>* { padding-right: 2em; } details.respec-tests-details[open] { z-index: 999999; position: absolute; border: thin solid #cad3e2; border-radius: .3em; background-color: white; padding-bottom: .5em; } details.respec-tests-details[open]>summary { border-bottom: thin solid #cad3e2; padding-left: 1em; margin-bottom: 1em; line-height: 2em; } details.respec-tests-details>ul { width: 100%; margin-top: -0.3em; } details.respec-tests-details>li { padding-left: 1em; } @media print { .removeOnSave { display: none; } } </style> <style> /* github.com style (c) Vasily Polovnyov <vast@whiteants.net> */ .hljs { display: block; overflow-x: auto; padding: 0.5em; color: #333; background: #f8f8f8; } .hljs-comment, .hljs-quote { color: #998; font-style: italic; } .hljs-keyword, .hljs-selector-tag, .hljs-subst { color: #333; font-weight: bold; } .hljs-number, .hljs-literal, .hljs-variable, .hljs-template-variable, .hljs-tag .hljs-attr { color: #008080; } .hljs-string, .hljs-doctag { color: #d14; } .hljs-title, .hljs-section, .hljs-selector-id { color: #900; font-weight: bold; } .hljs-subst { font-weight: normal; } .hljs-type, .hljs-class .hljs-title { color: #458; font-weight: bold; } .hljs-tag, .hljs-name, .hljs-attribute { color: #000080; font-weight: normal; } .hljs-regexp, .hljs-link { color: #009926; } .hljs-symbol, .hljs-bullet { color: #990073; } .hljs-built_in, .hljs-builtin-name { color: #0086b3; } .hljs-meta { color: #999; font-weight: bold; } .hljs-deletion { background: #fdd; } .hljs-addition { background: #dfd; } .hljs-emphasis { font-style: italic; } .hljs-strong { font-weight: bold; } </style> <link rel="stylesheet" href="https://www.w3.org/StyleSheets/TR/2016/W3C-REC"> <link href="https://www.w3.org/TR/act-rules-format/" rel="canonical"> </head> <body class="h-entry"> <div class="head"> <header> <p data-fill-with="logo"><a href="https://www.w3.org/"><img alt="W3C" src="https://www.w3.org/StyleSheets/TR/2016/logos/W3C" height="48" width="72"></a> </p> <h1 class="p-name no-ref" id="title">Accessibility Conformance Testing (ACT) Rules Format 1.0</h1> <h2 class="no-num no-toc no-ref heading settled" id="subtitle"><span class="content"><abbr title="World Wide Web Consortium">W3C</abbr> Recommendation, <time class="dt-updated" datetime="2019-10-31">31 October 2019</time></span></h2> </header> <div data-fill-with="spec-metadata"> <dl> <dt>This version:</dt> <dd><a class="u-url" href="https://www.w3.org/TR/2019/REC-act-rules-format-1.0-20191031/">https://www.w3.org/TR/2019/REC-act-rules-format-1.0-20191031/</a></dd> <dt>Latest published version:</dt> <dd><a href="https://www.w3.org/TR/act-rules-format-1.0/">https://www.w3.org/TR/act-rules-format-1.0/</a></dd> <dt>Highest version of ACT Rules Format:</dt> <dd><a href="https://www.w3.org/TR/act-rules-format/">https://www.w3.org/TR/act-rules-format/</a></dd> <dt>Latest editor's draft:</dt> <dd><a href="https://w3c.github.io/wcag-act/act-rules-format.html">https://w3c.github.io/wcag-act/act-rules-format.html</a></dd> <dt>Previous published version:</dt> <dd><a rel="dcterms:replaces" href="https://www.w3.org/TR/2019/PR-act-rules-format-1.0-20190730/">https://www.w3.org/TR/2019/PR-act-rules-format-1.0-20190730/</a></dd> <dt class="editor">Editors:</dt> <dd class="editor p-author h-card vcard"><span class="p-name fn">Wilco Fiers</span> (<span class="p-org org">Deque Systems</span>)</dd> <dd class="editor p-author h-card vcard"><span class="p-name fn">Maureen Kraft</span> (<span class="p-org org">IBM Corp.</span>)</dd> <dd class="editor p-author h-card vcard"><span class="p-name fn">Mary Jo Mueller</span> (<span class="p-org org">IBM Corp.</span>)</dd> <dd class="editor p-author h-card vcard"><span class="p-name fn">Shadi Abou-Zahra</span> (<span class="p-org org">W3C</span>)</dd> </dl> <p>Please check the <a href="https://www.w3.org/WAI/GL/task-forces/conformance-testing/errata"><strong>errata</strong></a> for any errors or issues reported since publication.</p> <p class="copyright"><a href="https://www.w3.org/Consortium/Legal/ipr-notice#Copyright">Copyright</a> © 2019 <a href="https://www.w3.org/"><abbr title="World Wide Web Consortium">W3C</abbr></a><sup>®</sup> (<a href="https://www.csail.mit.edu/"><abbr title="Massachusetts Institute of Technology">MIT</abbr></a>, <a href="https://www.ercim.eu/"><abbr title="European Research Consortium for Informatics and Mathematics">ERCIM</abbr></a>, <a href="https://www.keio.ac.jp/">Keio</a>, <a href="https://ev.buaa.edu.cn/">Beihang</a>). W3C <a href="https://www.w3.org/Consortium/Legal/ipr-notice#Legal_Disclaimer">liability</a>, <a href="https://www.w3.org/Consortium/Legal/ipr-notice#W3C_Trademarks">trademark</a> and <a href="https://www.w3.org/Consortium/Legal/copyright-documents">document use</a> rules apply.</p> </div> <hr title="Separator for header"> </div> <div class="p-summary" data-fill-with="abstract"> <h2 class="no-num no-toc no-ref heading settled" id="abstract"><span class="content">Abstract</span></h2> <p>The Accessibility Conformance Testing (ACT) Rules Format 1.0 defines a format for writing accessibility test rules. These test rules can be used for developing automated testing tools and manual testing methodologies. It provides a common format that allows any party involved in accessibility testing to document and share their testing procedures in a robust and understandable manner. This enables transparency and harmonization of testing methods, including methods implemented by accessibility test tools.</p> </div> <h2 class="no-num no-toc no-ref heading settled" id="status"><span class="content">Status of this document</span></h2> <div data-fill-with="status"> <p><em>This section describes the status of this document at the time of its publication. Other documents may supersede this document. A list of current <abbr title="World Wide Web Consortium">W3C</abbr> publications and the latest revision of this technical report can be found in the <a href="https://www.w3.org/TR/"><abbr title="World Wide Web Consortium">W3C</abbr> technical reports index</a> at https://www.w3.org/TR/.</em></p> <p>This document was published by the <a href="https://www.w3.org/WAI/GL/">Accessibility Guidelines Working Group</a> as a <a href="https://www.w3.org/2019/Process-20190301/#rec-publication">W3C Recommendation</a>. No changes were made since previous publication.</p> <p>The Working Group requests that public comments be filed as new issues, one issue per discrete comment. Comments received on the ACT Rules Format 1.0 Recommendation cannot result in changes to this version of the specification, but may be addressed in errata or future versions. To comment, please <a href="https://github.com/w3c/wcag-act/issues/new">file an issue in the <abbr title="World Wide Web Consortium">W3C</abbr> ACT TF GitHub repository</a>. It is free to create a GitHub account to file issues. If filing issues in GitHub is not feasible, send email to <a href="mailto:public-wcag-act-comments@w3.org?subject=ACT%20Framework%201.0%20public%20comment">public-wcag-act-comments@w3.org</a> (<a href="https://lists.w3.org/Archives/Public/public-wcag-act-comments/">comment archive</a>). In-progress updates to the document may be viewed in the <a href="https://github.com/w3c/wcag-act/">publicly visible editors' draft</a>.</p> <p>This document has been reviewed by W3C Members, by software developers, and by other W3C groups and interested parties, and is endorsed by the Director as a W3C Recommendation. It is a stable document and may be used as reference material or cited from another document. W3C's role in making the Recommendation is to draw attention to the specification and to promote its widespread deployment. This enhances the functionality and interoperability of the Web.</p> <p>This document was produced by a group operating under the <a class="css" data-link-type="property" href="https://www.w3.org/Consortium/Patent-Policy/" id="sotd_patent"><abbr title="World Wide Web Consortium">W3C</abbr> Patent Policy</a>. <abbr title="World Wide Web Consortium">W3C</abbr> maintains a <a href="https://www.w3.org/2004/01/pp-impl/35422/status" rel="disclosure">public list of any patent disclosures</a> made in connection with the deliverables of the group; that page also includes instructions for disclosing a patent. An individual who has actual knowledge of a patent which the individual believes contains <a href="https://www.w3.org/Consortium/Patent-Policy/#def-essential">Essential Claim(s)</a> must disclose the information in accordance with <a href="https://www.w3.org/Consortium/Patent-Policy/#sec-Disclosure">section 6 of the <abbr title="World Wide Web Consortium">W3C</abbr> Patent Policy</a>.</p> <p>This document is governed by the <a href="https://www.w3.org/2019/Process-20190301/" id="w3c_process_revision">1 March 2019 W3C Process Document</a>. </p> </div> <div data-fill-with="at-risk"></div> <nav data-fill-with="table-of-contents" id="toc"> <h2 class="no-num no-toc no-ref" id="contents">Table of Contents</h2> <ol class="toc" role="directory"> <li><a href="#intro"><span class="secno">1</span> <span class="content">Introduction</span></a> </li> <li><a href="#scope"><span class="secno">2</span> <span class="content">Scope</span></a> </li> <li><a href="#rule-types"><span class="secno">3</span> <span class="content">ACT Rule Types</span></a> </li> <li> <a href="#act-rule-structure"><span class="secno">4</span> <span class="content">ACT Rule Structure</span></a> <ol class="toc"> <li><a href="#rule-identifier"><span class="secno">4.1</span> <span class="content">Rule Identifier</span></a> </li> <li><a href="#rule-description"><span class="secno">4.2</span> <span class="content">Rule Description</span></a> </li> <li><a href="#rule-type"><span class="secno">4.3</span> <span class="content">Rule Type</span></a> </li> <li> <a href="#accessibility-requirements-mapping"><span class="secno">4.4</span> <span class="content">Accessibility Requirements Mapping</span></a> <ol class="toc"> <li><a href="#outcome-mapping"><span class="secno">4.4.1</span> <span class="content">Outcome Mapping</span></a> </li> <li><a href="#mapping-outside-wcag"><span class="secno">4.4.2</span> <span class="content">Mapping Outside WCAG</span></a> </li> <li><a href="#rules-without-accessibility-requirements"><span class="secno">4.4.3</span> <span class="content">Rules Without Accessibility Requirements</span></a> </li> <li><a href="#external-accessibility-requirements-mapping"><span class="secno">4.4.4</span> <span class="content">External Accessibility Requirements Mapping</span></a> </li> </ol> </li> <li> <a href="#input"><span class="secno">4.5</span> <span class="content">Rule Input</span></a> <ol class="toc"> <li><a href="#input-aspects"><span class="secno">4.5.1</span> <span class="content">Input Aspects (Atomic rules only)</span></a> </li> <li><a href="#input-rules"><span class="secno">4.5.2</span> <span class="content">Input Rules (Composite rules only)</span></a> </li> </ol> </li> <li> <a href="#applicability"><span class="secno">4.6</span> <span class="content">Applicability</span></a> <ol class="toc"> <li><a href="#applicability-atomic"><span class="secno">4.6.1</span> <span class="content">Applicability for Atomic Rules</span></a> </li> <li><a href="#applicability-composite"><span class="secno">4.6.2</span> <span class="content">Applicability for Composite Rules</span></a> </li> </ol> </li> <li> <a href="#expectations"><span class="secno">4.7</span> <span class="content">Expectations</span></a> <ol class="toc"> <li><a href="#expectations-atomic"><span class="secno">4.7.1</span> <span class="content">Expectations for Atomic Rules</span></a> </li> <li><a href="#expectations-composite"><span class="secno">4.7.2</span> <span class="content">Expectations for Composite Rules</span></a> </li> </ol> </li> <li><a href="#assumptions"><span class="secno">4.8</span> <span class="content">Assumptions</span></a> </li> <li><a href="#accessibility-support"><span class="secno">4.9</span> <span class="content">Accessibility Support</span></a> </li> <li><a href="#test-cases"><span class="secno">4.10</span> <span class="content">Test Cases</span></a> </li> <li><a href="#change-log"><span class="secno">4.11</span> <span class="content">Change Log</span></a> </li> <li><a href="#glossary"><span class="secno">4.12</span> <span class="content">Glossary</span></a> </li> <li><a href="#issues-list"><span class="secno">4.13</span> <span class="content">Issues List (optional)</span></a> </li> <li><a href="#background"><span class="secno">4.14</span> <span class="content">Background (optional)</span></a> </li> <li><a href="#acknowledgements"><span class="secno">4.15</span> <span class="content">Acknowledgements (optional)</span></a> </li> </ol> </li> <li><a href="#rule-accuracy"><span class="secno">5</span> <span class="content">Rule Accuracy</span></a> </li> <li><a href="#harmonization"><span class="secno">6</span> <span class="content">Harmonization</span></a> </li> <li><a href="#definitions"><span class="secno">7</span> <span class="content">Definitions</span></a> </li> <li><a href="#appendix-data-example"><span class="secno"></span> <span class="content">Appendix 1: Expressing ACT Rule results with JSON-LD and EARL</span></a> </li> <li> <a href="#Acknowledgments"><span class="secno"></span> <span class="content">Appendix 2: Acknowledgments</span></a> <ol class="toc"> <li><a href="#participants"><span class="secno"></span> <span class="content">Participants of the AG WG active in the development of this document</span></a> </li> <li><a href="#enabling-funders"><span class="secno"></span> <span class="content">Enabling funders</span></a> </li> </ol> </li> <li><a href="#Change_History"><span class="secno"></span> <span class="content">Appendix 3: Change History</span></a> </li> <li><a href="#conformance"><span class="secno"></span> <span class="content"> Conformance</span></a> </li> <li> <a href="#references"><span class="secno"></span> <span class="content">References</span></a> <ol class="toc"> <li><a href="#normative"><span class="secno"></span> <span class="content">Normative References</span></a> </li> <li><a href="#informative"><span class="secno"></span> <span class="content">Informative References</span></a> </li> </ol> </li> </ol> </nav> <main> <h2 class="heading settled" data-level="1" id="intro"><span class="secno">1. </span><span class="content">Introduction</span><a class="self-link" href="#intro"></a></h2> <p>There are currently many test procedures and tools available which aid their users in testing web content for conformance to accessibility standards such as the <a href="https://www.w3.org/WAI/standards-guidelines/wcag/">Web Content Accessibility Guidelines</a> <a data-link-type="biblio" href="#biblio-wcag">[WCAG]</a>. As the Web develops in both size and complexity, these procedures and tools are essential for managing the accessibility of resources available on the Web.</p> <p>This format is intended to enable a consistent interpretation of how to test conformance to WCAG and other <a data-link-type="dfn" href="#accessibility-requirements-document" id="ref-for-accessibility-requirements-document">accessibility requirements documents</a> and promote consistent results in accessibility testing. The rules format is designed to describe both manual accessibility tests, as well as automated tests as performed by accessibility testing tools.</p> <p>Documenting how to test <a data-link-type="dfn" href="#accessibility-requirement" id="ref-for-accessibility-requirement">accessibility requirements</a> will result in accessibility tests that are transparent, with test results that are reproducible. The Accessibility Conformance Testing (ACT) Rules Format defines the requirements for these test descriptions, known as Accessibility Conformance Testing Rules (ACT Rules).</p> <p>An ACT Rule is a plain language description of how to test a specific type of content for a specific aspect of an accessibility requirement. An ACT Rule describes what kind of content it applies to and which conditions are true about the applicable elements for them to meet all expectations of the rule. In the context of WCAG, ACT Rules test for failures in satisfying Success Criteria. Such failures are often described in <a href="https://www.w3.org/TR/WCAG21/#wcag-2-layers-of-guidance">common failures</a> documented for WCAG. ACT Rules are written for the testing process and are usually more specific than common failures.</p> <p>The ACT Rules Format defines the requirements and rule structure for the types of information each rule needs to include to be called an ACT Rule. The structure of the ACT rule is defined in the <a href="#act-rule-structure">ACT Rule Structure</a> section. Each ACT Rule also contains a plain language description of the type of content under test, the test to perform, and the expected result. Where the test result affects conformance, the rule documents the particular requirement being tested. The resulting outcomes from the test can be used to help determine conformance or non-conformance to the requirement. Test cases are also written as part of the ACT rule to provide a way to verify that implementations of the rule can successfully determine the expected outcomes.</p> <h2 class="heading settled" data-level="2" id="scope"><span class="secno">2. </span><span class="content">Scope</span><a class="self-link" href="#scope"></a></h2> <p>The ACT Rules Format defined in this specification is designed for rules that can be used in testing content created using web technologies, such as <a href="https://www.w3.org/TR/html/">Hypertext Markup Language</a> <a data-link-type="biblio" href="#biblio-html">[HTML]</a>, <a href="https://www.w3.org/TR/CSS/">Cascading Style Sheets</a> <a data-link-type="biblio" href="#biblio-css-2018">[css-2018]</a>, <a href="https://www.w3.org/WAI/standards-guidelines/aria/">Accessible Rich Internet Applications</a> <a data-link-type="biblio" href="#biblio-wai-aria">[WAI-ARIA]</a>, <a href="https://www.w3.org/TR/SVG/">Scalable Vector Graphics</a> <a data-link-type="biblio" href="#biblio-svg2">[SVG2]</a>, <a href="http://www.idpf.org/epub3/latest/">EPUB 3</a>, and more. The ACT Rules Format is designed to be technology agnostic, meaning that it can conceivably be used to describe test rules for other technologies.</p> <p>The ACT Rules Format can be used to describe ACT Rules dedicated to testing the <a data-link-type="dfn" href="#accessibility-requirement" id="ref-for-accessibility-requirement①">accessibility requirements</a> defined in the Web Content Accessibility Guidelines <a data-link-type="biblio" href="#biblio-wcag">[WCAG]</a>, which are specifically designed for web content. Other accessibility requirements applicable to web technologies can also be testable with ACT Rules. For example, ACT Rules could be developed to test the conformance of web-based user agents to the <a href="https://www.w3.org/WAI/standards-guidelines/uaag/">User Agent Accessibility Guidelines</a> <a data-link-type="biblio" href="#biblio-uaag20">[UAAG20]</a>. The ACT Rules Format might not always be suitable to describe tests for other types of accessibility requirements.</p> <h2 class="heading settled" data-level="3" id="rule-types"><span class="secno">3. </span><span class="content">ACT Rule Types</span><a class="self-link" href="#rule-types"></a></h2> <p>In accessibility, there are often different technical solutions to make the same type of content accessible. For example, there are multiple methods for giving an <code>img</code> element in HTML an accessible name. Multiple solutions could be tested in a single rule; however, such a rule tends to be quite complex, making it difficult to understand and maintain. The ACT Rules Format solves this by providing two types of rules:</p> <ul> <li data-md=""> <p><dfn class="dfn-paneled" data-dfn-type="dfn" data-noexport="" id="atomic-rules">Atomic rules</dfn> describe how to test a specific type of solution. It contains a precise definition of what elements, nodes or other "parts" of a <a data-link-type="dfn" href="#test-subject" id="ref-for-test-subject">test subject</a> are to be tested, and when those test targets are considered to pass or fail the rule. These rules are to be kept small and <em>atomic</em>. This means that atomic rules test a single "condition" and do so without using the <a data-link-type="dfn" href="#outcome" id="ref-for-outcome">outcomes</a> from other rules.</p> </li> <li data-md=""> <p><dfn class="dfn-paneled" data-dfn-type="dfn" data-noexport="" id="composite-rules">Composite rules</dfn> describe how the <a data-link-type="dfn" href="#outcome" id="ref-for-outcome①">outcomes</a> of multiple <a data-link-type="dfn" href="#atomic-rules" id="ref-for-atomic-rules">atomic rules</a> can be combined into a single outcome for each <a data-link-type="dfn" href="#test-target" id="ref-for-test-target">test target</a>. A composite rule can have multiple "conditions", each of these tested in a separate atomic rule. The logic in the composite rule describes how any one of these satisfying conditions, or some combination of them, is used to determine a single outcome.</p> </li> </ul> <p>Composite rules cannot contain other composite rules. Any time a nested composite rule would be needed, all of the relevant atomic rules can be combined directly into the new composite rule.</p> <aside class="example" id="example-73f36a1c"> <a class="self-link" href="#example-73f36a1c"></a> <header>Example of using multiple input rules in a composite rule:</header> <blockquote> <p>Each HTML <code>video</code> element meets all expectations from at least one of the following rules:</p> <ul> <li>Video elements have a transcript </li> <li>Video elements have an audio description </li> <li>Video elements have a description track </li> </ul> </blockquote> </aside> <p>Not all atomic rules have to be part of a composite rule. Composite rules are used when the <a data-link-type="dfn" href="#outcome" id="ref-for-outcome②">outcomes</a> of multiple atomic rules need to be combined to determine if a <a data-link-type="dfn" href="#test-subject" id="ref-for-test-subject①">test subject</a> does not satisfy an <a data-link-type="dfn" href="#accessibility-requirement" id="ref-for-accessibility-requirement②">accessibility requirement</a>.</p> <p>The separation between atomic rules and composite rules creates a division of responsibilities. Atomic rules test if web content is correctly implemented in a particular solution. Composite rules can test if a combination of <a data-link-type="dfn" href="#outcome" id="ref-for-outcome③">outcomes</a> from other atomic rules satisfy the accessibility requirement, in part or as a whole.</p> <h2 class="heading settled" data-level="4" id="act-rule-structure"><span class="secno">4. </span><span class="content">ACT Rule Structure</span><a class="self-link" href="#act-rule-structure"></a></h2> <p>An ACT Rule <em class="rfc2119">must</em> consist of at least the following items:</p> <ul> <li data-md=""> <p><dfn class="dfn-paneled" data-dfn-type="dfn" data-noexport="" id="descriptive-title">Descriptive Title</dfn></p> </li> <li data-md=""> <p><a href="#rule-identifier">Rule Identifier</a></p> </li> <li data-md=""> <p><a href="#rule-description">Rule Description</a></p> </li> <li data-md=""> <p><a href="#rule-type">Rule Type</a></p> </li> <li data-md=""> <p><a href="#accessibility-requirements-mapping">Accessibility Requirements Mapping</a></p> </li> <li data-md=""> <p><a href="#input">Rule Input</a>, which is one of the following:</p> <ul> <li data-md=""> <p><a href="#input-aspects">Input Aspects</a> (for atomic rules) OR</p> </li> <li data-md=""> <p><a href="#input-rules">Input Rules</a> (for composite rules)</p> </li> </ul> </li> <li data-md=""> <p><a href="#applicability">Applicability</a></p> </li> <li data-md=""> <p><a href="#expectations">Expectations</a></p> </li> <li data-md=""> <p><a href="#assumptions">Assumptions</a></p> </li> <li data-md=""> <p><a href="#accessibility-support">Accessibility Support</a></p> </li> <li data-md=""> <p><a href="#test-cases">Test Cases</a></p> </li> <li data-md=""> <p><a href="#change-log">Change Log</a></p> </li> <li data-md=""> <p><a href="#glossary">Glossary</a></p> </li> </ul> <p>An ACT Rule MAY also contain:</p> <ul> <li data-md=""> <p><a href="#issues-list">Issues List</a> (optional)</p> </li> <li data-md=""> <p><a href="#background">Background</a> (optional)</p> </li> <li data-md=""> <p><a href="#acknowledgements">Acknowledgements</a> (optional)</p> </li> </ul> <p>The ACT Rules format does not prescribe what format ACT Rules can be written in (e.g. HTML, DOCX, PDF, etc.). However, ACT Rules <em class="rfc2119">must</em> be written in a document that conforms to the Web Content Accessibility Guidelines <a data-link-type="biblio" href="#biblio-wcag">[WCAG]</a> or a comparable accessibility standard. This ensures that ACT Rules are accessible to people with disabilities. ACT Rule <a href="#test-cases">test cases</a> are allowed to contain inaccessible content. If any test case contains accessibility issues listed in <a href="https://www.w3.org/TR/WCAG21/#cc5">WCAG 2.1 Section 5.2.5 Non-Interference</a>, users <em class="rfc2119">must</em> be warned of this in advance. In addition to supporting people with disabilities, using an accessible format also makes internationalization of ACT Rules easier.</p> <h3 class="heading settled" data-level="4.1" id="rule-identifier"><span class="secno">4.1. </span><span class="content">Rule Identifier</span><a class="self-link" href="#rule-identifier"></a></h3> <p>An ACT Rule <em class="rfc2119">must</em> have an identifier. This identifier <em class="rfc2119">must</em> be unique when the rule is part of a ruleset. The identifier can be any text, such as plain text, URL, or a database identifier.</p> <aside class="example" id="example-8adf6793"> <a class="self-link" href="#example-8adf6793"></a> <header>Example of identifiers that are also used as filenames; They include a technology directory, followed by a handle that includes an element name or attribute:</header> <blockquote> <ul> <li>html+svg/video-alternative </li> <li>html+svg/meta-no-refresh </li> <li>html+svg/unique-id </li> </ul> </blockquote> </aside> <p>In addition to the identifier, each new release of an ACT Rule <em class="rfc2119">must</em> be versioned with either a date or a number. A reference to the previous version of that rule <em class="rfc2119">must</em> be available. The identifier <em class="rfc2119">must not</em> be changed when the rule is updated. For substantial changes, a new rule <em class="rfc2119">should</em> be created with a new identifier, and the old rule <em class="rfc2119">should</em> be deprecated.</p> <aside class="example" id="example-c6a27e25"> <a class="self-link" href="#example-c6a27e25"></a> <header>Example situation of updating a rule:</header> <blockquote> <p>When updating a rule that is about buttons, to now also be about links, menu items and tabs, the buttons rule is deprecated. As a replacement, a new rule is created that is applicable to all those elements.</p> </blockquote> </aside> <h3 class="heading settled" data-level="4.2" id="rule-description"><span class="secno">4.2. </span><span class="content">Rule Description</span><a class="self-link" href="#rule-description"></a></h3> <p>An ACT Rule <em class="rfc2119">must</em> have a description that is in plain language which provides a brief explanation of what the rule does.</p> <aside class="example" id="example-5275cb2a"> <a class="self-link" href="#example-5275cb2a"></a> <header>Example of a rule description:</header> <blockquote> <p>This rule checks that the HTML page has a title</p> </blockquote> </aside> <h3 class="heading settled" data-level="4.3" id="rule-type"><span class="secno">4.3. </span><span class="content">Rule Type</span><a class="self-link" href="#rule-type"></a></h3> <p>An ACT Rule <em class="rfc2119">must</em> have a rule type which is one of the following:</p> <ul> <li>Atomic rule </li> <li>Composite rule </li> </ul> <p>Refer to the <a href="#rule-types">Rule Type</a> section for detailed definitions of the rule types.</p> <h3 class="heading settled" data-level="4.4" id="accessibility-requirements-mapping"><span class="secno">4.4. </span><span class="content">Accessibility Requirements Mapping</span><a class="self-link" href="#accessibility-requirements-mapping"></a></h3> <p>When an ACT Rule is designed to test conformance to one or more <a data-link-type="dfn" href="#accessibility-requirements-document" id="ref-for-accessibility-requirements-document①">Accessibility requirements documents</a>, the rule <em class="rfc2119">must</em> list all <a data-link-type="dfn" href="#accessibility-requirement" id="ref-for-accessibility-requirement③">accessibility requirements</a> from those documents that are not satisfied when one or more of the <a data-link-type="dfn" href="#outcome" id="ref-for-outcome④">outcomes</a> of the rule is <code>failed</code>. For example, when designing a rule for WCAG that tests if image buttons have alternative text, the rule maps to success criteria 1.1.1 Non-text content, and 4.1.2 Name, Role, Value. That ACT Rule will list both success criteria in its accessibility requirements mapping.</p> <p>Each <a data-link-type="dfn" href="#accessibility-requirement" id="ref-for-accessibility-requirement④">accessibility requirement</a> in the mapping <em class="rfc2119">must</em> include the following:</p> <ol> <li data-md=""> <p>either the name, title, identifier or summary of the accessibility requirement, and</p> </li> <li data-md=""> <p>the name of the <a data-link-type="dfn" href="#accessibility-requirements-document" id="ref-for-accessibility-requirements-document②">accessibility requirements document</a>, and</p> </li> <li data-md=""> <p>a link or reference to the <a data-link-type="dfn" href="#accessibility-requirements-document" id="ref-for-accessibility-requirements-document③">accessibility requirements document</a> if one exists, and</p> </li> <li data-md=""> <p>the conformance level associated with the accessibility requirement, if one exists.</p> </li> </ol> <h4 class="heading settled" data-level="4.4.1" id="outcome-mapping"><span class="secno">4.4.1. </span><span class="content">Outcome Mapping</span><a class="self-link" href="#outcome-mapping"></a></h4> <p>For each accessibility requirement in the mapping, an ACT Rule <em class="rfc2119">must</em> indicate what the <a data-link-type="dfn" href="#outcome" id="ref-for-outcome⑤">outcomes</a> of the rule mean for satisfying that accessibility requirement for that <a data-link-type="dfn" href="#test-subject" id="ref-for-test-subject②">test subject</a>. When one or more of the outcomes for a test target is <code>failed</code>, the accessibility requirements are <dfn data-dfn-type="dfn" data-noexport="" id="not-satisfied">not satisfied<a class="self-link" href="#not-satisfied"></a></dfn> for the test subject. When all of the outcomes are <code>passed</code> or <code>inapplicable</code>, the accessibility requirements could be <dfn data-dfn-type="dfn" data-noexport="" id="satisfied">satisfied<a class="self-link" href="#satisfied"></a></dfn>, or <dfn data-dfn-type="dfn" data-noexport="" id="further-testing-is-needed">further testing is needed<a class="self-link" href="#further-testing-is-needed"></a></dfn>. Rules that can be used to determine if an accessibility requirement is <em>satisfied</em> are called <dfn data-dfn-type="dfn" data-noexport="" id="satisfying-tests">satisfying tests<a class="self-link" href="#satisfying-tests"></a></dfn>.</p> <div class="note" role="note"> <p><strong>Note:</strong> In the <a href="https://www.w3.org/WAI/standards-guidelines/wcag/">Web Content Accessibility Guidelines</a> <a data-link-type="biblio" href="#biblio-wcag">[WCAG]</a>, success criteria do not evaluate to <code>passed</code>, <code>failed</code> or <code>inapplicable</code>. Rather they can be <em>satisfied</em> (or not). (See the <a href="https://www.w3.org/TR/WCAG21/#dfn-satisfies">WCAG 2.1 definition: satisfies a success criterion</a>.) If a success criterion is <em>not satisfied</em>, a web page can only conform if there is a conforming alternative version, as described in <a href="https://www.w3.org/TR/WCAG21/#cc1">WCAG 2.1 Conformance Requirement 1</a>.</p> </div> <aside class="example" id="example-cd520eaa"> <a class="self-link" href="#example-cd520eaa"></a> <header>Example accessibility requirements mapping for a rule that tests if an image button has an accessible name:</header> <blockquote> <ul> <li> <a href="https://www.w3.org/TR/WCAG21/#non-text-content">Success criterion 1.1.1: Non-text content</a> <ul> <li><strong>Required for conformance</strong> to WCAG 2.0 and WCAG 2.1 level A and higher </li> <li> Outcome mapping: <ul> <li>Any <code>failed</code> outcomes: not satisfied </li> <li>All <code>passed</code> outcomes: further testing is needed </li> <li>An <code>inapplicable</code> outcome: further testing is needed </li> </ul> </li> </ul> </li> <li> <a href="https://www.w3.org/TR/WCAG21/#name-role-value">Success criterion 4.1.2: Name, Role, Value</a> <ul> <li><strong>Required for conformance</strong> to WCAG 2.0 and WCAG 2.1 level A and higher </li> <li> Outcome mapping: <ul> <li>Any <code>failed</code> outcomes: not satisfied </li> <li>All <code>passed</code> outcomes: further testing is needed </li> <li>An <code>inapplicable</code> outcome: further testing is needed </li> </ul> </li> </ul> </li> </ul> </blockquote> </aside> <h4 class="heading settled" data-level="4.4.2" id="mapping-outside-wcag"><span class="secno">4.4.2. </span><span class="content">Mapping Outside WCAG</span><a class="self-link" href="#mapping-outside-wcag"></a></h4> <p>ACT Rules can be used to test accessibility requirements that are not part of a W3C accessibility standard, such as accessibility requirements in <a href="https://www.w3.org/TR/html/">Hypertext Markup Language</a> <a data-link-type="biblio" href="#biblio-html">[HTML]</a>, or tests in a methodology like <a href="https://disic.github.io/rgaa_referentiel_en/criteria.html">RGAA 3 2016</a>. An ACT Rule <em class="rfc2119">must</em> indicate whether or not the <a data-link-type="dfn" href="#accessibility-requirement" id="ref-for-accessibility-requirement⑤">accessibility requirement</a> it maps to is required for conformance in its <a data-link-type="dfn" href="#accessibility-requirements-document" id="ref-for-accessibility-requirements-document④">accessibility requirements document</a>. Examples of accessibility requirements that are not required for conformance are WCAG sufficient techniques, or a company style guide that includes both requirements and optional "best practices". The distinction between what is required and what is optional has to be clear.</p> <aside class="example" id="example-fd451b99"> <a class="self-link" href="#example-fd451b99"></a> <header>Example accessibility requirements mapping for a rule that tests that each <code>img</code> element has an <code>alt</code> attribute:</header> <blockquote> <ul> <li> <a href="https://www.w3.org/TR/WCAG20-TECHS/H37.html">Technique H37: Using alt attributes on img elements</a> <ul> <li><strong>Not required</strong> for conformance to WCAG 2.0 and WCAG 2.1 at any level </li> <li> Outcome mapping: <ul> <li>Any <code>failed</code> outcomes: not satisfied </li> <li>All <code>passed</code> outcomes: satisfied </li> <li>An <code>inapplicable</code> outcome: satisfied </li> </ul> </li> </ul> </li> <li> <a href="https://disic.github.io/rgaa_referentiel_en/criteria.html#test-1-1-1">RGAA 3, Test 1.1.1: Does each image have a text alternative</a> <ul> <li><strong>Required for conformance</strong> to RGAA 3 level A and higher </li> <li> Outcome mapping: <ul> <li>Any <code>failed</code> outcomes: not satisfied </li> <li>All <code>passed</code> outcomes: satisfied </li> <li>An <code>inapplicable</code> outcome: satisfied </li> </ul> </li> </ul> </li> </ul> </blockquote> </aside> <h4 class="heading settled" data-level="4.4.3" id="rules-without-accessibility-requirements"><span class="secno">4.4.3. </span><span class="content">Rules Without Accessibility Requirements</span><a class="self-link" href="#rules-without-accessibility-requirements"></a></h4> <p>If the rule does not map to any <a data-link-type="dfn" href="#accessibility-requirement" id="ref-for-accessibility-requirement⑥">accessibility requirement</a>, the accessibility requirement mapping will only contain the explainer that it is not required for conformance to the <a data-link-type="dfn" href="#accessibility-requirements-document" id="ref-for-accessibility-requirements-document⑤">accessibility requirements document</a>. This is common with atomic rules used in composite rules.</p> <aside class="example" id="example-707e7231"> <a class="self-link" href="#example-707e7231"></a> <header>Example of a rule that tests if <code>role=alert</code> is used to satisfy <a href="https://www.w3.org/TR/WCAG21/#status-messages">WCAG 2.1 success criterion 4.1.3 Status Messages</a>:</header> <blockquote> <p>This rule is <strong>not required</strong> for conformance to WCAG 2.1 at any level.</p> </blockquote> </aside> <p>If the <code>failed</code> <a data-link-type="dfn" href="#outcome" id="ref-for-outcome⑥">outcome</a> cannot be mapped to an <a data-link-type="dfn" href="#accessibility-requirement" id="ref-for-accessibility-requirement⑦">accessibility requirement</a>, there <em class="rfc2119">must not</em> be an accessibility requirement in the accessibility requirements mapping. The optional <a href="#background">Background section</a> could be used to list <a data-link-type="dfn" href="#accessibility-requirements-document" id="ref-for-accessibility-requirements-document⑥">accessibility requirements documents</a> when they are thematically related, but for which the rule is not a failure test.</p> <h4 class="heading settled" data-level="4.4.4" id="external-accessibility-requirements-mapping"><span class="secno">4.4.4. </span><span class="content">External Accessibility Requirements Mapping</span><a class="self-link" href="#external-accessibility-requirements-mapping"></a></h4> <p>This section is <em>non-normative</em>.</p> <p>While rules are often designed for one, or possibly a small collection of <a data-link-type="dfn" href="#accessibility-requirements-document" id="ref-for-accessibility-requirements-document⑦">accessibility requirements documents</a>, it is likely that other accessibility requirements documents also map to those ACT Rules. For example, rules can be written for the <a href="https://www.w3.org/WAI/standards-guidelines/wcag/">Web Content Accessibility Guidelines</a> <a data-link-type="biblio" href="#biblio-wcag">[WCAG]</a>, but many of those could also map to a company’s internal accessibility policy. In such a scenario, an external accessibility requirements mapping could be created. An external accessibility requirements mapping amends the accessibility requirements mapping of an ACT rule by adding mapping to a different accessibility requirements document. An external accessibility requirements mapping avoids duplication of a rule for the sole purpose of changing the mapping.</p> <h3 class="heading settled" data-level="4.5" id="input"><span class="secno">4.5. </span><span class="content">Rule Input</span><a class="self-link" href="#input"></a></h3> <p>To evaluate content using an ACT Rule, the rule requires some information from the <a data-link-type="dfn" href="#test-subject" id="ref-for-test-subject③">test subject</a>. This is the input for the rule. What input is required is made explicit, to help testers understand what capabilities are required to use a rule. <a data-link-type="dfn" href="#atomic-rules" id="ref-for-atomic-rules①">Atomic rules</a> and <a data-link-type="dfn" href="#composite-rules" id="ref-for-composite-rules">composite rules</a> have different input.</p> <ul> <li data-md=""> <p>Atomic rules have <a href="#input-aspects">Input Aspects</a></p> </li> <li data-md=""> <p>Composite rules have <a href="#input-rules">Input Rules</a></p> </li> </ul> <h4 class="heading settled" data-level="4.5.1" id="input-aspects"><span class="secno">4.5.1. </span><span class="content">Input Aspects (Atomic rules only)</span><a class="self-link" href="#input-aspects"></a></h4> <p>An input aspect is a distinct part of the <a data-link-type="dfn" href="#test-subject" id="ref-for-test-subject④">test subject</a>. Rendering a particular piece of content to an end user commonly involves different technologies, some or all of which are required as input for an <a data-link-type="dfn" href="#atomic-rules" id="ref-for-atomic-rules②">atomic rule</a>. For example, some rules need to operate directly on the <a href="https://tools.ietf.org/html/rfc7230">Hypertext Transfer Protocol</a> <a data-link-type="biblio" href="#biblio-http11">[http11]</a> messages exchanged between a server and a client, while others need to operate on the <a href="https://dom.spec.whatwg.org">Document Object Model</a> <a data-link-type="biblio" href="#biblio-dom">[DOM]</a> tree exposed by a web browser.</p> <p><a data-link-type="dfn" href="#atomic-rules" id="ref-for-atomic-rules③">Atomic rules</a> <em class="rfc2119">must</em> list the aspects used as input for the <a href="#applicability-atomic">applicability</a> and <a href="#expectations-atomic">expectations</a> of the atomic rule. Rules can operate on several aspects simultaneously, such as both the HTTP messages and the DOM tree.</p> <p>Some input aspects are well defined in a formal specification, such as HTTP messages, the DOM tree, and CSS styling <a data-link-type="biblio" href="#biblio-css-2018">[css-2018]</a>. For these, a reference to the corresponding section in the <a href="https://www.w3.org/TR/act-rules-aspects/">Common Input Aspects note</a> is sufficient as a description of the aspect. For input aspects that are not well defined, an ACT Rule <em class="rfc2119">must</em> include either a detailed description of the aspect in question, or a reference to a well defined description.</p> <aside class="example" id="example-43214b40"> <a class="self-link" href="#example-43214b40"></a> <header>Example input aspects for a rule that checks if a transcript is available for videos:</header> <blockquote> <ul> <li>DOM Tree </li> <li>CSS Styling </li> <li>Audio output </li> <li>Visual output </li> </ul> </blockquote> </aside> <aside class="example" id="example-22444586"> <a class="self-link" href="#example-22444586"></a> <header>Example input aspects for a rule that checks for use of (language specific) generic link texts like "click here" and "more":</header> <blockquote> <ul> <li>DOM Tree </li> <li>CSS Styling </li> <li>Language </li> </ul> </blockquote> </aside> <p>The method through which an input aspect is served is not relevant. For example a DOM tree can be served through HTTP as HTML, it can be bundled as several pages in an <a href="http://www.idpf.org/epub3/latest/">EPUB publication</a>, or it can be inferred from a <a href="https://facebook.github.io/jsx/">JSX source file</a>. All rules that have only DOM tree as an input aspect can be applied to those technologies.</p> <h4 class="heading settled" data-level="4.5.2" id="input-rules"><span class="secno">4.5.2. </span><span class="content">Input Rules (Composite rules only)</span><a class="self-link" href="#input-rules"></a></h4> <p>A <a data-link-type="dfn" href="#composite-rules" id="ref-for-composite-rules①">composite rule</a> uses <a data-link-type="dfn" href="#outcome" id="ref-for-outcome⑦">outcomes</a> from <a data-link-type="dfn" href="#atomic-rules" id="ref-for-atomic-rules④">atomic rules</a> and applies logic to them so that a single outcome can be determined for each <a data-link-type="dfn" href="#test-target" id="ref-for-test-target①">test target</a>. The <a href="#rule-identifier">identifier</a> and <a data-link-type="dfn" href="#descriptive-title" id="ref-for-descriptive-title">descriptive title</a> of all the atomic rules used in the <a href="#expectations-composite">expectations</a> <em class="rfc2119">must</em> be listed in the composite rule. The input rules describe the input for composite rules, similar to how <a href="#input-aspects">input aspects</a> describe the input for atomic rules.</p> <h3 class="heading settled" data-level="4.6" id="applicability"><span class="secno">4.6. </span><span class="content">Applicability</span><a class="self-link" href="#applicability"></a></h3> <p>The applicability describes what parts of the <a data-link-type="dfn" href="#test-subject" id="ref-for-test-subject⑤">test subject</a> are tested.</p> <h4 class="heading settled" data-level="4.6.1" id="applicability-atomic"><span class="secno">4.6.1. </span><span class="content">Applicability for Atomic Rules</span><a class="self-link" href="#applicability-atomic"></a></h4> <p>The applicability section is a required part of an <a data-link-type="dfn" href="#atomic-rules" id="ref-for-atomic-rules⑤">atomic rule</a>. It <em class="rfc2119">must</em> contain a precise description of the parts of the <a data-link-type="dfn" href="#test-subject" id="ref-for-test-subject⑥">test subject</a> to which the rule applies. For example, specific nodes in the DOM <a data-link-type="biblio" href="#biblio-dom">[DOM]</a> tree, or tags that are incorrectly closed in an HTML <a data-link-type="biblio" href="#biblio-html">[HTML]</a> document. These are known as the <a data-link-type="dfn" href="#test-target" id="ref-for-test-target②">test targets</a>. The applicability <em class="rfc2119">must</em> only use information made available through the listed <a href="#input-aspects">input aspects</a> in the rule. No other information can be used in the applicability. Applicability <em class="rfc2119">must</em> be described objectively, unambiguously and in plain language.</p> <p>An objective description is one that can be resolved without uncertainty, in a given technology. Examples of objective properties in HTML are tag names, their computed role, the distance between two elements, etc. Subjective properties on the other hand, are concepts like decorative, navigation mechanism and pre-recorded.</p> <p>Even concepts like headings and images can be misunderstood. These terms could refer to the tag name, the semantic role, or the element’s purpose on the web page because they are ambiguous. The latter of which is almost impossible to define objectively. When used in applicability, potentially ambiguous concepts <em class="rfc2119">must</em> be defined objectively. Definitions can be put in the rule <a href="#glossary">glossary</a>, or they can be defined in the section where they are used.</p> <aside class="example" id="example-7b01134a"> <a class="self-link" href="#example-7b01134a"></a> <header>Example applicability of an atomic rule testing <a href="https://www.w3.org/WAI/WCAG21/quickref/#audio-control">WCAG 2.1 success criterion 1.4.2 Audio Control</a>:</header> <blockquote> <p>Each <code>video</code> or <code>audio</code> element with the <code>autoplay</code> attribute, as well as each <code>object</code> element that is used for automatically playing video or audio when the web page loads.</p> <p>Note: A web page is considered "loaded" when the <code>document.readyState</code> is set to <code>complete</code>.</p> </blockquote> </aside> <aside class="example" id="example-5412edb8"> <a class="self-link" href="#example-5412edb8"></a> <header>Example applicability of a rule with the page as a test target</header> <blockquote> <p>The rule applies to any page where the document element is an <code>html</code> element, and the <code>html</code> element is rendered in a top-level context (i.e. the <code>html</code> element is not embedded in another page, such as through <code>iframe</code> or <code>object</code> elements). </p> </blockquote> </aside> <aside class="example" id="example-2aec263c"> <a class="self-link" href="#example-2aec263c"></a> <header>Example applicability of a rule with a DOM attribute as a test target</header> <blockquote> <p>The rule applies to any <code>role</code> attribute that is specified on an HTML or SVG element.</p> </blockquote> </aside> <h4 class="heading settled" data-level="4.6.2" id="applicability-composite"><span class="secno">4.6.2. </span><span class="content">Applicability for Composite Rules</span><a class="self-link" href="#applicability-composite"></a></h4> <p>The applicability of a composite rule is defined as the union of all applicability definitions from the rules listed in the <a href="#input-rules">input rules</a>. Rule authors <em class="rfc2119">may</em> omit a description of the applicability for composite rules. This can be useful if it is difficult to express the combined applicability in plain language. If the composite rule includes applicability, it <em class="rfc2119">must</em> be the union of all the applicability in the <a href="#input-rules">input rules</a>.</p> <p>Note that input rules in a composite rule <em class="rfc2119">may</em> have different applicability. Because of this, not every test target applicable within the composite rule is tested by every input rule.</p> <aside class="example" id="example-5ca938b6"> <a class="self-link" href="#example-5ca938b6"></a> <header>Example of the union of applicability of input rules in a composite rule:</header> <blockquote> <p><strong>Input applicability:</strong></p> <ul> <li><strong>Input Rule 1:</strong> All <code>img</code> element <em>with</em> an <code>alt</code> attribute </li> <li><strong>Input Rule 2:</strong> All <code>img</code> element <em>without</em> an <code>alt</code> attribute </li> </ul> <p><strong>Combined applicability:</strong></p> <p>All <code>img</code> elements.</p> </blockquote> </aside> <h3 class="heading settled" data-level="4.7" id="expectations"><span class="secno">4.7. </span><span class="content">Expectations</span><a class="self-link" href="#expectations"></a></h3> <p>An ACT Rule <em class="rfc2119">must</em> contain one or more expectations. The expectations describe what the requirements are for the <a data-link-type="dfn" href="#test-target" id="ref-for-test-target③">test targets</a> derived from the <a href="#applicability">applicability</a>. An expectation is an assertion about a <a data-link-type="dfn" href="#test-target" id="ref-for-test-target④">test target</a>. When a test target meets all expectations, the test target <code>passed</code> the rule. If the test target does not meet all expectations, the test target <code>failed</code> the rule. If there are no test targets, the <a data-link-type="dfn" href="#outcome" id="ref-for-outcome⑧">outcome</a> for the rule is <code>inapplicable</code>.</p> <p>Each expectation <em class="rfc2119">must</em> be distinct, unambiguous, and be written in plain language.</p> <h4 class="heading settled" data-level="4.7.1" id="expectations-atomic"><span class="secno">4.7.1. </span><span class="content">Expectations for Atomic Rules</span><a class="self-link" href="#expectations-atomic"></a></h4> <p>All expectations of an <a data-link-type="dfn" href="#atomic-rules" id="ref-for-atomic-rules⑥">atomic rule</a> <em class="rfc2119">must</em> describe the logic that is used to determine a single <code>passed</code> or <code>failed</code> <a data-link-type="dfn" href="#outcome" id="ref-for-outcome⑨">outcome</a> for a <a data-link-type="dfn" href="#test-target" id="ref-for-test-target⑤">test target</a>. The expectation <em class="rfc2119">must</em> only use information available in the <a href="#input-aspects">input aspects</a>, from the applicability, and other expectations of the same rule. No other information can be used in the expectation. So for instance, an expectation could be "Expectation 1 is true and ...", but it can’t be "Rule XYZ passed and ...". This ensures that atomic rules are encapsulated.</p> <aside class="example" id="example-6e5a951f"> <a class="self-link" href="#example-6e5a951f"></a> <header>Example expectations of a rule to test for accessible names of HTML <code>input</code> elements:</header> <blockquote> <ol> <li>Each HTML <code>input</code> element has an accessible name (as described in <a href="https://www.w3.org/TR/accname-aam-1.1/#mapping_additional_nd_te">Accessible Name and Description: Computation and API Mappings 1.1</a>). <a data-link-type="biblio" href="#biblio-accname-aam-11">[accname-aam-1.1]</a> </li> <li>The accessible name describes the purpose of each HTML <code>input</code> element. </li> </ol> </blockquote> </aside> <aside class="example" id="example-3722e455"> <a class="self-link" href="#example-3722e455"></a> <header>Example expectation of a rule to test if a <code>role</code> attribute is valid:</header> <blockquote> <ol> <li>Each <code>role</code> attribute has a value that corresponds to a non-abstract <a href="https://www.w3.org/TR/wai-aria/">WAI-ARIA 1.1</a> role. </li> </ol> </blockquote> </aside> <div class="note" role="note"> <p><strong>Note:</strong> Sometimes there is the need for rules with more complex aggregation, for example that X% of all images on a web page are expected to have text alternatives. In this case, the page itself needs to become the test target. The expectation would then be "The test target (the page) has a text alternative for X% of all img elements". The logic for calculating the expectations in such rules is left to the implementations, to avoid over-complexity of this rules format.</p> </div> <h4 class="heading settled" data-level="4.7.2" id="expectations-composite"><span class="secno">4.7.2. </span><span class="content">Expectations for Composite Rules</span><a class="self-link" href="#expectations-composite"></a></h4> <p>All expectations of a <a data-link-type="dfn" href="#composite-rules" id="ref-for-composite-rules②">composite rule</a> <em class="rfc2119">must</em> describe the logic that is used to determine a single <code>passed</code> or <code>failed</code> <a data-link-type="dfn" href="#outcome" id="ref-for-outcome①⓪">outcome</a> for a <a data-link-type="dfn" href="#test-target" id="ref-for-test-target⑥">test target</a>, based on the outcomes of rules in its <a href="#input-rules">input rules</a>. A composite rule expectation <em class="rfc2119">must not</em> use information from <a href="#input-aspects">input aspects</a>. The outcome for a composite rule is <code>inapplicable</code> when all input rules are inapplicable.</p> <aside class="example" id="example-b02f1892"> <a class="self-link" href="#example-b02f1892"></a> <header>Example expectations for the composite rule 'video elements have an audio description or media alternative' (<a href="https://www.w3.org/WAI/WCAG21/quickref/#audio-description-or-media-alternative-prerecorded">WCAG 2.1 success criterion 1.2.3 Audio Description or Media Alternative</a>):</header> <blockquote> <p>Each HTML <code>video</code> element meets all expectations from at least one of the following rules:</p> <ul> <li>video elements have a transcript </li> <li>video elements have an audio description </li> <li>video elements have a description track </li> </ul> </blockquote> </aside> <aside class="example" id="example-b218f8a4"> <a class="self-link" href="#example-b218f8a4"></a> <header>Example expectations for a composite rule that checks if a mechanism is available to escape a keyboard trap; Either through a standard mechanism, or one for which instructions are available:</header> <blockquote> <p>For each focusable element, the outcome of one of the following rules is <code>passed</code>:</p> <ul> <li>Keyboard trap with standard escape mechanism </li> <li>Keyboard trap with escape instructions </li> </ul> </blockquote> </aside> <h3 class="heading settled" data-level="4.8" id="assumptions"><span class="secno">4.8. </span><span class="content">Assumptions</span><a class="self-link" href="#assumptions"></a></h3> <p>An ACT Rule <em class="rfc2119">must</em> list any known assumptions, limitations or any exceptions for the evaluation, the test environment, technologies being used or the subject being tested. For example, a rule that would partially test <a href="https://www.w3.org/WAI/WCAG21/quickref/#contrast-minimum">WCAG 2.1 success criterion 1.4.3 Contrast (Minimum)</a> based on the inspection of CSS properties could state that it is only applicable to HTML text content styleable with CSS, and that the rule does not support images of text.</p> <p>Sometimes there are multiple plausible ways that an accessibility requirement can be interpreted. For instance, it is not immediately obvious if emoji characters are "text" or "non-text content" in the <a href="https://www.w3.org/WAI/standards-guidelines/wcag/">Web Content Accessibility Guidelines</a> <a data-link-type="biblio" href="#biblio-wcag">[WCAG]</a>. Whatever the interpretation is, this <em class="rfc2119">must</em> be documented in the rule.</p> <p>While the assumptions <em class="rfc2119">must</em> be included in the ACT Rule, it <em class="rfc2119">may</em> be empty when there are no known assumptions, limitations or exceptions.</p> <h3 class="heading settled" data-level="4.9" id="accessibility-support"><span class="secno">4.9. </span><span class="content">Accessibility Support</span><a class="self-link" href="#accessibility-support"></a></h3> <p>Content can be designed to rely on the support for particular accessibility features by different assistive technologies and user agents. For example, content using a particular <a href="https://www.w3.org/TR/wai-aria/">WAI-ARIA 1.1</a> feature relies on that feature to be supported by assistive technologies and user agents. This content would not work for assistive technologies and user agents that do not support WAI-ARIA. See the WCAG definition for <a href="https://www.w3.org/TR/WCAG21/#dfn-accessibility-supported">accessibility supported</a> use of a web technology.</p> <p>An ACT Rule <em class="rfc2119">must</em> include known limitations on accessibility support.</p> <aside class="example" id="example-9e5ab5bd"> <a class="self-link" href="#example-9e5ab5bd"></a> <header> Example of a rule that checks if <code>aria-errormessage</code> is used to satisfy <a href="https://www.w3.org/TR/WCAG21/#status-messages">WCAG 2.1 success criterion 4.1.3 Status messages</a>: </header> <blockquote> <p> The <code>aria-errormessage</code> property is known to have limited support with several major screen readers. This method cannot be relied on for support. Alternatives, like using live regions, could serve as fallback. (January 2019) </p> </blockquote> </aside> <p>While an accessibility support section <em class="rfc2119">must</em> be included in the ACT Rule, it <em class="rfc2119">may</em> be empty when there are no known accessibility support issues.</p> <div class="note" role="note"> <p><strong>Note:</strong> The Website Accessibility Conformance Evaluation Methodology (WCAG-EM) provides guidance on defining an <a href="https://www.w3.org/TR/WCAG-EM/#step1c">accessibility support baseline</a> for test scenarios, which can help users of ACT Rules to select the appropriate rules for their own circumstance.</p> </div> <h3 class="heading settled" data-level="4.10" id="test-cases"><span class="secno">4.10. </span><span class="content">Test Cases</span><a class="self-link" href="#test-cases"></a></h3> <p>Test cases are (snippets of) content that can be used to validate the implementation of ACT Rules. Each rule <em class="rfc2119">must</em> have one or more test cases for <code>passed</code>, <code>failed</code>, and <code>inapplicable</code> <a data-link-type="dfn" href="#outcome" id="ref-for-outcome①①">outcomes</a>. A test case consists of two pieces of data, a snippet of each <a href="#input-aspects">input aspect</a> for a rule, and the expected outcome for that rule. Test cases serve two functions, firstly as example scenarios for readers to understand when the outcome of a rule is <code>passed</code>, <code>failed</code>, or <code>inapplicable</code>. It also serves developers and users of accessibility testing tools and methodologies to validate that a rule is correctly implemented.</p> <aside class="example" id="example-09b9695b"> <a class="self-link" href="#example-09b9695b"></a> <header>Example of HTML test cases for a rule that checks if <code>img</code> elements have a text alternative:</header> <blockquote> <p>Example of a <code>passed</code> outcome:</p> <pre class="language-html highlight"><c- p=""><</c-><c- f="">img</c-> <c- e="">alt</c-><c- o="">=</c-><c- s="">"W3C Logo"</c-> <c- e="">src</c-><c- o="">=</c-><c- s="">"image/w3c.png"</c-><c- p="">></c-> </pre> <p>Example of a <code>failed</code> outcome:</p> <pre class="language-html highlight"><c- p=""><</c-><c- f="">img</c-> <c- e="">src</c-><c- o="">=</c-><c- s="">"image/w3c.png"</c-><c- p="">></c-> </pre> <p>Example of an <code>inapplicable</code> outcome:</p> <pre class="language-html highlight"><c- p=""><</c-><c- f="">input</c-> <c- e="">type</c-><c- o="">=</c-><c- s="">"image"</c-> <c- e="">alt</c-><c- o="">=</c-><c- s="">"W3C Logo"</c-> <c- e="">src</c-><c- o="">=</c-><c- s="">"image/w3c.png"</c-><c- p="">></c-> </pre> </blockquote> </aside> <h3 class="heading settled" data-level="4.11" id="change-log"><span class="secno">4.11. </span><span class="content">Change Log</span><a class="self-link" href="#change-log"></a></h3> <p>It is important to keep track of changes to the ACT Rules so that users of the rules can understand if changes in test results are due to changes in the rules used when performing the tests, or from changes in the content itself. All changes to an ACT Rule that can change the <a data-link-type="dfn" href="#outcome" id="ref-for-outcome①②">outcomes</a> of an evaluation <em class="rfc2119">must</em> be recorded in a change log. The change log can either be part of the rule document itself or be referenced from it.</p> <h3 class="heading settled" data-level="4.12" id="glossary"><span class="secno">4.12. </span><span class="content">Glossary</span><a class="self-link" href="#glossary"></a></h3> <p>ACT Rules <em class="rfc2119">must</em> have a glossary section. The glossary <em class="rfc2119">must</em> contain the <a data-link-type="dfn" href="#outcome" id="ref-for-outcome①③">outcome</a> definition, as well as any definitions used in <a href="#applicability">applicability</a> and <a href="#expectations">expectations</a> sections in the rule. Since changes to the definition change the rule, those definitions cannot be maintained independently of the rule. If a shared glossary is used for rules, any definition changes <em class="rfc2119">must</em> be included in the <a href="#change-log">change log</a> of all rules that use that definition.</p> <h3 class="heading settled" data-level="4.13" id="issues-list"><span class="secno">4.13. </span><span class="content">Issues List (optional)</span><a class="self-link" href="#issues-list"></a></h3> <p>An ACT Rule <em class="rfc2119">may</em> include a list or a reference to a list of any known issues. The issues list would be used to record cases where an <a data-link-type="dfn" href="#outcome" id="ref-for-outcome①④">outcome</a> of an ACT Rule was <code>failed</code> where it ought to have been <code>passed</code> or <code>inapplicable</code>, or vice versa. There are several reasons why this might occur. See <a href="#rule-accuracy">rule accuracy</a> for more information.</p> <p>The issues list serves two purposes. For users of ACT Rules, the issues list gives insight into why an inaccurate result occurred, as well as provide confidence in the result of that rule. For the designer of the rule, the issues list is also useful to plan future updates to the rule. In a new version of the rule, resolved issues would be moved to the change log.</p> <h3 class="heading settled" data-level="4.14" id="background"><span class="secno">4.14. </span><span class="content">Background (optional)</span><a class="self-link" href="#background"></a></h3> <p>An ACT Rule <em class="rfc2119">may</em> contain information about the background for the development of the rule, or references to relevant reading. The background information is optional, but whenever it is included in the rule, the relationship to the relevant reading can be specified. Examples of relevant background references for a rule for a <a href="https://www.w3.org/WAI/standards-guidelines/wcag/">Web Content Accessibility Guidelines</a> <a data-link-type="biblio" href="#biblio-wcag">[WCAG]</a> success criterion could be <a href="https://www.w3.org/WAI/WCAG21/Understanding/">WCAG 2.1 Understanding documents</a>, <a href="https://www.w3.org/WAI/WCAG21/Techniques/">WCAG 2.1 Techniques</a>, or <a href="https://www.w3.org/TR/wai-aria/">WAI-ARIA 1.1</a>, CSS <a data-link-type="biblio" href="#biblio-css-2018">[css-2018]</a>, or HTML <a data-link-type="biblio" href="#biblio-html">[HTML]</a> specifications.</p> <h3 class="heading settled" data-level="4.15" id="acknowledgements"><span class="secno">4.15. </span><span class="content">Acknowledgements (optional)</span><a class="self-link" href="#acknowledgements"></a></h3> <p>An ACT Rule <em class="rfc2119">may</em> contain acknowledgements. This can include, but is not limited to:</p> <ul> <li data-md=""> <p>List of rule authors</p> </li> <li data-md=""> <p>List of rule reviewers/contributors</p> </li> <li data-md=""> <p>Funding or other support</p> </li> </ul> <h2 class="heading settled" data-level="5" id="rule-accuracy"><span class="secno">5. </span><span class="content">Rule Accuracy</span><a class="self-link" href="#rule-accuracy"></a></h2> <p>This section is <em>non-normative</em>.</p> <p>While <a href="#test-cases">test cases</a> can be used to determine if an ACT Rule was correctly implemented, they do not guarantee that implementations will never produce incorrect results. When writing ACT Rules, it is almost inevitable that edge cases will be overlooked. Technologies are always evolving, and content authors are constantly coming up with new and unexpected ways to use them. Some examples of causes for inaccuracy are:</p> <ul> <li data-md=""> <p><a href="#assumptions">Assumptions</a> were made about the test subject that turned out to be untrue</p> </li> <li data-md=""> <p>Technologies were used in an unusual and difficult to predict manner</p> </li> <li data-md=""> <p>Technologies have changes, or aspects of the technologies were overlooked</p> </li> <li data-md=""> <p>The accessibility requirement was not correctly interpreted</p> </li> </ul> <p>There are two types of inaccuracies that can produce incorrect results. Inaccuracies in the <strong>implementation</strong> can be addressed with test cases, but inaccuracies in the <strong>ACT Rule itself</strong> cannot. After all, rule inaccuracies come from the rule author being unaware of a particular edge case.</p> <p>When a test result incorrectly indicates non-conformance to an accessibility requirement, this is known as a false positive. Opposite, when a rule incorrectly indicates conformance, this is a false negative. A percentage of false positives and false negatives can be calculated by comparing it to results from an accessibility audit:</p> <ul> <li data-md=""> <p><strong>False positives:</strong> This is the percentage of <a data-link-type="dfn" href="#test-target" id="ref-for-test-target⑦">test targets</a>, that were <code>failed</code> by the rule, but satisfy the <a data-link-type="dfn" href="#accessibility-requirement" id="ref-for-accessibility-requirement⑧">accessibility requirements</a>.</p> </li> <li data-md=""> <p><strong>False negatives:</strong> This is the percentage of <a data-link-type="dfn" href="#test-target" id="ref-for-test-target⑧">test targets</a>, that were <code>passed</code> by the rule, but do not satisfy the <a data-link-type="dfn" href="#accessibility-requirement" id="ref-for-accessibility-requirement⑨">accessibility requirements</a>.</p> </li> </ul> <p>The ever present possibility of false positives and false negatives with ACT Rules means they will likely require ongoing maintenance. Designing a process for maintaining ACT Rules is outside the scope of the ACT Rules Format, which is limited to the rules themselves. Nevertheless, it is suggested that rule authors work out a process for maintaining their rules.</p> <h2 class="heading settled" data-level="6" id="harmonization"><span class="secno">6. </span><span class="content">Harmonization</span><a class="self-link" href="#harmonization"></a></h2> <p>This section is <em>non-normative</em>.</p> <p>While the ACT Rules Format is designed to stimulate harmonization, there are no direct requirement in the ACT Rules Format that prevent a rule author from writing rules inconsistent with already established ACT Rules. Neither are there requirements for ACT Rules to have a certain number of implementations, or to have a certain level of accuracy. This allows quality requirements to be different for different rulesets, and allows them to develop over time.</p> <p>Harmonization occurs when a group of rule implementors collectively accept the validity of an ACT Rule. For example, a community group of accessibility testing tool vendors could declare they have harmonized on a particular set of ACT Rules. Such a group can set acceptance criteria for rules, and have quality requirements that go beyond the ACT Rules Format.</p> <aside class="example" id="example-65a5c06a"> <a class="self-link" href="#example-65a5c06a"></a> <header>Example of acceptance criteria for a group working on EPUB rules:</header> <blockquote> <ul> <li>An ACT EPUB Rule is harmonized when it is approved by members of 3 organizations, AND </li> <li>An ACT EPUB Rule is harmonized when it has 2 independent implementations </li> </ul> </blockquote> </aside> <p>An example of such a process is the <a href="https://w3c.github.io/wcag-act-rules/review-process.html">WCAG ACT Review Process</a>.</p> <h2 class="heading settled" data-level="7" id="definitions"><span class="secno">7. </span><span class="content">Definitions</span><a class="self-link" href="#definitions"></a></h2> <dl> <dt><dfn class="dfn-paneled" data-dfn-type="dfn" data-noexport="" id="accessibility-requirement">Accessibility requirement</dfn> </dt> <dt> <br> </dt> <dd> <p>A requirement is a condition that has to be satisfied in order to conform to a standard, or to comply with a contract, policy or regulation. An accessibility requirement is a requirement aimed at improving access for people with disabilities to an ICT product.</p> <p>A common example of accessibility requirements are the WCAG success criteria. There are other standards, including W3C standards, that have recommendations for accessibility, such as WAI-ARIA and HTML. Accessibility requirements are also often found in company policies, regional standards or in legislation.</p> </dd> <dt><dfn class="dfn-paneled" data-dfn-type="dfn" data-noexport="" id="accessibility-requirements-document">Accessibility requirements document</dfn> </dt> <dt> <br> </dt> <dd> <p>A document, such as a standard, contract, policy or regulation, that includes <a data-link-type="dfn" href="#accessibility-requirement" id="ref-for-accessibility-requirement①⓪">accessibility requirements</a>. For example, WCAG 2.1, WAI-ARIA 1.1, HTML 5.2, EPUB Accessibility 1.0, BBC HTML Accessibility Standards v2.0</p> </dd> <dt><dfn class="dfn-paneled" data-dfn-type="dfn" data-noexport="" id="outcome">Outcome</dfn> </dt> <dd> <p>A conclusion that comes from evaluating an ACT Rule on a <a data-link-type="dfn" href="#test-subject" id="ref-for-test-subject⑦">test subject</a> or one of its constituent <a data-link-type="dfn" href="#test-target" id="ref-for-test-target⑨">test target</a>. An outcome can be one of the three following types:</p> <ul> <li><strong>Inapplicable:</strong> No part of the test subject matches the applicability </li> <li><strong>Passed:</strong> A <a data-link-type="dfn" href="#test-target" id="ref-for-test-target①⓪">test target</a> meets all expectations </li> <li><strong>Failed:</strong> A <a data-link-type="dfn" href="#test-target" id="ref-for-test-target①①">test target</a> does not meet all expectations </li> </ul> <div class="note" role="note"> <p><strong>Note:</strong> A rule has one <code>passed</code> or <code>failed</code> outcome for every <a data-link-type="dfn" href="#test-target" id="ref-for-test-target①②">test target</a>. When there are no test targets the rule has one <code>inapplicable</code> outcome. This means that each <a data-link-type="dfn" href="#test-subject" id="ref-for-test-subject⑧">test subject</a> will have one or more outcomes.</p> </div> <div class="note" role="note"> <p><strong>Note:</strong> Implementers using the <a data-link-type="biblio" href="#biblio-earl10-schema">[EARL10-Schema]</a> can express the outcome with the <a href="https://www.w3.org/TR/EARL10-Schema/#outcome">outcome property</a>. In addition to <code>passed</code>, <code>failed</code> and <code>inapplicable</code>, EARL 1.0 also defined an <code>incomplete</code> outcome. While this cannot be the outcome of an ACT Rule when applied in its entirety, it often happens that rules are only partially evaluated. For example, when applicability was automated, but the expectations have to be evaluated manually. Such "interim" results can be expressed with the <code>incomplete</code> outcome. </p> </div> </dd> <dt><dfn class="dfn-paneled" data-dfn-type="dfn" data-noexport="" id="test-subject">Test Subject</dfn> </dt> <dd> <p>A resource or collection of resources that can be evaluated by an ACT Rule.</p> <aside class="example" id="example-42b1dee1"> <a class="self-link" href="#example-42b1dee1"></a> <header>Example of test subjects:</header> <blockquote> <ul> <li>An HTML page, including all embedded scripts, style and images </li> <li>An EPUB publication </li> <li>A web component file </li> </ul> </blockquote> </aside> <div class="note" role="note"> <p><strong>Note:</strong> Implementers using the <a data-link-type="biblio" href="#biblio-earl10-schema">[EARL10-Schema]</a> can express the test subject with the <a href="https://www.w3.org/TR/EARL10-Schema/#subject">subject property</a></p> </div> </dd> <dt><dfn class="dfn-paneled" data-dfn-type="dfn" data-noexport="" id="test-target">Test Target</dfn> </dt> <dd> <p>A distinct part of the <a data-link-type="dfn" href="#test-subject" id="ref-for-test-subject⑨">test subject</a>, as defined by the <a href="#applicability">applicability</a>.</p> <aside class="example" id="example-cd7029f9"> <a class="self-link" href="#example-cd7029f9"></a> <header>Example of test targets:</header> <blockquote> <ul> <li>Nodes within an HTML page </li> <li>A period of time within a video </li> <li>A range of characters within a text document </li> </ul> </blockquote> </aside> <div class="note" role="note"> <p><strong>Note:</strong> Implementers using the <a data-link-type="biblio" href="#biblio-earl10-schema">[EARL10-Schema]</a> can express the test target with the <a href="https://www.w3.org/TR/EARL10-Schema/#pointer">pointer property</a></p> </div> </dd> </dl> <h2 class="heading settled" id="appendix-data-example"><span class="content">Appendix 1: Expressing ACT Rule results with JSON-LD and EARL</span><a class="self-link" href="#appendix-data-example"></a></h2> <p>This section is <em>non-normative</em>.</p> <p>This section provides examples of expressing results from carrying out ACT Rules using EARL and JSON-LD (See <a href="https://www.w3.org/WAI/standards-guidelines/earl/">Evaluation and Report Language</a> and <a href="https://www.w3.org/TR/json-ld/">A JSON-based Serialization for Linked Data (JSON-LD)</a>). More examples and background is proivided on the <a href="https://github.com/w3c/earl">JSON-LD serialization of EARL</a> GitHub repository.</p> <p>Examples in this section include:</p> <ul> <li data-md=""> <p>Example 1: Minimal outcome from one <a class="property" data-link-type="propdesc">Assertion</a></p> </li> <li data-md=""> <p>Example 2: Results from more than one <a class="property" data-link-type="propdesc">Assertion</a></p> </li> <li data-md=""> <p>Example 3: Aggregating based on <a class="property" data-link-type="propdesc">Requirement</a></p> </li> <li data-md=""> <p>Example 4: Aggregating based on 'Test Subject'</p> </li> <li data-md=""> <p>Example 5: Assumed <a class="property" data-link-type="propdesc">Context</a> for this section</p> </li> </ul> <p><strong>Example 1:</strong> Minimal outcome for one <a class="property" data-link-type="propdesc">Assertion</a></p> <pre class="language-javascript highlight"><c- p="">{</c-> <c- u="">"@context"</c-><c- o="">:</c-> <c- u="">"context.json"</c-><c- p="">,</c-> <c- u="">"@type"</c-><c- o="">:</c-> <c- u="">"Assertion"</c-><c- p="">,</c-> <c- u="">"assertedBy"</c-><c- o="">:</c-> <c- u="">"https://example.org/MyTool"</c-><c- p="">,</c-> <c- u="">"subject"</c-><c- o="">:</c-> <c- u="">"https://example.org/page1.html"</c-><c- p="">,</c-> <c- u="">"test"</c-><c- o="">:</c-> <c- u="">"ACT-CG:rules/23a2a8"</c-><c- p="">,</c-> <c- u="">"result"</c-><c- o="">:</c-> <c- p="">{</c-> <c- u="">"outcome"</c-><c- o="">:</c-> <c- u="">"earl:failed"</c-><c- p="">,</c-> <c- u="">"pointer"</c-><c- o="">:</c-> <c- u="">"html > body > h1:first-child"</c-> <c- p="">}</c-> <c- p="">}</c-> </pre> <p><strong>Example 2:</strong> Results for more than one <a class="property" data-link-type="propdesc">Assertion</a></p> <pre class="language-javascript highlight"><c- p="">{</c-> <c- u="">"@context"</c-><c- o="">:</c-> <c- u="">"context.json"</c-><c- p="">,</c-> <c- u="">"@graph"</c-><c- o="">:</c-> <c- p="">[{</c-> <c- u="">"@type"</c-><c- o="">:</c-> <c- u="">"Assertion"</c-><c- p="">,</c-> <c- u="">"assertedBy"</c-><c- o="">:</c-> <c- u="">"https://example.org/MyTool"</c-><c- p="">,</c-> <c- u="">"subject"</c-><c- o="">:</c-> <c- u="">"https://example.org/page1.html"</c-><c- p="">,</c-> <c- u="">"test"</c-><c- o="">:</c-> <c- u="">"ACT-CG:rules/23a2a8"</c-><c- p="">,</c-> <c- u="">"result"</c-><c- o="">:</c-> <c- p="">{</c-> <c- u="">"outcome"</c-><c- o="">:</c-> <c- u="">"earl:failed"</c-><c- p="">,</c-> <c- u="">"pointer"</c-><c- o="">:</c-> <c- u="">"html > body > h1:first-child"</c-> <c- p="">}</c-> <c- p="">},</c-> <c- p="">{</c-> <c- u="">"@type"</c-><c- o="">:</c-> <c- u="">"Assertion"</c-><c- p="">,</c-> <c- u="">"assertedBy"</c-><c- o="">:</c-> <c- u="">"https://example.org/AnotherTool"</c-><c- p="">,</c-> <c- u="">"subject"</c-><c- o="">:</c-> <c- u="">"https://example.org/page1.html"</c-><c- p="">,</c-> <c- u="">"test"</c-><c- o="">:</c-> <c- u="">"ACT-CG:rules/23a2a8"</c-><c- p="">,</c-> <c- u="">"result"</c-><c- o="">:</c-> <c- p="">{</c-> <c- u="">"outcome"</c-><c- o="">:</c-> <c- u="">"earl:passed"</c-><c- p="">,</c-> <c- u="">"pointer"</c-><c- o="">:</c-> <c- u="">"html > body > h1:nth-child(2)"</c-> <c- p="">}</c-> <c- p="">}]</c-> <c- p="">}</c-> </pre> <p><strong>Example 3:</strong> Aggregating based on <a class="property" data-link-type="propdesc">Requirement</a> (eg. WCAG Success Criteria)</p> <pre class="language-javascript highlight"><c- p="">{</c-> <c- u="">"@context"</c-><c- o="">:</c-> <c- u="">"context.json"</c-><c- p="">,</c-> <c- u="">"@type"</c-><c- o="">:</c-> <c- u="">"Assertion"</c-><c- p="">,</c-> <c- u="">"assertedBy"</c-><c- o="">:</c-> <c- u="">"https://example.org/MyTool"</c-><c- p="">,</c-> <c- u="">"subject"</c-><c- o="">:</c-> <c- u="">"https://example.org/page1.html"</c-><c- p="">,</c-> <c- u="">"test"</c-><c- o="">:</c-> <c- p="">{</c-> <c- u="">"@type"</c-><c- o="">:</c-> <c- u="">"earl:TestRequirement"</c-><c- p="">,</c-> <c- u="">"@id"</c-><c- o="">:</c-> <c- u="">"WCAG21:non-text-content"</c-> <c- p="">},</c-> <c- u="">"result"</c-><c- o="">:</c-> <c- p="">{</c-> <c- u="">"outcome"</c-><c- o="">:</c-> <c- u="">"earl:failed"</c-><c- p="">,</c-> <c- u="">"source"</c-><c- o="">:</c-> <c- p="">[{</c-> <c- u="">"test"</c-><c- o="">:</c-> <c- u="">"ACT-CG:rules/23a2a8"</c-><c- p="">,</c-> <c- u="">"result"</c-><c- o="">:</c-> <c- p="">{</c-> <c- u="">"outcome"</c-><c- o="">:</c-> <c- u="">"earl:failed"</c-><c- p="">,</c-> <c- u="">"pointer"</c-><c- o="">:</c-> <c- u="">"html > body > h1:first-child"</c-> <c- p="">}</c-> <c- p="">},</c-> <c- p="">{</c-> <c- u="">"test"</c-><c- o="">:</c-> <c- u="">"ACT-RULES-CG:rules/23a2a8"</c-><c- p="">,</c-> <c- u="">"result"</c-> <c- o="">:</c-> <c- p="">{</c-> <c- u="">"outcome"</c-><c- o="">:</c-> <c- u="">"earl:passed"</c-><c- p="">,</c-> <c- u="">"pointer"</c-><c- o="">:</c-> <c- u="">"html > body > h1:nth-child(2)"</c-> <c- p="">}</c-> <c- p="">}]</c-> <c- p="">}</c-> <c- p="">}</c-> </pre> <p><strong>Example 4:</strong> Aggregating based on 'Test Subject' (eg. for a website)</p> <pre class="language-javascript highlight"><c- p="">{</c-> <c- u="">"@context"</c-><c- o="">:</c-> <c- u="">"context.json"</c-><c- p="">,</c-> <c- u="">"@type"</c-><c- o="">:</c-> <c- u="">"Assertion"</c-><c- p="">,</c-> <c- u="">"assertedBy"</c-><c- o="">:</c-> <c- p="">{</c-> <c- u="">"@type"</c-><c- o="">:</c-> <c- u="">"Organization"</c-><c- p="">,</c-> <c- u="">"@id"</c-><c- o="">:</c-> <c- u="">"_:myOrg"</c-><c- p="">,</c-> <c- u="">"title"</c-><c- o="">:</c-> <c- u="">"My Organization"</c-><c- p="">,</c-> <c- u="">"description"</c-> <c- o="">:</c-> <c- u="">"Accessibility testing service"</c-><c- p="">,</c-> <c- u="">"homepage"</c-> <c- o="">:</c-> <c- u="">"http://example.org/myOrg/"</c-> <c- p="">},</c-> <c- u="">"subject"</c-><c- o="">:</c-> <c- p="">{</c-> <c- u="">"@type"</c-><c- o="">:</c-> <c- p="">[</c-><c- u="">"WebSite"</c-><c- p="">,</c-> <c- u="">"TestSubject"</c-><c- p="">],</c-> <c- u="">"@id"</c-><c- o="">:</c-> <c- u="">"https://example.org/"</c-> <c- p="">},</c-> <c- u="">"test"</c-><c- o="">:</c-> <c- p="">{</c-> <c- u="">"@type"</c-><c- o="">:</c-> <c- u="">"earl:TestRequirement"</c-><c- p="">,</c-> <c- u="">"@id"</c-><c- o="">:</c-> <c- u="">"http://www.w3.org/WAI/WCAG2A-Conformance"</c-> <c- p="">},</c-> <c- u="">"result"</c-><c- o="">:</c-> <c- p="">{</c-> <c- u="">"outcome"</c-><c- o="">:</c-> <c- u="">"earl:failed"</c-><c- p="">,</c-> <c- u="">"source"</c-><c- o="">:</c-> <c- p="">[{</c-> <c- u="">"test"</c-><c- o="">:</c-> <c- p="">{</c-> <c- u="">"@type"</c-><c- o="">:</c-> <c- u="">"earl:TestRequirement"</c-><c- p="">,</c-> <c- u="">"@id"</c-><c- o="">:</c-> <c- u="">"WCAG21:non-text-content"</c-> <c- p="">},</c-> <c- u="">"result"</c-><c- o="">:</c-> <c- p="">{</c-> <c- u="">"outcome"</c-><c- o="">:</c-> <c- u="">"earl:failed"</c-><c- p="">,</c-> <c- u="">"source"</c-><c- o="">:</c-> <c- p="">[</c-> … <c- p="">]</c-> <c- p="">}</c-> <c- p="">},</c-> <c- p="">{</c-> <c- u="">"test"</c-><c- o="">:</c-> <c- p="">{</c-> <c- u="">"@type"</c-><c- o="">:</c-> <c- u="">"earl:TestRequirement"</c-><c- p="">,</c-> <c- u="">"@id"</c-><c- o="">:</c-> <c- u="">"WCAG21:audio-only-and-video-only-prerecorded"</c-> <c- p="">},</c-> <c- u="">"result"</c-><c- o="">:</c-> <c- p="">{</c-> <c- u="">"outcome"</c-><c- o="">:</c-> <c- u="">"earl:passed"</c-><c- p="">,</c-> <c- u="">"source"</c-><c- o="">:</c-> <c- p="">[</c-> … <c- p="">]</c-> <c- p="">}</c-> <c- p="">},</c-> <c- p="">{</c-> <c- u="">"test"</c-><c- o="">:</c-> <c- p="">{</c-> <c- u="">"@type"</c-><c- o="">:</c-> <c- u="">"earl:TestRequirement"</c-><c- p="">,</c-> <c- u="">"@id"</c-><c- o="">:</c-> <c- u="">"WCAG21:captions-prerecorded"</c-> <c- p="">},</c-> <c- u="">"result"</c-> <c- o="">:</c-> <c- p="">{</c-> <c- u="">"outcome"</c-><c- o="">:</c-> <c- u="">"earl:passed"</c-><c- p="">,</c-> <c- u="">"source"</c-><c- o="">:</c-> <c- p="">[</c-> … <c- p="">]</c-> <c- p="">}</c-> <c- p="">},</c-> … <c- p="">]</c-> <c- p="">}</c-> <c- p="">}</c-> </pre> <p><strong>Example 5:</strong> Assumed <a class="property" data-link-type="propdesc">Context</a> for this section</p> <pre class="language-javascript highlight"><c- p="">{</c-> <c- u="">"@vocab"</c-><c- o="">:</c-> <c- u="">"http://www.w3.org/ns/earl#"</c-><c- p="">,</c-> <c- u="">"cnt"</c-><c- o="">:</c-> <c- u="">"http://www.w3.org/2011/content#"</c-><c- p="">,</c-> <c- u="">"dct"</c-><c- o="">:</c-> <c- u="">"http://purl.org/dc/terms/"</c-><c- p="">,</c-> <c- u="">"earl"</c-><c- o="">:</c-> <c- u="">"http://www.w3.org/ns/earl#"</c-><c- p="">,</c-> <c- u="">"foaf"</c-><c- o="">:</c-> <c- u="">"http://xmlns.com/foaf/0.1/"</c-><c- p="">,</c-> <c- u="">"htp"</c-><c- o="">:</c-> <c- u="">"http://www.w3.org/2011/http#"</c-><c- p="">,</c-> <c- u="">"ptr"</c-><c- o="">:</c-> <c- u="">"https://www.w3.org/2009/pointers#"</c-><c- p="">,</c-> <c- u="">"schema"</c-><c- o="">:</c-> <c- u="">"http://schema.org/"</c-><c- p="">,</c-> <c- u="">"xsd"</c-><c- o="">:</c-> <c- u="">"https://www.w3.org/2001/XMLSchema#"</c-><c- p="">,</c-> <c- u="">"WCAG20"</c-><c- o="">:</c-> <c- u="">"https://www.w3.org/TR/WCAG20#"</c-><c- p="">,</c-> <c- u="">"WCAG21"</c-><c- o="">:</c-> <c- u="">"https://www.w3.org/TR/WCAG21#"</c-><c- p="">,</c-> <c- u="">"ACT-RULES-CG"</c-><c- o="">:</c-> <c- u="">"https://act-rules.github.io/"</c-><c- p="">,</c-> <c- u="">"WebSite"</c-><c- o="">:</c-> <c- u="">"schema:WebSite"</c-><c- p="">,</c-> <c- u="">"WebPage"</c-><c- o="">:</c-> <c- u="">"schema:WebPage"</c-><c- p="">,</c-> <c- u="">"title"</c-><c- o="">:</c-> <c- u="">"dct:title"</c-><c- p="">,</c-> <c- u="">"description"</c-><c- o="">:</c-> <c- u="">"dct:description"</c-><c- p="">,</c-> <c- u="">"date"</c-><c- o="">:</c-> <c- u="">"dct:date"</c-><c- p="">,</c-> <c- u="">"hasVersion"</c-><c- o="">:</c-> <c- u="">"dct:hasVesion"</c-><c- p="">,</c-> <c- u="">"isPartOf"</c-><c- o="">:</c-> <c- u="">"dct:isPartOf"</c-><c- p="">,</c-> <c- u="">"hasPart"</c-><c- o="">:</c-> <c- u="">"dct:hasPart"</c-><c- p="">,</c-> <c- u="">"source"</c-><c- o="">:</c-> <c- u="">"dct:source"</c-><c- p="">,</c-> <c- u="">"Agent"</c-><c- o="">:</c-> <c- u="">"foaf:Agent"</c-><c- p="">,</c-> <c- u="">"Person"</c-><c- o="">:</c-> <c- u="">"foaf:Person"</c-><c- p="">,</c-> <c- u="">"Organization"</c-><c- o="">:</c-> <c- u="">"foaf:Organization"</c-><c- p="">,</c-> <c- u="">"Group"</c-><c- o="">:</c-> <c- u="">"foaf:Group"</c-><c- p="">,</c-> <c- u="">"Document"</c-><c- o="">:</c-> <c- u="">"foaf:Document"</c-><c- p="">,</c-> <c- u="">"name"</c-><c- o="">:</c-> <c- u="">"foaf:name"</c-><c- p="">,</c-> <c- u="">"firstName"</c-><c- o="">:</c-> <c- u="">"foaf:firstName"</c-><c- p="">,</c-> <c- u="">"surname"</c-><c- o="">:</c-> <c- u="">"foaf:surname"</c-><c- p="">,</c-> <c- u="">"mbox"</c-><c- o="">:</c-> <c- u="">"foaf:mbox"</c-><c- p="">,</c-> <c- u="">"mbox_sha1sum"</c-><c- o="">:</c-> <c- u="">"foaf:mbox_sha1sum"</c-><c- p="">,</c-> <c- u="">"member"</c-><c- o="">:</c-> <c- u="">"foaf:member"</c-><c- p="">,</c-> <c- u="">"homepage"</c-><c- o="">:</c-> <c- u="">"foaf:homepage"</c-><c- p="">,</c-> <c- u="">"assertedBy"</c-><c- o="">:</c-> <c- p="">{</c-> <c- u="">"@type"</c-><c- o="">:</c-> <c- u="">"@id"</c-> <c- p="">},</c-> <c- u="">"subject"</c-><c- o="">:</c-> <c- p="">{</c-> <c- u="">"@type"</c-><c- o="">:</c-> <c- u="">"@id"</c-> <c- p="">},</c-> <c- u="">"test"</c-><c- o="">:</c-> <c- p="">{</c-> <c- u="">"@type"</c-><c- o="">:</c-> <c- u="">"@id"</c-> <c- p="">},</c-> <c- u="">"mode"</c-><c- o="">:</c-> <c- p="">{</c-> <c- u="">"@type"</c-><c- o="">:</c-> <c- u="">"@id"</c-> <c- p="">},</c-> <c- u="">"outcome"</c-><c- o="">:</c-> <c- p="">{</c-> <c- u="">"@type"</c-><c- o="">:</c-> <c- u="">"@id"</c-> <c- p="">},</c-> <c- u="">"pointer"</c-><c- o="">:</c-> <c- p="">{</c-> <c- u="">"@id"</c-><c- o="">:</c-> <c- u="">"earl:pointer"</c-><c- p="">,</c-> <c- u="">"@type"</c-><c- o="">:</c-> <c- u="">"ptr:CSSSelectorPointer"</c-> <c- p="">}</c-> <c- p="">}</c-> </pre> <h2 class="heading settled" id="Acknowledgments"><span class="content">Appendix 2: Acknowledgments</span><a class="self-link" href="#Acknowledgments"></a></h2> <p>This section is <em>non-normative</em>.</p> <h3 class="heading settled" id="participants"><span class="content">Participants of the AG WG active in the development of this document</span><a class="self-link" href="#participants"></a></h3> <p>Shadi Abou-Zahra, Trevor Bostic, Romain Deltour, Kathy Eng, Wilco Fiers, Alistair Garrison, Kasper Isager, Maureen Kraft, Mary Jo Mueller, Jey Nandakumar, Charu Pandhi, Stein Erik Skotkjerra, Anne Thyme Nørregaard, Kathleen Wahlbin</p> <h3 class="heading settled" id="enabling-funders"><span class="content">Enabling funders</span><a class="self-link" href="#enabling-funders"></a></h3> <p>This publication has been developed with support from the <a href="https://www.w3.org/WAI/about/projects/wai-tools/">WAI-Tools Project</a>, co-funded by the European Commission (EC) under the Horizon 2020 Program (Grant Agreement 780057). The content of this publication does not necessarily reflect the views or policies of the European Commission (EC) or any of the European Union (EU) Member States.</p> <h2 class="heading settled" id="Change_History"><span class="content">Appendix 3: Change History</span><a class="self-link" href="#Change_History"></a></h2> <p>This section is <em>non-normative</em>.</p> <p>No changes have been made since the previous <a href="https://www.w3.org/TR/2019/PR-act-rules-format-1.0-20190730/">Proposed Recommendation draft of 30 July 2019</a>.</p> </main> <div data-fill-with="conformance"> <h2 class="no-ref no-num heading settled" id="conformance"><span class="content"> Conformance</span><a class="self-link" href="#conformance"></a></h2> <p> Conformance requirements are expressed with a combination of descriptive assertions and RFC 2119 terminology. The key words “MUST”, “MUST NOT”, “REQUIRED”, “SHALL”, “SHALL NOT”, “SHOULD”, “SHOULD NOT”, “RECOMMENDED”, “MAY”, and “OPTIONAL” in the normative parts of this document are to be interpreted as described in RFC 2119. However, for readability, these words do not appear in all uppercase letters in this specification. </p> <p> All of the text of this specification is normative except sections explicitly marked as non-normative, examples, and notes. <a data-link-type="biblio" href="#biblio-rfc2119">[RFC2119]</a> </p> <p> Examples in this specification are introduced with the words “for example” or are set apart from the normative text with <code>class="example"</code>, like this: </p> <div class="example" id="example-example"><a class="self-link" href="#example-example"></a> This is an example of an informative example. </div> <p> Informative notes begin with the word “Note” and are set apart from the normative text with <code>class="note"</code>, like this: </p> <p class="note" role="note"> Note, this is an informative note. </p> </div> <script> (function() { "use strict"; var collapseSidebarText = '<span aria-hidden="true">←</span> ' + '<span>Collapse Sidebar</span>'; var expandSidebarText = '<span aria-hidden="true">→</span> ' + '<span>Pop Out Sidebar</span>'; var tocJumpText = '<span aria-hidden="true">↑</span> ' + '<span>Jump to Table of Contents</span>'; var sidebarMedia = window.matchMedia('screen and (min-width: 78em)'); var autoToggle = function(e){ toggleSidebar(e.matches) }; if(sidebarMedia.addListener) { sidebarMedia.addListener(autoToggle); } function toggleSidebar(on) { if (on == undefined) { on = !document.body.classList.contains('toc-sidebar'); } /* Don’t scroll to compensate for the ToC if we’re above it already. */ var headY = 0; var head = document.querySelector('.head'); if (head) { // terrible approx of "top of ToC" headY += head.offsetTop + head.offsetHeight; } var skipScroll = window.scrollY < headY; var toggle = document.getElementById('toc-toggle'); var tocNav = document.getElementById('toc'); if (on) { var tocHeight = tocNav.offsetHeight; document.body.classList.add('toc-sidebar'); document.body.classList.remove('toc-inline'); toggle.innerHTML = collapseSidebarText; if (!skipScroll) { window.scrollBy(0, 0 - tocHeight); } tocNav.focus(); sidebarMedia.addListener(autoToggle); // auto-collapse when out of room } else { document.body.classList.add('toc-inline'); document.body.classList.remove('toc-sidebar'); toggle.innerHTML = expandSidebarText; if (!skipScroll) { window.scrollBy(0, tocNav.offsetHeight); } if (toggle.matches(':hover')) { /* Unfocus button when not using keyboard navigation, because I don’t know where else to send the focus. */ toggle.blur(); } } } function createSidebarToggle() { /* Create the sidebar toggle in JS; it shouldn’t exist when JS is off. */ var toggle = document.createElement('a'); /* This should probably be a button, but appearance isn’t standards-track.*/ toggle.id = 'toc-toggle'; toggle.class = 'toc-toggle'; toggle.href = '#toc'; toggle.innerHTML = collapseSidebarText; sidebarMedia.addListener(autoToggle); var toggler = function(e) { e.preventDefault(); sidebarMedia.removeListener(autoToggle); // persist explicit off states toggleSidebar(); return false; } toggle.addEventListener('click', toggler, false); /* Get <nav id=toc-nav>, or make it if we don’t have one. */ var tocNav = document.getElementById('toc-nav'); if (!tocNav) { tocNav = document.createElement('p'); tocNav.id = 'toc-nav'; /* Prepend for better keyboard navigation */ document.body.insertBefore(tocNav, document.body.firstChild); } /* While we’re at it, make sure we have a Jump to Toc link. */ var tocJump = document.getElementById('toc-jump'); if (!tocJump) { tocJump = document.createElement('a'); tocJump.id = 'toc-jump'; tocJump.href = '#toc'; tocJump.innerHTML = tocJumpText; tocNav.appendChild(tocJump); } tocNav.appendChild(toggle); } var toc = document.getElementById('toc'); if (toc) { createSidebarToggle(); toggleSidebar(sidebarMedia.matches); /* If the sidebar has been manually opened and is currently overlaying the text (window too small for the MQ to add the margin to body), then auto-close the sidebar once you click on something in there. */ toc.addEventListener('click', function(e) { if(e.target.tagName.toLowerCase() == "a" && document.body.classList.contains('toc-sidebar') && !sidebarMedia.matches) { toggleSidebar(false); } }, false); } else { console.warn("Can’t find Table of Contents. Please use <nav id='toc'> around the ToC."); } /* Wrap tables in case they overflow */ var tables = document.querySelectorAll(':not(.overlarge) > table.data, :not(.overlarge) > table.index'); var numTables = tables.length; for (var i = 0; i < numTables; i++) { var table = tables[i]; var wrapper = document.createElement('div'); wrapper.className = 'overlarge'; table.parentNode.insertBefore(wrapper, table); wrapper.appendChild(table); } })(); </script> <h2 class="no-num no-ref heading settled" id="references"><span class="content">References</span><a class="self-link" href="#references"></a></h2> <h3 class="no-num no-ref heading settled" id="normative"><span class="content">Normative References</span><a class="self-link" href="#normative"></a></h3> <dl> <dt id="biblio-rfc2119">[RFC2119] </dt> <dd>S. Bradner. <a href="https://tools.ietf.org/html/rfc2119">Key words for use in RFCs to Indicate Requirement Levels</a>. March 1997. Best Current Practice. URL: <a href="https://tools.ietf.org/html/rfc2119">https://tools.ietf.org/html/rfc2119</a> </dd> </dl> <h3 class="no-num no-ref heading settled" id="informative"><span class="content">Informative References</span><a class="self-link" href="#informative"></a></h3> <dl> <dt id="biblio-accname-aam-11">[ACCNAME-1.1] </dt> <dd>Joanmarie Diggs; Bryan Garaventa; Michael Cooper. <a href="https://www.w3.org/TR/accname-1.1/">Accessible Name and Description Computation 1.1</a>. 18 December 2018. REC. URL: <a href="https://www.w3.org/TR/accname-1.1/">https://www.w3.org/TR/accname-1.1/</a> </dd> <dt id="biblio-css-2018">[CSS-2018] </dt> <dd>Tab Atkins Jr.; Elika Etemad; Florian Rivoal. <a href="https://www.w3.org/TR/css-2018/">CSS Snapshot 2018</a>. 22 January 2019. NOTE. URL: <a href="https://www.w3.org/TR/css-2018/">https://www.w3.org/TR/css-2018/</a> </dd> <dt id="biblio-dom">[DOM] </dt> <dd>Anne van Kesteren. <a href="https://dom.spec.whatwg.org/">DOM Standard</a>. Living Standard. URL: <a href="https://dom.spec.whatwg.org/">https://dom.spec.whatwg.org/</a> </dd> <dt id="biblio-earl10-schema">[EARL10-Schema] </dt> <dd>Shadi Abou-Zahra. <a href="https://www.w3.org/TR/EARL10-Schema/">Evaluation and Report Language (EARL) 1.0 Schema</a>. 2 February 2017. NOTE. URL: <a href="https://www.w3.org/TR/EARL10-Schema/">https://www.w3.org/TR/EARL10-Schema/</a> </dd> <dt id="biblio-html">[HTML] </dt> <dd>Anne van Kesteren; et al. <a href="https://html.spec.whatwg.org/multipage/">HTML Standard</a>. Living Standard. URL: <a href="https://html.spec.whatwg.org/multipage/">https://html.spec.whatwg.org/multipage/</a> </dd> <dt id="biblio-http11">[HTTP11] </dt> <dd>R. Fielding, Ed.; J. Reschke, Ed.. <a href="https://tools.ietf.org/html/rfc7230">Hypertext Transfer Protocol (HTTP/1.1): Message Syntax and Routing</a>. June 2014. Proposed Standard. URL: <a href="https://tools.ietf.org/html/rfc7230">https://tools.ietf.org/html/rfc7230</a> </dd> <dt id="biblio-svg2">[SVG2] </dt> <dd>Amelia Bellamy-Royds; et al. <a href="https://www.w3.org/TR/SVG2/">Scalable Vector Graphics (SVG) 2</a>. 4 October 2018. CR. URL: <a href="https://www.w3.org/TR/SVG2/">https://www.w3.org/TR/SVG2/</a> </dd> <dt id="biblio-uaag20">[UAAG20] </dt> <dd>James Allan; et al. <a href="https://www.w3.org/TR/UAAG20/">User Agent Accessibility Guidelines (UAAG) 2.0</a>. 15 December 2015. NOTE. URL: <a href="https://www.w3.org/TR/UAAG20/">https://www.w3.org/TR/UAAG20/</a> </dd> <dt id="biblio-wai-aria">[WAI-ARIA] </dt> <dd>Joanmarie Doggs; et al. <a href="https://www.w3.org/TR/wai-aria/">Accessible Rich Internet Applications (WAI-ARIA) 1.1</a>. 14 December 2018. REC. URL: <a href="https://www.w3.org/TR/wai-aria/">https://www.w3.org/TR/wai-aria/</a> </dd> <dt id="biblio-wcag">[WCAG] </dt> <dd>Andrew Kirckpatrick; et al. <a href="https://www.w3.org/TR/WCAG/">Web Content Accessibility Guidelines 2.1</a>. 5 June 2018. REC. URL: <a href="https://www.w3.org/TR/WCAG/">https://www.w3.org/TR/WCAG/</a> </dd> </dl> <script>/* script-dfn-panel */ document.body.addEventListener("click", function(e) { var queryAll = function(sel) { return [].slice.call(document.querySelectorAll(sel)); } // Find the dfn element or panel, if any, that was clicked on. var el = e.target; var target; var hitALink = false; while(el.parentElement) { if(el.tagName == "A") { // Clicking on a link in a <dfn> shouldn't summon the panel hitALink = true; } if(el.classList.contains("dfn-paneled")) { target = "dfn"; break; } if(el.classList.contains("dfn-panel")) { target = "dfn-panel"; break; } el = el.parentElement; } if(target != "dfn-panel") { // Turn off any currently "on" or "activated" panels. queryAll(".dfn-panel.on, .dfn-panel.activated").forEach(function(el){ el.classList.remove("on"); el.classList.remove("activated"); }); } if(target == "dfn" && !hitALink) { // open the panel var dfnPanel = document.querySelector(".dfn-panel[data-for='" + el.id + "']"); if(dfnPanel) { dfnPanel.classList.add("on"); var rect = el.getBoundingClientRect(); dfnPanel.style.left = window.scrollX + rect.right + 5 + "px"; dfnPanel.style.top = window.scrollY + rect.top + "px"; var panelRect = dfnPanel.getBoundingClientRect(); var panelWidth = panelRect.right - panelRect.left; if(panelRect.right > document.body.scrollWidth && (rect.left - (panelWidth + 5)) > 0) { // Reposition, because the panel is overflowing dfnPanel.style.left = window.scrollX + rect.left - (panelWidth + 5) + "px"; } } else { console.log("Couldn't find .dfn-panel[data-for='" + el.id + "']"); } } else if(target == "dfn-panel") { // Switch it to "activated" state, which pins it. el.classList.add("activated"); el.style.left = null; el.style.top = null; } }); </script> <script src="//www.w3.org/scripts/TR/2016/fixup.js"></script> <p role="navigation" id="back-to-top"><a href="#toc"><abbr title="Back to top">↑</abbr></a></p> </body> </html>

CINXE.COM

Accessibility Conformance Testing (ACT) Rules Format 1.0