Skip to content

Commit

Permalink
🤖 Deploy to GitHub Pages: ec1d270 from branch refs/heads/main
Browse files Browse the repository at this point in the history
  • Loading branch information
@w3cgruntbot
w3cgruntbot committed Nov 19, 2024
1 parent 112e981 commit f350d10
Show file tree
Hide file tree
Showing 3 changed files with 49 additions and 22 deletions.
46 changes: 34 additions & 12 deletions guidelines/22/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -372,7 +372,7 @@ <h1 id="title" class="title">Web Content Accessibility Guidelines (WCAG) 2.2</h1
<p>The WCAG 2.2 document is designed to meet the needs of those who need a stable, referenceable technical standard. Other documents, called supporting documents, are based on the WCAG 2.2 document and address other important purposes, including the ability to be updated to describe how WCAG would be applied with new technologies. Supporting documents include: </p>
<ol class="enumar">
<li>
<p><strong><a href="https://www.w3.org/WAI/WCAG22/quickref/">How to Meet WCAG 2.2</a></strong> - A customizable quick reference to WCAG 2.2 that includes all of the guidelines, success criteria, and techniques for authors to use as they are developing and evaluating web content. This includes content from WCAG 2.0, 2.1 2.2 and can be filtered in many ways to help authors focus on relevant content.</p>
<p><strong><a href="https://www.w3.org/WAI/WCAG22/quickref/">How to Meet WCAG 2.2</a></strong> - A customizable quick reference to WCAG 2.2 that includes all of the guidelines, success criteria, and techniques for authors to use as they are developing and evaluating web content. This includes content from WCAG 2.0, 2.1, and 2.2, and can be filtered in many ways to help authors focus on relevant content.</p>
</li>
<li>
<p><strong><a href="https://www.w3.org/WAI/WCAG22/Understanding/">Understanding WCAG 2.2</a></strong> - A guide to understanding and implementing WCAG 2.2. There is a short "Understanding" document for each guideline and success criterion in WCAG 2.2 as well as key topics.</p>
Expand Down Expand Up @@ -4164,24 +4164,30 @@ <h1 id="title" class="title">Web Content Accessibility Guidelines (WCAG) 2.2</h1

<section class="appendix" id="changelog"><div class="header-wrapper"><h2 id="a-change-log"><bdi class="secno">A. </bdi>Change Log</h2><a class="self-link" href="#changelog" aria-label="Permalink for Appendix A."></a></div>

<p>This section shows substantive changes made in WCAG 2.2 since WCAG 2.1. <a href="https://www.w3.org/WAI/WCAG21/errata/">Errata fixes to WCAG 2.1</a> have also been incorporated into WCAG 2.2.</p>
<p>This section shows substantive changes incorporated into WCAG 2.2 since WCAG 2.1, as well as changes made to 2.2 since its original publication on 05 October 2023. <a href="https://www.w3.org/WAI/WCAG21/errata/">Errata fixes to WCAG 2.1</a> have also been incorporated into WCAG 2.2.</p>
<p>The full <a href="https://github.com/w3c/wcag/commits/main/guidelines">commit history to WCAG 2.2</a> is available.</p>
<ul>
<li>2019-11-10: Promoted <a href="#focus-visible">Focus Visible</a> from Level AA to Level A.</li>
<li>2020-01-14: Added <q>Focus Visible (Enhanced)</q>, later renamed to Focus Appearance (Enhanced), later removed.</li>
<li>2020-03-10: Renamed <q>Pointer Target Spacing</q> to <q>Target Size (Minimum)</q></li>
<li>2020-03-30: Added <a href="#accessible-authentication-minimum">Accessible Authentication (Minimum)</a>.</li>
<li>2020-05-27: Added <q>Dragging</q> (later renamed <a href="#dragging-movements">Dragging Movements</a>).</li>
<li>2020-07-19: Added <q>Findable Help</q> (later renamed to <a href="#consistent-help">Consistent Help</a>), <q>Fixed Reference Points</q> (Page Break Navigation), <q>Hidden Controls</q> (later renamed Visible Controls), <q>Pointer Target Spacing</q> (later renamed <a href="#target-size-minimum">Target Size (Minimum)</a>), <a href="#redundant-entry">Redundant Entry</a>.</li>
<li>2020-08-04: Added Focus Appearance (Minimum) (later renamed to <a href="#focus-appearance">Focus Appearance</a>) and renamed <q>Focus Visible (Enhanced)</q> to <q>Focus Appearance (Enhanced)</q>.</li>
<li>2020-11-02: Renamed <q>Dragging</q> to <a href="#dragging-movements">Dragging Movements</a>.</li>
<li>2020-12-08: Renamed <q>Hidden Controls</q> to Visible Controls.</li>
<li>2021-09-21: Added <a href="#accessible-authentication-enhanced">Accessible Authentication (No Exception)</a>.</li>
<li>2020-07-19: Added <q>Findable Help</q> (later renamed to <a href="#consistent-help">Consistent Help</a>), <q>Pointer Target Spacing</q> (later renamed <a href="#target-size-minimum">Target Size (Minimum)</a>), and <a href="#redundant-entry">Redundant Entry</a>.</li>
<li>2020-08-04: Added <q>Focus Appearance (Minimum)</q> (later renamed to <a href="#focus-appearance">Focus Appearance</a>).</li>
<li>2021-09-21: Added <q>Accessible Authentication (No Exception)</q> (later renamed <a href="#accessible-authentication-enhanced">Accessible Authentication (Enhanced))</a>.</li>
<li>2022-03-22: Added <a href="#focus-not-obscured-minimum">Focus Not Obscured (Minimum)</a>.</li>
<li>2022-05-13: Removed Visible Controls.</li>
<li>2022-05-30: Added <a href="#focus-not-obscured-enhanced">Focus Not Obscured (Enhanced)</a>.</li>
<li>2022-07-15: Removed Page Break Navigation.</li>
<li>2023-06-05: Added privacy and security sections within conformance.</li>
<li>2024-11-15: Republished WCAG 2.2, incorporating the following errata:
<ul>
<li>modified the definitions of <a href="#dfn-single-pointer" class="internalDFN" data-link-type="dfn" id="ref-for-dfn-single-pointer-4" title="an input modality that only targets a single point on the page/screen at a time – such as a mouse, single finger on a touch screen, or stylus.">single pointer</a>, <a href="#dfn-used-in-an-unusual-or-restricted-way" class="internalDFN" data-link-type="dfn" id="ref-for-dfn-used-in-an-unusual-or-restricted-way-2" title="words used in such a way that requires users to know exactly which definition to apply in order to understand the content correctly">used in an unusual or restricted way</a>, <a href="#dfn-motion-animation" class="internalDFN" data-link-type="dfn" id="ref-for-dfn-motion-animation-2" title="addition of steps between conditions to create the illusion of movement or to give a sense of a smooth transition">motion animation</a>, and <a href="#dfn-programmatically-determinable" class="internalDFN" data-link-type="dfn" id="ref-for-dfn-programmatically-determinable-12" title="determined by software from author-supplied data provided in a way that different user agents, including assistive technologies, can extract and present this information to users in different modalities">programmatically determined</a></li>
<li>modified the formatting of definitions for <a href="#dfn-change-of-context" class="internalDFN" data-link-type="dfn" id="ref-for-dfn-change-of-context-5" title="major changes that, if made without user awareness, can disorient users who are not able to view the entire page simultaneously">changes of context</a>, <a href="#dfn-general-flash-and-red-flash-thresholds" class="internalDFN" data-link-type="dfn" id="ref-for-dfn-general-flash-and-red-flash-thresholds-3" title="a flash or rapidly changing image sequence is below the threshold (i.e., content passes) if any of the following are true:">general flash and red flash thresholds</a>, <a href="#dfn-cognitive-function-test" class="internalDFN" data-link-type="dfn" id="ref-for-dfn-cognitive-function-test-3" title="[New]">cognitive function test</a>, and <a href="#dfn-structure" class="internalDFN" data-link-type="dfn" id="ref-for-dfn-structure-3" title="The way the parts of a web page are organized in relation to each other; and The way a collection of web pages is organized">structure</a></li>
<li>removed the defunct <q>encloses</q> definition</li>
<li>corrected typo in <a href="#input-purposes">input purposes</a> list</li>
<li>modified the formatting of Target Size (Minimum) and Accessible Authentication (Minimum)</li>
<li>modified the visual presentation for content identified as New</li>
<li>modified the language covering devices in the <a href="#abstract">Abstract</a></li>
<li>made editorial changes to improve consistent use of definitions in the success criteria</li>
<li>made editorial changes to improve consistent use of the terms <q>success criteria/criterion</q>, <q>web</q>, <q>website</q>, and <q>web page</q></li>
</ul>
</li>
</ul>
</section>
<section class="appendix informative section" id="acknowledgements"><div class="header-wrapper"><h2 id="b-acknowledgments"><bdi class="secno">B. </bdi>Acknowledgments</h2><a class="self-link" href="#acknowledgements" aria-label="Permalink for Appendix B."></a></div><p><em>This section is non-normative.</em></p>
Expand Down Expand Up @@ -4542,6 +4548,8 @@ <h1 id="title" class="title">Web Content Accessibility Guidelines (WCAG) 2.2</h1
<a href="#ref-for-dfn-change-of-context-3" title="§ 3.2.5 Change on Request">§ 3.2.5 Change on Request</a>
</li><li>
<a href="#ref-for-dfn-change-of-context-4" title="§ 6. Glossary">§ 6. Glossary</a>
</li><li>
<a href="#ref-for-dfn-change-of-context-5" title="§ A. Change Log">§ A. Change Log</a>
</li>
</ul>
</div><div class="dfn-panel" hidden="" role="dialog" aria-modal="true" id="dfn-panel-for-dfn-cognitive-function-test" aria-label="Links in this document to definition: Cognitive function test">
Expand All @@ -4556,6 +4564,8 @@ <h1 id="title" class="title">Web Content Accessibility Guidelines (WCAG) 2.2</h1
<a href="#ref-for-dfn-cognitive-function-test-1" title="§ 3.3.8 Accessible Authentication (Minimum)">§ 3.3.8 Accessible Authentication (Minimum)</a>
</li><li>
<a href="#ref-for-dfn-cognitive-function-test-2" title="§ 3.3.9 Accessible Authentication (Enhanced)">§ 3.3.9 Accessible Authentication (Enhanced)</a>
</li><li>
<a href="#ref-for-dfn-cognitive-function-test-3" title="§ A. Change Log">§ A. Change Log</a>
</li>
</ul>
</div><div class="dfn-panel" hidden="" role="dialog" aria-modal="true" id="dfn-panel-for-dfn-conform" aria-label="Links in this document to definition: conformance">
Expand Down Expand Up @@ -4816,6 +4826,8 @@ <h1 id="title" class="title">Web Content Accessibility Guidelines (WCAG) 2.2</h1
<a href="#ref-for-dfn-general-flash-and-red-flash-thresholds-1" title="§ 2.3.1 Three Flashes or Below Threshold">§ 2.3.1 Three Flashes or Below Threshold</a>
</li><li>
<a href="#ref-for-dfn-general-flash-and-red-flash-thresholds-2" title="§ 6. Glossary">§ 6. Glossary</a>
</li><li>
<a href="#ref-for-dfn-general-flash-and-red-flash-thresholds-3" title="§ A. Change Log">§ A. Change Log</a>
</li>
</ul>
</div><div class="dfn-panel" hidden="" role="dialog" aria-modal="true" id="dfn-panel-for-dfn-human-language-s" aria-label="Links in this document to definition: human language">
Expand Down Expand Up @@ -5094,6 +5106,8 @@ <h1 id="title" class="title">Web Content Accessibility Guidelines (WCAG) 2.2</h1
<ul>
<li>
<a href="#ref-for-dfn-motion-animation-1" title="§ 2.3.3 Animation from Interactions">§ 2.3.3 Animation from Interactions</a>
</li><li>
<a href="#ref-for-dfn-motion-animation-2" title="§ A. Change Log">§ A. Change Log</a>
</li>
</ul>
</div><div class="dfn-panel" hidden="" role="dialog" aria-modal="true" id="dfn-panel-for-dfn-bounding-boxes" aria-label="Links in this document to definition: minimum bounding box">
Expand Down Expand Up @@ -5326,6 +5340,8 @@ <h1 id="title" class="title">Web Content Accessibility Guidelines (WCAG) 2.2</h1
<a href="#ref-for-dfn-programmatically-determinable-8" title="§ 4.1.3 Status Messages">§ 4.1.3 Status Messages</a>
</li><li>
<a href="#ref-for-dfn-programmatically-determinable-9" title="§ 6. Glossary">§ 6. Glossary</a> <a href="#ref-for-dfn-programmatically-determinable-10" title="Reference 2">(2)</a> <a href="#ref-for-dfn-programmatically-determinable-11" title="Reference 3">(3)</a>
</li><li>
<a href="#ref-for-dfn-programmatically-determinable-12" title="§ A. Change Log">§ A. Change Log</a>
</li>
</ul>
</div><div class="dfn-panel" hidden="" role="dialog" aria-modal="true" id="dfn-panel-for-dfn-programmatically-determined-link-context" aria-label="Links in this document to definition: programmatically determined link context">
Expand Down Expand Up @@ -5562,6 +5578,8 @@ <h1 id="title" class="title">Web Content Accessibility Guidelines (WCAG) 2.2</h1
<a href="#ref-for-dfn-single-pointer-2" title="§ 2.5.2 Pointer Cancellation">§ 2.5.2 Pointer Cancellation</a>
</li><li>
<a href="#ref-for-dfn-single-pointer-3" title="§ 2.5.7 Dragging Movements">§ 2.5.7 Dragging Movements</a>
</li><li>
<a href="#ref-for-dfn-single-pointer-4" title="§ A. Change Log">§ A. Change Log</a>
</li>
</ul>
</div><div class="dfn-panel" hidden="" role="dialog" aria-modal="true" id="dfn-panel-for-dfn-specific-sensory-experience" aria-label="Links in this document to definition: specific sensory experience">
Expand Down Expand Up @@ -5614,6 +5632,8 @@ <h1 id="title" class="title">Web Content Accessibility Guidelines (WCAG) 2.2</h1
<a href="#ref-for-dfn-structure-1" title="§ 1.3.1 Info and Relationships">§ 1.3.1 Info and Relationships</a>
</li><li>
<a href="#ref-for-dfn-structure-2" title="§ 6. Glossary">§ 6. Glossary</a>
</li><li>
<a href="#ref-for-dfn-structure-3" title="§ A. Change Log">§ A. Change Log</a>
</li>
</ul>
</div><div class="dfn-panel" hidden="" role="dialog" aria-modal="true" id="dfn-panel-for-dfn-style-properties" aria-label="Links in this document to definition: style property">
Expand Down Expand Up @@ -5768,6 +5788,8 @@ <h1 id="title" class="title">Web Content Accessibility Guidelines (WCAG) 2.2</h1
<ul>
<li>
<a href="#ref-for-dfn-used-in-an-unusual-or-restricted-way-1" title="§ 3.1.3 Unusual Words">§ 3.1.3 Unusual Words</a>
</li><li>
<a href="#ref-for-dfn-used-in-an-unusual-or-restricted-way-2" title="§ A. Change Log">§ A. Change Log</a>
</li>
</ul>
</div><div class="dfn-panel" hidden="" role="dialog" aria-modal="true" id="dfn-panel-for-dfn-user-agents" aria-label="Links in this document to definition: user agent">
Expand Down
2 changes: 1 addition & 1 deletion understanding/input-modalities.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -139,7 +139,7 @@ <h2 class="box-h box-h-icon">Guideline</h2>






</div>
Expand Down
23 changes: 14 additions & 9 deletions understanding/target-size-minimum.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -134,16 +134,21 @@ <h2 class="box-h box-h-icon">Success Criterion (SC)</h2>





<p>The size of the <a href="#dfn-target">target</a> for <a href="#dfn-pointer-input">pointer inputs</a> is at least 24 by 24 <a href="#dfn-css-pixel">CSS pixels</a>, except where:</p>
<ul>
<li><strong>Spacing:</strong> Undersized targets (those less than 24 by 24 CSS pixels) are positioned so that if a 24 CSS pixel diameter circle is centered on the <a href="#dfn-minimum-bounding-box">bounding box</a> of each, the circles do not intersect another target or the circle for another undersized target;</li>
<li><strong>Equivalent:</strong> The function can be achieved through a different control on the same page that meets this criterion;</li>
<li><strong>Inline:</strong> The target is in a sentence or its size is otherwise constrained by the line-height of non-target text;</li>
<li><strong>User agent control:</strong> The size of the target is determined by the <a href="#dfn-user-agent">user agent</a> and is not modified by the author;</li>
<li><strong>Essential:</strong> A particular <a href="#dfn-presentation">presentation</a> of the target is <a href="#dfn-essential">essential</a> or is legally required for the information being conveyed.</li>
</ul>
<p>The size of the <a href="#dfn-target">target</a> for <a href="#dfn-pointer-input">pointer inputs</a> is at least 24 by 24 <a href="#dfn-css-pixel">CSS pixels</a>, except when:</p>
<dl>
<dt>Spacing</dt>
<dd>Undersized targets (those less than 24 by 24 CSS pixels) are positioned so that if a 24 CSS pixel diameter circle is centered on the <a href="#dfn-minimum-bounding-box">bounding box</a> of each, the circles do not intersect another target or the circle for another undersized target;</dd>
<dt>Equivalent</dt>
<dd>The function can be achieved through a different control on the same page that meets this criterion;</dd>
<dt>Inline</dt>
<dd>The target is in a sentence or its size is otherwise constrained by the line-height of non-target text;</dd>
<dt>User Agent Control</dt>
<dd>The size of the target is determined by the <a href="#dfn-user-agent">user agent</a> and is not modified by the author;</dd>
<dt>Essential</dt>
<dd>A particular <a href="#dfn-presentation">presentation</a> of the target is <a href="#dfn-essential">essential</a> or is legally required for the information being conveyed.</dd>
</dl>
<div class="note">
<p class="note-title marker">Note</p>
<p>Targets that allow for values to be selected spatially based on position within the target are considered one target for the purpose of the success criterion. Examples include sliders, color pickers displaying a gradient of colors, or editable areas where you position the cursor.</p>
Expand Down

0 comments on commit f350d10

Please sign in to comment.