3 ms·
From the "Accordion" component: > Is it accessible? Yes. It adheres to the WAI-ARIA design patterns. I've only checked the Tab component (as one of the more c
by darekkay 3y ago
From the "Accordion" component:
> Is it accessible? Yes. It adheres to the WAI-ARIA design patterns.
I've only checked the Tab component (as one of the more complex one from accessibility perspective), but the WAI-ARIA patterns are well implemented.
However, WAI-ARIA patterns are a necessary but not a sufficient condition. E.g., the Tab component has _detectable_ issues, i.e., run Lightroom in Chrome and you will find some problems (like contrast ratio issues). Finally, a manual test is necessary, which will show things like the insufficient focus ring in the "New York" style.
I've updated my post, where I compare different UI libraries on a subset of accessibility criteria, to include shadcn: https://darekkay.com/blog/accessible-ui-frameworks/ https://darekkay.com/blog/accessible-ui-frameworks/
- ecuaflo 3y agoCan you add ariakit?
- darekkay 3y agoAriakit is a Reakit successor, which already got the full score in my post. Ariakit looks as accessible as Reakit. I've updated my post accordingly.
- gmarcus 3y agoGreat compilation. Thanks for putting that together. Curious what your take is on these UI libraries that "claim" they are accessible: https://mantine.dev https://mantine.dev - "Build fully functional accessible web applications faster than ever" https://nextui.org https://nextui.org - "NextUI components are built on top of React Aria ensuring exceptional accessibility support as a top priority."
- darekkay 3y agoYou can always get a first impression by checking a website with Chrome Lightroom. For Mantine, Lightroom returns a few ARIA and a lot of contrast ratio issues. NextUI is built upon React Aria, which indeed puts accessibility first. Nonetheless, NextUI includes some contrast ratio issues as well. I think that claims like "fully accessible" or "exceptional accessibility" give a false sense of security to people using those UI frameworks. Accessibility is not something a UI framework can guarantee for your app or website. EDIT: I've added Mantine to my post. I've left out NextUI, being more of a "skin" over React Aria.