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
 

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.

 

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).

Classic DEV Post from Sep 17

SOLID PRINCIPLES: To start with Object-oriented programming

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.