Skip to content

2832 - Combo Page aria labels#2853

Merged
howardchung merged 1 commit intoodota:masterfrom
micahchiang:2832-combo-page-fixes
Oct 18, 2021
Merged

2832 - Combo Page aria labels#2853
howardchung merged 1 commit intoodota:masterfrom
micahchiang:2832-combo-page-fixes

Conversation

@micahchiang
Copy link
Contributor

Description

This pull request adds aria labels to these elements on the Combo page: Hero Filter, Reset Btn, team select buttons. This is needed because screen reader users currently have no context around what these elements do. As seen in attached screenshots, screen readers will read out ambiguous labels. With these fixes, screen readers provide more understandable context around what each element actually does.

Current VoiceOver readout Screen Shot 2021-10-16 at 12 06 09 PM Screen Shot 2021-10-16 at 12 10 46 PM Screen Shot 2021-10-16 at 12 13 09 PM
VoiceOver readout with proposed fix Screen Shot 2021-10-16 at 12 10 00 PM Screen Shot 2021-10-16 at 12 12 14 PM Screen Shot 2021-10-16 at 12 23 37 PM

opacity: 0.5;
cursor: pointer;
margin-left: 10px;
outline: none;
Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Removed this because it is keyboard focusable and should provide visual feedback when focused.

@howardchung howardchung merged commit 7fd7aee into odota:master Oct 18, 2021
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 this pull request may close these issues.

2 participants