search

riptano / docs-ui

The UI and theme for DataStax Docs.
https://riptano.github.io/docs-ui/
Mozilla Public License 2.0
2 stars 0 forks source link

New vector docs Leftnav accessibility: in light mode, some headings fail color contrast? #93

Closed johnsmartco closed 6 months ago

johnsmartco commented 6 months ago

Hey guys, let me know what you find.

For our Leftnav, in Light node, If i'm checking the correct set of foreground text color & background color hex # values, I think certain headings fail WCAG accessibility requirements.

https://webaim.org/resources/contrastchecker/?fcolor=8E9093&bcolor=F7F7F7

Do I have the right values?

Please refer to the leftnav when viewed from a page like https://docs.datastax.com/en/astra/astra-db-vector/api-reference/data-api-commands.html#advanced-feature-indexing-clause-on-createcollection , and the attached screenshot. I tried to inspect the css colors but not sure if I've got the right values in that webaim comparison.

If we fail accessibility color contrast, it could be difficult for people who have low vision or who are color blind.

Screenshot 2024-02-01 at 11 34 18 AM
johnsmartco commented 6 months ago

cc: @colegoldsmith , @eric-schneider

johnsmartco commented 6 months ago

@colegoldsmith looked and the actual foreground/background colors for level-2 leftnav entries are:

https://webaim.org/resources/contrastchecker/?fcolor=6B6F73&bcolor=F7F7F7

... which passes AA compliance. Closing this issue.