Skip to content

Commit

Permalink
🤖 Deploy to GitHub Pages: 378d4bf 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 1039a69 commit 8666afb
Showing 1 changed file with 36 additions and 32 deletions.
68 changes: 36 additions & 32 deletions guidelines/22/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -1747,20 +1747,25 @@ <h1 id="title" class="title">Web Content Accessibility Guidelines (WCAG) 2.2</h1


<div class="doclinks"><a href="../../understanding/target-size-minimum.html">Understanding Target Size (Minimum)</a> <span class="screenreader">|</span> <br><a href="https://www.w3.org/WAI/WCAG22/quickref/#target-size-minimum">How to Meet Target Size (Minimum)</a></div><p class="conformance-level">(Level AA)</p>
<p class="change">[New]</p>
<p class="change">[New]</p>

<p>The size of the <a href="#dfn-targets" class="internalDFN" data-link-type="dfn" id="ref-for-dfn-targets-2" title="region of the display that will accept a pointer action, such as the interactive area of a user interface component">target</a> for <a href="#dfn-pointer-inputs" class="internalDFN" data-link-type="dfn" id="ref-for-dfn-pointer-inputs-2" title="input from a device that can target a specific coordinate (or set of coordinates) on a screen, such as a mouse, pen, or touch contact">pointer inputs</a> is at least 24 by 24 <a href="#dfn-css-pixels" class="internalDFN" data-link-type="dfn" id="ref-for-dfn-css-pixels-5" title="visual angle of about 0.0213 degrees">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-bounding-boxes" class="internalDFN" data-link-type="dfn" id="ref-for-dfn-bounding-boxes-1" title="[New]">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-agents" class="internalDFN" data-link-type="dfn" id="ref-for-dfn-user-agents-3" title="any software that retrieves and presents web content for users">user agent</a> and is not modified by the author;</li>
<li><strong>Essential:</strong> A particular <a href="#dfn-presentation" class="internalDFN" data-link-type="dfn" id="ref-for-dfn-presentation-4" title="rendering of the content in a form to be perceived by users">presentation</a> of the target is <a href="#dfn-essential" class="internalDFN" data-link-type="dfn" id="ref-for-dfn-essential-15" title="if removed, would fundamentally change the information or functionality of the content, and information and functionality cannot be achieved in another way that would conform">essential</a> or is legally required for the information being conveyed.</li>
</ul>
<p>The size of the <a href="#dfn-targets" class="internalDFN" data-link-type="dfn" id="ref-for-dfn-targets-2" title="region of the display that will accept a pointer action, such as the interactive area of a user interface component">target</a> for <a href="#dfn-pointer-inputs" class="internalDFN" data-link-type="dfn" id="ref-for-dfn-pointer-inputs-2" title="input from a device that can target a specific coordinate (or set of coordinates) on a screen, such as a mouse, pen, or touch contact">pointer inputs</a> is at least 24 by 24 <a href="#dfn-css-pixels" class="internalDFN" data-link-type="dfn" id="ref-for-dfn-css-pixels-5" title="visual angle of about 0.0213 degrees">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-bounding-boxes" class="internalDFN" data-link-type="dfn" id="ref-for-dfn-bounding-boxes-1" title="[New]">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-agents" class="internalDFN" data-link-type="dfn" id="ref-for-dfn-user-agents-3" title="any software that retrieves and presents web content for users">user agent</a> and is not modified by the author;</dd>
<dt>Essential</dt>
<dd>A particular <a href="#dfn-presentation" class="internalDFN" data-link-type="dfn" id="ref-for-dfn-presentation-4" title="rendering of the content in a form to be perceived by users">presentation</a> of the target is <a href="#dfn-essential" class="internalDFN" data-link-type="dfn" id="ref-for-dfn-essential-15" title="if removed, would fundamentally change the information or functionality of the content, and information and functionality cannot be achieved in another way that would conform">essential</a> or is legally required for the information being conveyed.</dd>
</dl>
<div class="note" role="note" id="issue-container-generatedID-37"><div role="heading" class="note-title marker" id="h-note-37" aria-level="5"><span>Note 1</span></div><p class="">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></div>
<div class="note" role="note" id="issue-container-generatedID-38"><div role="heading" class="note-title marker" id="h-note-38" aria-level="5"><span>Note 2</span></div><p class="">For inline targets the line-height should be interpreted as perpendicular to the flow of text. For example, in a language displayed vertically, the line-height would be horizontal.</p></div>

</section>
</section>


</section>
Expand Down Expand Up @@ -2750,20 +2755,17 @@ <h1 id="title" class="title">Web Content Accessibility Guidelines (WCAG) 2.2</h1
</dd>


<dt class="new"><dfn id="dfn-cognitive-function-test" data-lt="cognitive function test|Cognitive function test" tabindex="0" aria-haspopup="dialog" data-dfn-type="dfn">Cognitive function test</dfn></dt>
<dt class="new"><dfn id="dfn-cognitive-function-test" data-lt="Cognitive function test|cognitive function test" tabindex="0" aria-haspopup="dialog" data-dfn-type="dfn">cognitive function test</dfn></dt>
<dd class="new">

<p class="change">[New]</p>

<p>A task that requires the user to remember, manipulate, or transcribe information. Examples include, but are not limited to:</p>
<ul>
<li>memorization, such as remembering a username, password, set of characters, images, or patterns. The common identifiers name, e-mail, and phone number are not considered cognitive function tests as they are personal to the user and consistent across websites;</li>
<li>transcription, such as typing in characters;</li>
<li>use of correct spelling;</li>
<li>performance of calculations;</li>
<li>solving of puzzles.</li>
<p class="change">[New]</p>
<p>A task that requires the user to remember, manipulate, or transcribe information. Examples include, but are not limited to:</p>
<ul>
<li>memorization, such as remembering a username, password, set of characters, images, or patterns. The common identifiers name, e-mail, and phone number are not considered cognitive function tests as they are personal to the user and consistent across websites;</li>
<li>transcription, such as typing in characters;</li>
<li>use of correct spelling;</li>
<li>performance of calculations;</li>
<li>solving of puzzles.</li>
</ul>

</dd>


Expand Down Expand Up @@ -3939,17 +3941,19 @@ <h1 id="title" class="title">Web Content Accessibility Guidelines (WCAG) 2.2</h1

<dt><dfn id="dfn-used-in-an-unusual-or-restricted-way" tabindex="0" aria-haspopup="dialog" data-dfn-type="dfn">used in an unusual or restricted way</dfn></dt>
<dd>

<p>words used in such a way that requires users to know exactly which definition to apply
in order to understand the content correctly
</p>

<aside class="example" id="example-35"><div class="marker">Example</div><p>The term "gig" means something different if it occurs in a discussion of music concerts
than it does in article about computer hard drive space, but the appropriate definition
can be determined from context. By contrast, the word "text" is used in a very specific
way in WCAG 2.1, so a definition is supplied in the glossary.
</p></aside>


<aside class="example" id="example-35"><div class="marker">Example</div>
<p>The term "gig" means something different if it occurs in a discussion of music concerts
than it does in article about computer hard drive space, but the appropriate definition
can be determined from context. By contrast, the word "text" is used in a very specific
way in WCAG 2, so a definition is supplied in the glossary.
</p>
</aside>

</dd>


Expand Down Expand Up @@ -4552,10 +4556,10 @@ <h1 id="title" class="title">Web Content Accessibility Guidelines (WCAG) 2.2</h1
<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">
</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">
<span class="caret"></span>
<div>
<a class="self-link" href="#dfn-cognitive-function-test" aria-label="Permalink for definition: Cognitive function test. Activate to close this dialog.">Permalink</a>
<a class="self-link" href="#dfn-cognitive-function-test" aria-label="Permalink for definition: cognitive function test. Activate to close this dialog.">Permalink</a>

</div>
<p><b>Referenced in:</b></p>
Expand Down

0 comments on commit 8666afb

Please sign in to comment.