Skip to content
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.

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

WCAG 2.5.3 - Visible label and accessible name do not match #2223

Closed
dagfs opened this issue Dec 6, 2022 · 0 comments · Fixed by #2224
Closed

WCAG 2.5.3 - Visible label and accessible name do not match #2223

dagfs opened this issue Dec 6, 2022 · 0 comments · Fixed by #2224

Comments

@dagfs
Copy link
Contributor

dagfs commented Dec 6, 2022

Describe the problem to be solved
In an attempt to meet the regulations provided by WCAG we trying to meet the regulations requirements. We use siteimprove to help us meet this goal and it identifies the following problem.

image

The offending element is the expand button, here shown as category. There is a discrepancy between the aria-label expand properties, and the content of the button content

image

https://www.w3.org/WAI/WCAG21/Understanding/label-in-name.html

Describe the solution you'd like
I think a possible solution to this would be the following solution that I will create a PR for once I have created this issue:
image

Simply replacing expand properties with `expand {name}´, in this case ´expand content´

Describe alternatives you've considered

  • Pleading with the local regulation to omit this instance
  • Implement a local fix

Additional context

  • I'm submitting a tested PR once this issue is posted :)

This issue relates to the tracking WCAG issue #1279

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging a pull request may close this issue.

1 participant