loading...

Does anyone know of an accessible vue component library?

twitter logo github logo ・1 min read

Does anyone know of a Vue component library/collection that are easy to style and built with accessibility in mind? I know you can pick just parts of Vuetify, but you're still stuck with the chance that their base styles will interfere with other styles you may use. Ideally, something like Reach UI except for Vue would be great, but I kind of assume that is a White Whale at this point.

twitter logo DISCUSS (3)
markdown guide
 

BootstrapVue (bootstrap-vue.js.org/) was created with WAI-ARIA accessibility in mind.

Many of the components produce automated ARIA compliant markup, and the docs for each component usually has a section on accessibility.

Styling wise, you can theme by setting Bootstrap V4.x SASS/SCSS variables (theme/variant colors, general sizing, enable/disable shadow, etc).

 

At first glance, vuematerial.io/ seems to be superior to Vuetify, accessibility-wise.

I'm looking for a Reach UI counterpart in Vue for quite some time now, unfortunately to no avail

 

That's kind of what I figured. I'd really love something that handles the accessibility and composition and leaves styling to the users.

Classic DEV Post from Aug 28 '19

Working in Japan: Myths, Realities, Compensation, Culture (By A Software Engineer)

American with a few years as a software engineer at a few companies in Japan - what it's really like.

Darrik Moberg profile image
I'm a full stack developer currently working in the public sector. I'm interested in accessibility, and user-driven design and experiences.