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

[A11Y] Add aria-label to dropdown toggles #2668

Merged
merged 3 commits into from
Mar 16, 2021
Merged

[A11Y] Add aria-label to dropdown toggles #2668

merged 3 commits into from
Mar 16, 2021

Conversation

davwheat
Copy link
Member

@davwheat davwheat commented Mar 7, 2021

Fixes #2581

Changes proposed in this pull request:

  • Adds a new accessibleToggleLabel attr for Dropdown and SplitDropdown components
  • Implements this new attr on dropdowns used in core on the forum-side

We should integrate this new attr in core extensions, too.

Screenshot
d1QfBD

Confirmed

  • Frontend changes: tested on a local Flarum installation.

@davwheat davwheat self-assigned this Mar 15, 2021
@davwheat davwheat added the type/accessibility Issues relating to accessibility (keyboard navigation, screenreaders, text contrast, etc.) label Mar 15, 2021
Making the a11y label more specific to the specific action it performs is critical for good UX with assistive technologies.
@davwheat davwheat changed the title [A11Y] Add a11y label to dropdown toggles [A11Y] Add aria-label to dropdown toggles Mar 15, 2021
locale/core.yml Outdated Show resolved Hide resolved
@askvortsov1 askvortsov1 merged commit 0d139e6 into flarum:master Mar 16, 2021
@davwheat davwheat deleted the dw/2581-add-a11y-label-to-dropdown-toggles branch March 18, 2021 22:04
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
type/accessibility Issues relating to accessibility (keyboard navigation, screenreaders, text contrast, etc.)
Projects
None yet
Development

Successfully merging this pull request may close these issues.

[A11Y] Dropdown toggle buttons missing accessibility label
3 participants