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 and landmark role to search input #2669

Merged
merged 4 commits into from
Mar 18, 2021
Merged

[A11Y] Add aria-label and landmark role to search input #2669

merged 4 commits into from
Mar 18, 2021

Conversation

davwheat
Copy link
Member

@davwheat davwheat commented Mar 7, 2021

Fixes #2667

Changes proposed in this pull request:
Adds the aria-label attribute to the search input.

Also adds role="search" to the containing div. See this page for more info.

For info about why this is required, see the related issue (#2667).

Screenshot
jAoNe3

Confirmed

  • Frontend changes: tested on a local Flarum installation.

@davwheat davwheat changed the title Add aria-label to search input [A11Y] Add aria-label to search input Mar 7, 2021
@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
@davwheat davwheat changed the title [A11Y] Add aria-label to search input [A11Y] Add aria-label and landmark role to search input Mar 15, 2021
js/src/forum/components/Search.js Outdated Show resolved Hide resolved
@SychO9 SychO9 merged commit cd9ee48 into flarum:master Mar 18, 2021
@davwheat davwheat deleted the dw/2667-add-a11y-label-search-component branch March 18, 2021 22:03
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] Missing accessible label and landmark role on search input
3 participants