Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/schne324/accessibility-notes
accessibility notes
https://github.com/schne324/accessibility-notes
Last synced: about 2 months ago
JSON representation
accessibility notes
- Host: GitHub
- URL: https://github.com/schne324/accessibility-notes
- Owner: schne324
- Created: 2013-12-02T16:06:27.000Z (about 11 years ago)
- Default Branch: master
- Last Pushed: 2014-04-16T18:11:08.000Z (over 10 years ago)
- Last Synced: 2024-04-24T10:24:48.412Z (9 months ago)
- Size: 196 KB
- Stars: 1
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
Accessibility Notes
===================
**Key:**
- VO: _Voice Over_ (paired with Safari)
- NVDA: _NonVisual Desktop Access_ (paired with FireFox or _FF_)
- JAWS: _Job Access With Speech_ (paired with Internet Explorer or _IE_)
- (mdn): Mozilla Developer Network (resource) - https://developer.mozilla.org/en-US/
## aria-describedby
"The aria-describedby attribute is used to indicate the IDs of the elements that describe the object. It is used establish a relationship between widgets or groups and text that described them" (mdn)
- tooltips
- error messages
__*AT Notes*__
example:
```
this is a tooltip
```
## aria-labelledby
"aria-labelledby can be used in conjunction with the element (using the for attribute) to improve compatibility with user agents that do not yet support ARIA." (mdn)
- labelledby can be used in conjunction with a label element
example:
```
My radio label
- Item #1
- Item #2
- Item #3
```
##aria-label
- Supported by Jaws in most cases
- NOT supported by NVDA
## aria-hidden=true
- Can be used to hide visible content to screen readers
(http://www.456bereastreet.com/archive/201205/hiding_visible_content_from_screen_readers_with_aria-hidden/)
##aria-controls
- only supported by Jaws
## \ vs. \
Chrome w/ChromeVox
- `for` only: only the label content is read.
- `for` & `title`: only the label contents are read.
- `title` only: only the "title" attribute is read.
Firefox w/NVDA & Internet Explorer w/JAWS
- `for` only: only the label content is read.
- `for` & `title`: first the label contents, then the "title" are read.
- `title` only: only the "title" attribute is read.
Safari w/Voiceover
- `for` only: only the label content is read.
- `for` & `title`: first title contents, then the label contents are read.
- `title` only: only the "title" attribute is read.
##Click events with JAWS and NVDA
JAWS
- The `Enter` key by itself will not trigger click events on focusable elements
- Instead, use `Shift + Enter`
NVDA
- The `Enter` key by itself will not trigger click events on focusable elements
- Instead, use `NVDA key` (often caps-lock) `+ Enter`
##Keyboard events with JAWS and NVDA
JAWS
- To access default arrow key behavior (i.e. within a datepicker), press *control + window + {arrow key}*
NVDA
- To access default arrow key behavoir (i.e. within a datepicker), press *control + shift + alt + {arrow key}*