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

Close log icon button lacks a label #269

Open
henrycatalinismith opened this issue Oct 15, 2022 · 0 comments
Open

Close log icon button lacks a label #269

henrycatalinismith opened this issue Oct 15, 2022 · 0 comments

Comments

@henrycatalinismith
Copy link

Steps to reproduce

  1. Open an assignment.
  2. Click the log button.
  3. Press ⌘ + F5 to start VoiceOver.
  4. Focus the close button.

Expected outcome

The button should have a label describing its purpose as per WCAG success criterion 1.1.1.

Actual outcome

There's no label so it's unclear what clicking it will do.

VoiceOver with the button focused and the announcement just says button

Severity

The success criterion covering this issue is WCAG level A – the minimum level. Most organizations aim for a conformance level of AA, which includes all level A criteria. Any time an icon button is unlabeled it's generally a high level of severity as the affected functionality is effectively inoperable via a screen reader.

Recommendation

Add an aria-label saying Close or something like that.

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

Successfully merging a pull request may close this issue.

1 participant