Skip to content

Target size update #4584

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Draft
wants to merge 7 commits into
base: main
Choose a base branch
from
Draft

Target size update #4584

Changes from all commits
Commits
Show all changes
7 commits
Select commit Hold shift + click to select a range
5b8cb28
Update target-size-minimum.html
mbgower Aug 25, 2025
7cfab91
Update target-size-minimum.html
mbgower Aug 25, 2025
c9aac65
Update target-size-minimum.html
mbgower Aug 25, 2025
39cea03
Merge branch 'main' into target-size-update
patrickhlauke Aug 25, 2025
33c7a71
Merge branch 'main' into target-size-update
patrickhlauke Aug 29, 2025
30b9f46
Merge branch 'main' into target-size-update
patrickhlauke Sep 25, 2025
61a64f8
Merge branch 'main' into target-size-update
patrickhlauke Oct 26, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion guidelines/sc/22/target-size-minimum.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -8,7 +8,7 @@ <h4>Target Size (Minimum)</h4>
<p>The size of the <a>target</a> for <a>pointer inputs</a> is at least 24 by 24 <a>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>bounding box</a> of each, the circles do not intersect another target or the circle for another undersized target;</dd>
<dd>Undersized targets (those less than 24 by 24 CSS pixels which are not excepted under another bullet) are positioned so that if a 24 CSS pixel diameter circle is centered on the <a>bounding box</a> of each, the circles do not intersect another target or the circle for another undersized target;</dd>
Copy link
Contributor Author

@mbgower mbgower Aug 29, 2025 •
edited
Loading

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
<dd>Undersized targets (those less than 24 by 24 CSS pixels which are not excepted under another bullet) are positioned so that if a 24 CSS pixel diameter circle is centered on the <a>bounding box</a> of each, the circles do not intersect another target or the circle for another undersized target;</dd>
<dd>Each undersized target (those less than 24 by 24 CSS pixels) which does not already come under any of the other exceptions for this criterion is positioned so that if a 24 CSS pixel diameter circle is centered on the bounding box, the circle for the target does not intersect any other target or its circle;</dd>

Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Hmm. I dont see the point of adding "which are not excepted under another bullet" because it is a common format in amny SCs to first spell out the general requirement and then list exceptions to which it does not apply. I find this additinon more confusing than helpful.

Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

see #4584 (comment)

<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>
Expand Down