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

Perform screen-reader and keyboard accessibility audit #56

Open
cjcenizal opened this issue Jul 3, 2023 · 1 comment
Open

Perform screen-reader and keyboard accessibility audit #56

cjcenizal opened this issue Jul 3, 2023 · 1 comment
Labels
a11y enhancement New feature or request

Comments

@cjcenizal
Copy link
Contributor

We can refer to https://www.youtube.com/watch?v=cOmehxAU_4s for the basics to check for.

@cjcenizal cjcenizal added the enhancement New feature or request label Jul 3, 2023
@cjcenizal cjcenizal added the a11y label Sep 7, 2023
@3eif
Copy link
Contributor

3eif commented Sep 19, 2023

Accessibility Audit:

I was able to navigate through all the components fairly easy and the screen reader described to be most of what I was looking at.

A few minor issues I found:

  • I can navigate through items under the Chat Inspector and Chat Setting pop up.
    Screenshot 2023-09-19 at 11 58 18 AM
  • VuiIcon component does not have alt text or aria label, screen reader just reads "image". Buttons such as Exit, Send, Inspect, and Resize button in VuiChat suffer from the same issue (related to Add label prop to VuiIconButton #111?).
  • I'm not able to access or navigate to the progress bar using the screen reader
  • VuiPopover does not state the amount of items in the menu like the Select component (related to Improve screen-reader accessibility of VuiPopover, VuiSearchSelect, and other popovers #113?)
  • Screen reader does not shift its focus to the VuiNotification component when it appears
  • No alt text for VuiSpinner

Very minor thing:

  • I'm able to tab twice into the GitHub icon/button in the top right of the app header

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
a11y enhancement New feature or request
Projects
None yet
Development

No branches or pull requests

2 participants