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

[overlay|overlay-trigger] a11y review #1284

Closed
Westbrook opened this issue Mar 11, 2021 · 2 comments
Closed

[overlay|overlay-trigger] a11y review #1284

Westbrook opened this issue Mar 11, 2021 · 2 comments
Labels
1.0.0 Issues that should be addressed for a 1.0 release! a11y Issues related to accessibility Component: Overlay

Comments

@Westbrook
Copy link
Contributor

Westbrook commented Mar 11, 2021

Feedback

❌ ARC - non active element in tab order (sp-active-overlay)

  • The example does not move keyboard focus correctly. I would assume that this should happen automatically where focus moved from the trigger to the content when opened - and back when closed, but this does not seem to occur in the example (review internally, should be fixed)
    ❌ active-overlay has tabindex=0 but no role or accessible name
    ❌ there is no way for a keyboard user to close the overlay in this example (understood that this is an example - but should meet a11y guidelines)
    ❌ The button opens the popover but focus does not move, so nothing is read.

Path forward

  1. Let's review how to get that result in the ARC tooling so I can understand what this means to the UI.
  2. This is due to not having a specific plan for this content and having a longer standing "default" that is not accessible. Make a 'breaking' change to set the default to something that "works" even if it's only in specific use cases.
  3. This is related to the above, will need revisit after that work is done.
  4. Is escape enough of an option here, or do we need to add more? This has been added since your view. Or do we need to add a "hidden" button?
  5. Related to no. 2 above.

Notice:

This content has since been expanded to:
https://opensource.adobe.com/spectrum-web-components/components/overlay
https://opensource.adobe.com/spectrum-web-components/components/overlay-trigger

cc @jnurthen

@Westbrook Westbrook added Component: Overlay a11y Issues related to accessibility labels Mar 11, 2021
@hunterloftis hunterloftis added the 1.0.0 Issues that should be addressed for a 1.0 release! label Sep 23, 2021
@Westbrook
Copy link
Contributor Author

Not sure how much of this is still current, but good information to keep in mind as we move to revisit this API surface.

@Westbrook
Copy link
Contributor Author

This will no longer be based on life code as of the next couple of weeks, so I'm closing in favor of an updated review.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
1.0.0 Issues that should be addressed for a 1.0 release! a11y Issues related to accessibility Component: Overlay
Projects
None yet
Development

No branches or pull requests

2 participants