vue-a11y-dialog - Vue.js component for a11y-dialog

  •        10

This is a Vue.js wrapper component for a11y-dialog@5.1.0 (demo). It's important to assign the direct reference to the dialog instance via @dialog-ref, otherwise there is no way to call its methods.

https://github.com/morkro/vue-a11y-dialog

Dependencies:

a11y-dialog : ^5.1.0

Tags
Implementation
License
Platform

   




Related Projects

dialog-polyfill - Polyfill for the HTML dialog element

  •    Javascript

<dialog> is an element for a popup box in a web page, including a modal option which will make the rest of the page inert during use. This could be useful to block a user's interaction until they give you a response, or to confirm an action. See the HTML spec. This polyfill works on modern versions of all major browsers. It also supports IE9 and above.

eslint-plugin-jsx-a11y - Static AST checker for a11y rules on JSX elements.

  •    Javascript

Static AST checker for accessibility rules on JSX elements. Ryan Florence built out this awesome runtime-analysis tool called react-a11y. It is super useful. However, since you're probably already using linting in your project, this plugin comes for free and closer to the actual development process. Pairing this plugin with an editor lint plugin, you can bake accessibility standards into your application in real-time.

TheA11yMachine - The A11y Machine is an automated accessibility testing tool which crawls and tests pages of any web application to produce detailed reports

  •    Javascript

Accessibility is not only a concern for disabled people. Bots can be considered as such, like DuckDuckGo, Google or Bing. By respecting these standards, you're likely to have a better ranking. Also it helps to clean your code. Accessibility issues are often left unaddressed for budget reasons. In fact most of the cost is spent looking for errors on your website. The A11y Machine greatly help with this task, you can thus focus on fixing your code and reap the benefits. If you would like to validate your pages against the HTML5 recommendation, then you need to install Java.

a11y - Accessibility audit tooling for the web (beta)

  •    Javascript

PhantomJS, which is used for generating the screenshots, is installed automagically, but in some rare cases it might fail to and you'll get an Error: spawn EACCES error. Download PhantomJS manually and reinstall a11y if that happens.


sweet-modal-vue - The sweetest library to happen to modals.

  •    Vue

The sweetest library to happen to modals. Now available for Vue.js. For examples, refer to the demo page.

a11y-toggle - A tiny script for accessible content toggles.

  •    HTML

A tiny script (less than 0.6Kb gzipped) to build accessible content toggles. You can try the live demo which also acts as a documentation. a11y-toggle uses relatively modern JavaScript API (namely reduce, addEventListener, etc.) therefore will not work in Internet Explorer 8 and below. All the other browsers, including mobile ones should work fine.

react-a11y - Identifies accessibility issues in your React.js elements

  •    Javascript

Warns about potential accessibility issues with your React elements.In your main application file, require the module and call it, you'll start getting warnings in the console as your app renders. Note that by default all rules are turned off s oyou need to turn them on first (by setting them to "warn" or "error").

a11y

  •    CSS

Pronounced Alix. Because it’s simpler. The whole presentation lives in the wiki. Please note that a substantial work has been accomplished to document the whole project, from the Sass layer to each test explanations through CSS selectors and tricks. I suggest you make a tour on a11y.css documentation website.

micromodal - ⭕ Tiny javascript library for creating accessible modal dialogs

  •    HTML

The aim of this library is to make modal dialogs accessible and easy to include in your project with minimum configuration. It's only ~1.8kb minified and gzipped - A tiny library for big change.

ally.js - JavaScript library to help modern web applications with accessibility concerns

  •    Javascript

ally.js is a JavaScript library simplifying certain accessibility features, functions and behaviors. Its goal is to be A JavaScript library to help web applications with accessibility concerns. The intention is to separate these generic components from actual applications and other libraries.ally.js is published under the MIT License.

react-modal - Accessible modal dialog component for React

  •    Javascript

The app element allows you to specify the portion of your app that should be hidden (via aria-hidden) to prevent assistive technologies such as screenreaders from reading content outside of the content of your modal.If you are doing server-side rendering, you should use this property.

ember-modal-dialog - An ember-cli addon for implementing modal dialogs

  •    Javascript

The ember-modal-dialog addon provides components to implement modal dialogs throughout an Ember application using a simple, consistent pattern. Unlike some other modal libraries for Ember, ember-modal-dialog uses solutions like ember-wormhole to render a modal structure as a top-level DOM element for layout purposes while retaining its logical position in the Ember view hierarchy. This difference introduces a certain elegance and, dare we say, joy, into the experience of using modals in your app. For more info on this, see the "Wormhole" section below.

react-html5video - A customizeable HTML5 Video React component with i18n and a11y.

  •    Javascript

A customizeable HoC (Higher Order Component) for HTML5 Video that allows custom and configurable controls with i18n and a11y. V2 API has changed and is not backwards compatible. You can find the old documentation here.

react-aria-modal - A fully accessible React modal built according WAI-ARIA Authoring Practices

  •    Javascript

A fully accessible and flexible React modal built according WAI-ARIA Authoring Practices. Check out the demo.

react-axe - Accessibility auditing for React.js applications

  •    Javascript

Test your React application with the axe-core accessibility testing library. Results will show in the Chrome DevTools console. Call the exported function passing in the React and ReactDOM objects as well as a timing delay in milliseconds that will be observed between each component change and the time the analysis starts.