vue-a11y / Vue Announcer
Licence: mit
A simple way with Vue to announce any useful information for screen readers.
Stars: ✭ 185
Programming Languages
javascript
184084 projects - #8 most used programming language
Projects that are alternatives of or similar to Vue Announcer
Skin
Pure CSS framework designed & developed by eBay for a branded, e-commerce marketplace.
Stars: ✭ 126 (-31.89%)
Mutual labels: accessibility, a11y
Pa11y Webservice
Pa11y Webservice provides scheduled accessibility reports for multiple URLs
Stars: ✭ 122 (-34.05%)
Mutual labels: accessibility, a11y
Lumberjack
An automated website accessibility scanner and cli
Stars: ✭ 109 (-41.08%)
Mutual labels: accessibility, a11y
Parvus
An accessible, open-source image lightbox with no dependencies.
Stars: ✭ 124 (-32.97%)
Mutual labels: accessibility, a11y
Acot
💎 Accessibility Testing Framework. More accessible web, all over the world.
Stars: ✭ 112 (-39.46%)
Mutual labels: accessibility, a11y
Focusoverlay
Library for creating animated overlays on focused elements
Stars: ✭ 167 (-9.73%)
Mutual labels: accessibility, a11y
Visible
🦉 Accessibility testing framework at the next level
Stars: ✭ 164 (-11.35%)
Mutual labels: accessibility, a11y
A11y Dialog
A very lightweight and flexible accessible modal dialog script.
Stars: ✭ 1,768 (+855.68%)
Mutual labels: accessibility, a11y
Ally.js
JavaScript library to help modern web applications with accessibility concerns
Stars: ✭ 1,447 (+682.16%)
Mutual labels: accessibility, a11y
Houdini
A simple, accessible show-and-hide/accordion script.
Stars: ✭ 148 (-20%)
Mutual labels: accessibility, a11y
Accordion
Accordion module created in pure javascript & CSS. Very useful to create FAQ lists on your website.
Stars: ✭ 94 (-49.19%)
Mutual labels: accessibility, a11y
Top People To Follow In Web Accessibility
A list of the top people to follow in web accessibility and web standards.
Stars: ✭ 117 (-36.76%)
Mutual labels: accessibility, a11y
Accessible Html Content Patterns
♿️ The full HTML5 Doctor Element Index as well as common markup patterns for quick reference.
Stars: ✭ 93 (-49.73%)
Mutual labels: accessibility, a11y
Ember A11y Testing
A suite of accessibility tests that can be run within the Ember testing framework
Stars: ✭ 125 (-32.43%)
Mutual labels: accessibility, a11y
Accesslint Ci
Install the GitHub Integration https://github.com/apps/accesslint
Stars: ✭ 82 (-55.68%)
Mutual labels: accessibility, a11y
Core Components
Accessible and lightweight Javascript components
Stars: ✭ 85 (-54.05%)
Mutual labels: accessibility, a11y
Svelte Navigator
Simple, accessible routing for Svelte
Stars: ✭ 125 (-32.43%)
Mutual labels: accessibility, a11y
Ebayui Core
Collection of Marko widgets; considered to be the core building blocks for all eBay components, pages & apps
Stars: ✭ 134 (-27.57%)
Mutual labels: accessibility, a11y
@vue-a11y/announcer
🔥 HEADS UP! You are in the Vue 2 compatible branch, check the "next" branch for Vue 3 support.
Introduction
Imagine browsing pages (routes), receiving alerts and notifications, having a countdown timer on the page, a progress bar, a loading or a change of route in a SPA. Now imagine all this happening to people who have visual disabilities and who use screen readers.
The @vue-a11y/announcer (v2) provides an easy way to really tell what’s going on in your application to people using screen readers.
For vue-announcer version 1.* you can access this link
Inspired by others in the community like:
Links
Run the tests
git clone https://github.com/vue-a11y/vue-announcer.git vue-announcer
# Run plugin
cd vue-announcer
npm install
npm run dev
# Run example
cd examples
npm install
npm run dev
cd ..
# Run Cypress testing
npm run test
Or run Cypress on interactive mode
npm run test:open
It is a simple webpack template already installed and configured. After the commands just access the http://localhost:8080/
Contributing
- From typos in documentation to coding new features;
- Check the open issues or open a new issue to start a discussion around your feature idea or the bug you found;
- Fork repository, make changes and send a pull request;
Follow us on Twitter @vue_a11y
Thank you
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].