{"id":47535,"url":"https://github.com/SacredDevKing/awesome-access","name":"awesome-access","description":"Awesome accessibility(Vue.js)","projects_count":61,"last_synced_at":"2026-07-14T21:00:22.899Z","repository":{"id":149990295,"uuid":"609672105","full_name":"SacredDevKing/awesome-access","owner":"SacredDevKing","description":"Awesome accessibility(Vue.js)","archived":false,"fork":false,"pushed_at":"2023-03-04T22:04:06.000Z","size":15,"stargazers_count":2,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-05-05T23:02:07.640Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":null,"has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/SacredDevKing.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"CONTRIBUTING.md","funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null}},"created_at":"2023-03-04T22:03:25.000Z","updated_at":"2023-05-01T03:27:14.000Z","dependencies_parsed_at":null,"dependency_job_id":"fc80feff-c746-4337-a198-1e4cc23573d3","html_url":"https://github.com/SacredDevKing/awesome-access","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/SacredDevKing/awesome-access","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SacredDevKing%2Fawesome-access","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SacredDevKing%2Fawesome-access/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SacredDevKing%2Fawesome-access/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SacredDevKing%2Fawesome-access/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/SacredDevKing","download_url":"https://codeload.github.com/SacredDevKing/awesome-access/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SacredDevKing%2Fawesome-access/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":263047660,"owners_count":23405280,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"created_at":"2024-01-14T11:15:15.990Z","updated_at":"2026-07-14T21:00:22.901Z","primary_language":null,"list_of_lists":false,"displayable":true,"categories":["Resources","Accessible libraries","Components and plugins","Accessible projects","License"],"sub_categories":["Posts and tutorials","Vuepress","Vue A11y","Community","Videos","Talks","Books","Courses","Development"],"readme":"\u003cp align=\"center\"\u003e\n  \u003cbr\u003e\n  \u003cimg src=\"https://avatars0.githubusercontent.com/u/38933658?s=200\u0026v=4\" alt=\"logo of vue-awesome repository\"\u003e\n  \u003cbr\u003e\n  \u003cbr\u003e\n\u003c/p\u003e\n\n# Awesome Accessibility Vue.js [![Awesome](https://cdn.rawgit.com/sindresorhus/awesome/d7305f38d29fed78fa85652e3a63e154dd8e8829/media/badge.svg)](https://github.com/sindresorhus/awesome)\n\n\u003e List of awesome things related to accessibility in Vue.js\n\n- [Resources](#resources)\n  - [vue-a11y](#vue-a11y)\n  - [Community](#community)\n  - [Posts and tutorials](#posts-and-tutorials)\n  - [Videos](#videos)\n  - [Talks](#talks)\n  - [Books](#books)\n  - [Courses](#courses)\n- [Components and plugins](#components-and-plugins)\n  - [Development](#development)\n  - [Vuepress](#development)\n- [Accessible libraries](#accessible-libraries)\n- [Accessible projects](#accessible-projects)\n- [License](#license)\n\n## Resources\n\n### Vue A11y\n- [Project website (coming soon)](https://vue-a11y.com/)\n- [GitHub Repo](https://github.com/vue-a11y)\n\n### Community\n- [Twitter](https://twitter.com/vue_a11y)\n\n### Posts and tutorials\n\n#### 2020\n- [Improved accessible routing in Vue.js](https://marcus.io/blog/improved-accessible-routing-vuejs)\n- [Disclosure widgets in Vue.js](https://marcus.io/blog/disclosure-widget-vuejs)\n\n#### 2019\n- [Accessible Custom Vue.js Select Component Part 1: Simple but Experimental](https://markus.oberlehner.net/blog/accessible-custom-vue-form-select-component-simple-but-experimental/)\n- [Accessible Custom Vue.js Select Component Part 2: Advanced](https://markus.oberlehner.net/blog/accessible-custom-vue-form-select-component-simple-but-advanced/)\n- [Accessible Form Validation Messages with ARIA and Vue.js](https://vuejsdevelopers.com/2019/05/13/accessibility-validation-aria-vuejs/)\n- [Vue.jsから考えるアクセシビリティについて - 2019](https://yamanoku.net/vue-a11y-2019/)\n- [Accessible form error auto-focus with Vuelidate in Vue](https://dev.to/marinamosti/accessible-form-error-auto-focus-with-vuelidate-in-vue-4cok)\n\n#### 2018\n- [Getting Started with Web Accessibility in Vue](https://medium.com/@emilymears/getting-started-with-web-accessibility-in-vue-17e2c4ea0842)\n- [Improve Vue.js Accessibility with vue-announcer](https://alligator.io/vuejs/vuejs-accessible-announcements/)\n- [How to Create an Accessible Autocomplete Component with Vue.js](https://alligator.io/vuejs/vue-a11y-autocomplete/)\n- [Web components still need to be accessible](https://www.24a11y.com/2018/web-components-still-need-to-be-accessible/)\n\n### Videos\n- [Vue.js Modal w/ Keyboard Accessibility](https://www.youtube.com/watch?v=qYrpSvWdYKQ)\n- [Vue.js Dropdown w/ Keyboard Accessibility](https://www.youtube.com/watch?v=SGVSvi1OxE8)\n\n### Talks\n- [Callum Macrae - Accessibility with Vue](https://www.youtube.com/watch?v=1Rvg_XkFH8Q)\n- [Maria Lamardo - Web Accessibility With Vue.js](https://www.youtube.com/watch?v=mHubDB6DIfE)\n- [Maya Shavin - Media for everyone - how to make your Vue Apps accessible for all users](https://www.youtube.com/watch?v=3hWTC5h0uAw)\n- [Maya Shavin - Vue your Media with Accessibility (m16y)](https://www.youtube.com/watch?v=7YRTDaP3nMw)\n\n### Books\n- [Vue.js: Up and Running: Building Accessible and Performant Web Apps](https://www.amazon.com/Vue-js-Running-Building-Accessible-Performant-ebook/dp/B07B1N6GVC)\n- [Accessible Vue](https://accessible-vue.com)\n\n### Courses\n- [Web Accessibility Fundamentals (Vueschool)](https://vueschool.io/courses/web-accessibility-fundamentals)\n\n## Components and plugins\n- [@vue-a11y/announcer](https://github.com/vue-a11y/vue-announcer) - A simple way with Vue to announce any useful information for screen readers.\n- [@vue-a11y/skip-to](https://github.com/vue-a11y/vue-skip-to) -  It helps people who only use the keyboard to jump to what matters most.\n- [@vue-a11y/dark-mode](https://github.com/vue-a11y/vue-dark-mode) -  A component that helps to implement dark mode and other color modes in your Vue application.\n- [@vue-a11y/focus-loop](https://github.com/vue-a11y/vue-focus-loop) - Vue component that helps you to to trap focus in an element.\n- [@vue-a11y/vlibras](https://github.com/vue-a11y/vue-vlibras) - Componente Vue.js que ajuda você a implementar o VLibras no seu site.\n- [vue-accessible-multiselect](https://github.com/vue-a11y/vue-accessible-multiselect) - Vue.js accessible multiselect component made according to WAI-ARIA practices.\n- [vue-a11y-utils](https://github.com/jinjiang/vue-a11y-utils) - Utilities for accessibility (a11y) in Vue.js.\n- [vue-focus-lock](https://github.com/theKashey/vue-focus-lock) - It is a trap! A lock for a Focus. A11y util for scoping a focus.\n- [vue-a11y-calendar](https://github.com/IBM/vue-a11y-calendar) - Accessible, internationalized Vue calendar.\n- [a11y-vue-dialog](https://github.com/renatodeleao/a11y-vue-dialog) - An accessible dialog component made for Vue.\n- [vue-a11y-katex](https://github.com/dangvanthanh/vue-a11y-katex) - Katex Accessibility Using Vue.js.\n- [vue-m16y](https://github.com/mayashavin/vue-m16y) - A11y widget for Vue app which enables media accessibility mode.\n- [vue-switch-button](https://github.com/marcus-herrmann/vue-switch-button) - Accessible toggle button component for Vue 2.\n- [vue-menu-button](https://github.com/marcus-herrmann/vue-menu-button) - Accessible menu button component for Vue 2, following WAI-ARIA 1.1 authoring practices.\n- [vue-transition-a11y](https://github.com/vanhoofmaarten/vue-transition-a11y) - A extended version of the Vue \u003ctransition\u003e component, which takes 'prefers-reduced-motion' in to account.\n- [autocomplete-vue](https://github.com/trevoreyre/autocomplete/tree/master/packages/autocomplete-vue) - Accessible autocomplete component Vue.\n- [focus-trap-vue](https://github.com/posva/focus-trap-vue) - Vue component to trap the focus within a DOM element.\n- [vue-accessibility-toolbar](https://github.com/hendrixfan/vue-accessibility-toolbar) - A Toolbar with Buttons to invert Colors, highlight Links, desaturate and increase Font Size.\n- [vue-a11y-click](https://github.com/swiecaJS/vue-a11y-click) - It helps you handling click events on element which are not natively clickable...\n- [vue-accessible-modal](https://github.com/andrewvasilchuk/vue-accessible-modal) - Vue.js component for accessible modals.\n- [vue-number-input](https://github.com/smwbtech/vue-number-input) - Vue component for numbers input.\n- [vue-accessible-color-picker](https://github.com/kleinfreund/vue-accessible-color-picker) - Accessible color picker component for Vue.js.\n- [vue-autosuggest](https://github.com/darrenjennings/vue-autosuggest) - Vue autosuggest component.\n- [vue-a11y-dialog](https://github.com/morkro/vue-a11y-dialog) - Vue.js wrapper for `a11y-dialog` .\n- [vue-accessible-tabs](https://github.com/jakedohm/vue-accessible-tabs) - An accessible, unstyled \u003cTabs\u003e implementation for Vue 2\n- [vue-toggles](https://github.com/juliandreas/vue-toggles) - A highly customizable and accessible toggle component\n- [vue-accessibility-list](https://github.com/romulorodrigues/vue-accessibility-list) - An accessibility list for your project with the options: increase / decrease font and high contrast.\n- [vue-visually-hidden](https://github.com/yamanoku/vue-visually-hidden) - Vue.js visually hidden component for Vue 3\n### Development\n- [vue-axe](https://github.com/vue-a11y/vue-axe) - Accessibility auditing for Vue.js applications.\n- [vue-axe-next](https://github.com/vue-a11y/vue-axe-next) - Dynamic accessibility analysis for Vue.js 3 using axe-core.\n- [eslint-plugin-vuejs-accessibility](https://github.com/vue-a11y/eslint-plugin-vuejs-accessibility) - An [eslint](https://eslint.org/) plugin for checking accessibility rules from within `.vue` files.\n\n### Vuepress\n- [vuepress-theme-default-vue-a11y](https://github.com/vue-a11y/vuepress-theme-default-vue-a11y) - Vuepress theme for vue-a11y documentation\n\n## Accessible libraries\n- [Vuetensils](https://vuetensils.stegosource.com/) - A \"naked\" component library for building accessible, lightweight, on-brand applications.\n- [Vuetify](https://vuetifyjs.com/en/) - Material Design Component Framework.\n- [BootstrapVue](https://bootstrap-vue.js.org/) - Bootstrap v4 component and grid system for Vue.js, complete with extensive and automated WAI-ARIA accessibility markup.\n- [@chakra-ui/vue](https://github.com/chakra-ui/chakra-ui-vue) - Build scalable and accessible Vue.js applications with ease.\n\n## Accessible projects\n- [Tournant UI](https://github.com/tournantdev/ui) - Inclusive Vue Components\n\n## License\n[![CC0](http://mirrors.creativecommons.org/presskit/buttons/88x31/svg/cc-zero.svg)](https://creativecommons.org/publicdomain/zero/1.0/)\n","projects_url":"https://awesome.ecosyste.ms/api/v1/lists/sacreddevking%2Fawesome-access/projects"}