Skip to content

Commit

Permalink
🤖 Deploy to GitHub Pages: b1adb39 from branch refs/heads/main
Browse files Browse the repository at this point in the history
  • Loading branch information
w3cgruntbot committed Oct 27, 2023
1 parent 5fe6fe2 commit 85f721f
Show file tree
Hide file tree
Showing 2 changed files with 17 additions and 4 deletions.
2 changes: 1 addition & 1 deletion requirements/22/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -54,7 +54,7 @@
"generatedSubtitle": "Editor's Draft 27 October 2023"
}</script><link rel="stylesheet" href="https://www.w3.org/StyleSheets/TR/2016/W3C-ED"></head>

<body class="h-entry informative"><div class="head">
<body class="h-entry informative toc-inline"><div class="head">
<a class="logo" href="https://www.w3.org/"><img alt="W3C" width="72" height="48" src="https://www.w3.org/StyleSheets/TR/2016/logos/W3C"></a> <h1 id="title" class="title">Requirements for Web Content Accessibility Guidelines 2.2</h1>

<h2>
Expand Down
19 changes: 16 additions & 3 deletions understanding/target-size-minimum.html
Original file line number Diff line number Diff line change
Expand Up @@ -80,7 +80,7 @@ <h1><span class="standalone-resource__type-of-guidance">Understanding

<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="#">bounding box</a> of each, the circles do not intersect another target or the circle for another undersized
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>

Expand Down Expand Up @@ -166,7 +166,7 @@ <h3>Exceptions</h3>
<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="#">bounding box</a> of each, the circles do not intersect another target or the circle for another undersized
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>

Expand Down Expand Up @@ -311,7 +311,7 @@ <h3>Spacing</h3>


<p>When a target is smaller than 24 by 24 CSS pixels, it is <em>undersized</em>. In this case, we check if it at least has sufficient <em>spacing</em> by drawing a 24 CSS pixel diameter circle over the undersized target, centered on
the target's <a href="#">bounding box</a>. For rectangular targets, the bounding box coincides with the target itself – thus,
the target's <a href="#dfn-minimum-bounding-box">bounding box</a>. For rectangular targets, the bounding box coincides with the target itself – thus,
the circle is placed on the center of the target. If the target is <em>not</em> rectangular – for instance, if the target is clipped, has rounded corners, or if
it's a more complex clickable SVG shape – we need to first determine the bounding
box, and then find the box's center. Note that for concave shapes, the center of the
Expand Down Expand Up @@ -691,6 +691,19 @@ <h2>Key Terms</h2>

</definition>
</dd>
<dt id="dfn-minimum-bounding-box">minimum bounding box</dt>
<dd>
<definition xmlns="">


<p xmlns="http://www.w3.org/1999/xhtml">the smallest enclosing rectangle aligned to the horizontal axis within which all the
points of a shape lie. For components which wrap onto multiple lines as part of a
sentence or block of text (such as hypertext links), the bounding box is based on
how the component would appear on a single line.
</p>

</definition>
</dd>
<dt id="dfn-pointer-input">pointer input</dt>
<dd>
<definition xmlns="">
Expand Down

0 comments on commit 85f721f

Please sign in to comment.