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

Navigation buttons have unhelpful aria labels on mobile #187

Open
lesliana opened this issue Oct 21, 2016 · 1 comment
Open

Navigation buttons have unhelpful aria labels on mobile #187

lesliana opened this issue Oct 21, 2016 · 1 comment
Labels

Comments

@lesliana
Copy link

Description

Chevron navigation buttons on paper tabs have unhelpful aria labels on mobile.

Steps to reproduce

  1. Create a paper tab with scrollable=true and enough tabs that you see the overflow paper-icon-button.
  2. On your phone, turn on VoiceOver or TalkBack.
  3. Swipe through the page until you get to the paper tabs. You first get to the chevron-left paper-icon-button. Even though it's visually hidden (because you're already on the left-most tab and therefore don't need a left arrow), you hear "button" read out loud.
  4. Swipe through the tabs. You hear all tab titles read. After the last tab has been read, the chevron-right button gets focus and reads "button" out loud.

It is confusing to hear "button" read before and after the tabs with no extra context. Since the right arrow is only read after all the tab names are read, it doesn't really make sense to give it a more descriptive title like "show more items", since at that point you're already at the end of the list. So maybe aria-hiding them entirely would be a better solution.

Reproduces on an iPhone with iOS10 and a Nexus 5 on Lollipop 5.1.

@bicknellr bicknellr added the a11y label Oct 24, 2016
@Sunlis
Copy link

Sunlis commented Sep 19, 2017

This is also an issue on desktop (tested with Chrome and ChromeVox). I agree that the scroll buttons should be aria-hidden.

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

No branches or pull requests

3 participants