Skip to content

Examples of accessible design patterns as prescribed by WAI-ARIA 1.0 Authoring Practices

Notifications You must be signed in to change notification settings

isner/a11y-examples

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

49 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

a11y-examples

Examples of accessible design patterns as prescribed by WAI-ARIA 1.0 Authoring Practices. Other examples that I find interesting or important will be included as well.

NOTE: Not all the patterns outlined in the ARIA Authoring Practices guide are represented here - it's a work in progress.

Viewing the Examples

$ git clone git@github.com:isner/a11y-examples.git

Open dist/index.html in your browser.

Modifying the Examples

NOTE: Modifying the examples requires nodejs.

$ git clone git@github.com:isner/a11y-examples.git
$ cd a11y-examples
$ npm install

Make changes to the examples in the examples/ directory, then rebuild using

$ npm run build

TODO

  • Add a password-strength indicator, like this one.
  • Finish the Autocomplete example.

About

Examples of accessible design patterns as prescribed by WAI-ARIA 1.0 Authoring Practices

Resources

Stars

Watchers

Forks

Packages

No packages published