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

Un-selected tabs - 508 contrast issue #366

Closed
gavinr opened this issue Apr 2, 2020 · 3 comments
Closed

Un-selected tabs - 508 contrast issue #366

gavinr opened this issue Apr 2, 2020 · 3 comments

Comments

@gavinr
Copy link
Contributor

gavinr commented Apr 2, 2020

Unselected tabs do not have a sufficient contrast ratio

To Replicate

  1. Include CDN version of Calcite on a page
  2. Include the tabs sample HTML from http://esri.github.io/calcite-web/documentation/patterns/#tabs (Example: https://jsbin.com/zegesov/edit?html,js,output)
  3. Run the Google Chrome Developer Tools Audit (on https://output.jsbin.com/zegesov)
  4. See the failing elements under Accessibility > Contrast
    image
@gavinr
Copy link
Contributor Author

gavinr commented Apr 6, 2020

Just to clarify here: to fix the 508 issue, I must use the updated release (v0.50.0) AND use the translucent version of the tabs?

@codylawson
Copy link
Contributor

@gavinr yes. In the future the translucent style will be the default but right now we're just going to advise people who have compliance requirements to manually set it.

@gavinr
Copy link
Contributor Author

gavinr commented Apr 6, 2020

sounds great, thanks!

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

No branches or pull requests

2 participants