ARIA – Table Reading, Accessibility

JAWS reads table as grid. We don’t have role=”table”.
If it required, we need to prefix/suffix “Table ” to title.
https://wiki.mozilla.org/Accessibility/TableHeaders

Access Keys:
http://webaim.org/techniques/keyboard/accesskey#concept

Key Maps
http://ariatemplates.com/usermanual/latest/keyboard_navigation#keymaps

Making Regions editable:
https://www.w3.org/TR/html5/editing.html#contenteditable

Tip: Better to implement access keys at page level or frequently accessed actions in page.

Accessibility – Alert

When error message is keep changing, UI need to reflect those changes. To instruct JAWS properly we need to use role, aria-relevant,aria-live tags.

<div 
ng-if="errorMessage.length > 0"
ng-bind="errorMessage"
class="cssclass1"
role="alert" 
aria-relevant="additions text"		
aria-live="polite"></div>

Reference:
http://oaa-accessibility.org/
https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/ARIA_Techniques/Using_the_aria-relevant_attribute

VPAT Testing/Development

Read this document and implement HTML Tags accordingly.
http://www.section508.va.gov/support/html/index.asp

JAWS Key board shortcuts
http://doccenter.freedomscientific.com/doccenter/archives/training/jawskeystrokes.htm
http://www.freedomscientific.com/Content/Documents/Manuals/JAWS/Keystrokes.pdf

Evaluate web accessibility within the Chrome browser.
WAVE is a web accessibility evaluation tool developed by WebAIM.org.
https://chrome.google.com/webstore/detail/wave-evaluation-tool/jbbplnpkjmmeebjpijfedlgcdilocofh

Accessibility Developer Tools
https://chrome.google.com/webstore/detail/accessibility-developer-t/fpkknkljclfencbdbgkenhalefipecmb?hl=en

This works only for IE. Good.
https://www.paciellogroup.com/resources/wat/

——————-
WAI-ARIA : Web Accessibility Initiative – Accessible Rich Internet Applications
https://en.wikipedia.org/wiki/WAI-ARIA
https://www.w3.org/TR/wai-aria/
——————-