Skip to content

Calculations for criterion 2.4.13 #4275

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

Jump to bottom
Open
natPL903 opened this issue Mar 12, 2025 · 1 comment · May be fixed by #4366
Open

Calculations for criterion 2.4.13 #4275

natPL903 opened this issue Mar 12, 2025 · 1 comment · May be fixed by #4366
Labels
Editorial Understanding

Comments

@natPL903
Copy link

In understanding is calculating the focus area (https://www.w3.org/WAI/WCAG22/Understanding/focus-appearance.html).

Outline 2px adds 4px to the width of 90px (2px left and 2px right). Same height. Meanwhile, we have 92x32. In my opinion, this is a mistake.
@mbgower
Copy link
Contributor

mbgower commented Mar 17, 2025

I believe this is the result of the SC wording being altered (in regard to the 2px area language) when it became a AAA criterion, without the examples being updated to reflect the new language.

patrickhlauke added a commit that referenced this issue Apr 27, 2025
@patrickhlauke
Correct numbers and formulae for focus area calculations
5407ce4 
Closes #4275

Apart from the numbers in the first example being wrong, the actual formulae were wrong as well.

For the rectangle, the simplest calculation is "the larger rectangle (with the extra 2px outline on all sides) minus the base control size"

For the circle, you can't just take the circumference and multiply it by 2. You have to do the same calculation - a circle whose radius is 2px larger, minus the base control circle.

For the rectangle with rounded edges, the calculation comes out very complex - in short, it's 4 rectangles (2 times a rectangle with width minus 2r, multiplied by 2 height; 2 times a rectangle with height minus 2r, multiplied by 2 width) and then a full circle using the previous formula (4 quarters of a circle on each corner)
@patrickhlauke patrickhlauke linked a pull request Apr 27, 2025 that will close this issue
Draft
patrickhlauke added a commit that referenced this issue Apr 27, 2025
@patrickhlauke
Correct numbers and formulae for focus area calculations
75d4085 
Closes #4275

Apart from the numbers in the first example being wrong, the actual formulae were wrong as well.

For the rectangle, the simplest calculation is "the larger rectangle (with the extra 2px outline on all sides) minus the base control size"

For the circle, you can't just take the circumference and multiply it by 2. You have to do the same calculation - a circle whose radius is 2px larger, minus the base control circle.

For the rectangle with rounded edges, the calculation comes out very complex - in short, it's 4 rectangles (2 times a rectangle with width minus 2r, multiplied by 2 height; 2 times a rectangle with height minus 2r, multiplied by 2 width) and then a full circle using the previous formula (4 quarters of a circle on each corner)

Bonus: corrected two typos - "accommodation" and "Albania"
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
Editorial Understanding
Projects
None yet
Milestone
No milestone
Development

Successfully merging a pull request may close this issue.

Correct numbers and formulae for focus area calculations w3c/wcag
2 participants
@mbgower @natPL903