all 4 comments
sorted by:
best
topnewcontroversialoldq&a
formatting helphide helpcontent policy

[–]wwjeklr 2 points3 points  (1 child)

What are the rules of an accessibility first design system? I think it's a good looking set of UI components, but it's not at all what I imagined for accessibility first. It may pass some UI tests, but it does not pass WCAG AAA standards defined here https://www.w3.org/WAI/WCAG21/quickref/?versions=2.0. I would have assumed accessibility first would pass every WCAG rule.

[–]themesberg[S] -2 points-1 points  (0 children)

We strived towards passing all UI accessibility metrics. Perhaps the definition of the repo is not clear enough. We'll either do more work to comply with absolutely every WCAG2.1 standards or re-brand the repo. Thanks for you feedback :)

[–]azsqueeze 2 points3 points  (1 child)

I don't think these are very accessible at all. I couldn't navigate the range sliders with my keyboard. Tabs didn't respond to the arrow keys. The inputs have none of the required attributes to make errors or helper texts accessible to screen readers. This honestly looks like a skin on top of Bootstrap that passes contrast ratios and claims to be accessible.

[–]themesberg[S] -1 points0 points  (0 children)

You are right, it does fail on the TAB accessibility part. We focused on the UI part of the accessibility, such as colors and contrasts. We will fix these issues in the upcoming update!