27 Components & Libraries
Vuejs a11y Libraries
Localized, accessible calendar and datepicker for Vue with no external dependencies
Calendar Localized, accessible calendar and datepicker for Vue with no external dependencies. Installation $ npm install vue-a11y-calendar Pe
A microfrontend / serverless architected UI for monitoring and recording a11y reports via lighthouse.
Serverless Lerna + Yarn Workspaces Starter A Serverless monorepo starter that uses Lerna and Yarn Workspaces. Designed to scale for larger projects Ma
✨ Automagically manage the visibility of :focus states in your app — by recreating the :focus-visible pseudo-selector behaviour.
✨ Automagically manage the visibility of :focus states in your app — by recreating the :focus-visible pseudoselector behaviour. Supports Vue 3.x out of the box 🎉
✋ Accessibility analyzer for your frontend.
Enabler’s aim is to give developer ability to increase accessibility in development stage, but not after publishing site/application to production.
Utilities for accessibility (a11y) in Vue.js
Vue A11y Utils Utilities for accessibility (a11y) in Vue.js Table of Contents Why Getting Started VueAria Component v-aria Custome Directive Travel
Vue transition component with a11y considerations
Vue transition component with a11y considerations
Piman is an open-source accessibility UI framework create by Blueplanet Inc.
Piman UI framework Piman is an open-source accessibility UI framework create by Blueplanet Inc. 🛠 Getting started Install npm install @yasai/piman Vu
A set of completely unstyled, fully accessible UI components, designed to integrate beautifully with Tailwind CSS.
Completely unstyled, fully accessible UI components, designed to integrate beautifully with Tailwind CSS.
Vue-axe-next - Accessibility auditing for Vue.js 3 applications using axe-core
@vue-a11y/axe Accessibility auditing for Vue.js 3 applications by running dequelabs/axe-core validation on the page you're viewing. Links Setup Option
Agnosticui - a set of UI primitives that start their lives in clean HTML and CSS
AgnosticUI is a set of UI primitives that start their lives in clean HTML and CS
Vue.js visually hidden component (Vue 3 Support Only)
vue-visually-hidden Vue.js visually hidden component (Vue 3 Only) What is visually-hidden component ? In the case of visual content, users using assis
Vue component that helps you to to trap focus in an element.
@vue-a11y/focus-loop 🔥 HEADS UP! You are in the Vue 2 compatible branch, check the "next" branch for Vue3 support. Introduction Vue component that he
Vue component to trap the focus within a DOM element
focus-trap-vue Vue component to trap the focus within a DOM element Installation For Vue 2 npm install focus-trap focus-trap-vue For Vue 3 npm install
Vue.js accessible multiselect component
vue-accessible-multiselect Vue.js accessible multiselect component made according to WAI-ARIA practices. Features ♿️ fully accessible to screen reader
A very lightweight and flexible accessible modal dialog script.
A11y Dialog This is a lightweight (1.3Kb) yet flexible script to create accessible dialog windows. Documentation ↗ Demo on CodeSandbox ↗ Features: Clo
HTML validation using html-validate for NuxtJS
HTML validation using html-validate for NuxtJS
🍕Vue Final Modal is a tiny, renderless, mobile-friendly, feature-rich modal component for Vue.js.
🍕Vue Final Modal is a tiny, renderless, mobile-friendly, feature-rich modal component for Vue.js.
Select & Multi Select implementations for Vue, focused especially on implementing accessibility best practices
This entire repo is very much in an alpha state, and should currently be used only within internal Politico projects, as props / events / classes remain fluid. However, we are working towards a 1.0.0 release, and want to capture our relevant bugs fixed during that process.
BootstrapVue provides one of the most comprehensive implementations of Bootstrap v4 for Vue.js. With extensive and automated WAI-ARIA accessibility markup.
With more than 85 components, over 45 available plugins, several directives, and 1000+ icons, BootstrapVue provides one of the most comprehensive impl
⚡️ Build scalable and accessible Vue.js applications with ease.
Build scalable and accessible Vue.js applications with ease. @chakra-ui/vue gives you a set of accessible and composable Vue components that you can u
BootstrapVue provides one of the most comprehensive implementations of Bootstrap v4 for Vue.js. With extensive and automated WAI-ARIA accessibility markup.
With more than 85 components, over 45 available plugins, several directives, and 1000+ icons, BootstrapVue provides one of the most comprehensive impl
🍕Vue Final Modal is a tiny, renderless, mobile-friendly, feature-rich modal component for Vue.js.
Vue Final Modal Looking for a Vue 3 version? It's over here 🎉 Documentation 🙌 Examples Introduction Vue Final Modal is a renderless component! You c
Vue.js component for a11y-dialog
Vue A11yDialog This is a Vue.js wrapper component for [email protected] (demo). Vue 2 and 3 The newest major release of this package comes with Vue 3
An eslint plugin for checking Vue.js files for accessibility
eslint-plugin-vuejs-accessibility An eslint plugin for checking accessibility rules from within .vue files. Installation If you're using yarn: yarn ad
It is a trap! A lock for a Focus. A11y util for scoping a focus.
vue-focus-lock It is a trap! We got your focus and will not let him out! This is a small, but very useful for: Modal dialogs. You can not leave it wit
Static AST checker for accessibility rules on elements in .vue
eslint-plugin-vue-a11y Static AST checker for accessibility rules on elements in .vue. Installation You'll first need to install ESLint: $ npm i eslin
A simple way with Vue to announce any useful information for screen readers.
@vue-a11y/announcer 🔥 HEADS UP! You are in the Vue 2 compatible branch, check the "next" branch for Vue 3 support. Introduction Imagine browsing page