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.

Advertisements

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 Notes

Accessibility
Disabilities
Assistive Technology
VPAT

User Profiles
No Vision
Vision impaired
Color-blind
Mobility-impairment
Hard of hearing
Cognative disorders

Assistive Technologies Tools

WAI Accessibility Standards Development
ATAG, WCAG, UAAG
WCAG 2.1 – Web Content Accessibility Guidelines
ATAG – Authoring Tool Accessibility Guidelines
UAAG – User Agent Accessibility Guidelines (UAAG) 2.0

https://www.digitalpulse.pwc.com.au/wp-content/uploads/2014/08/WCAG20Map.pdf

proper focus management

Exams:
Certified Professional in Accessibility Core Competencies (CPACC)
http://www.accessibilityassociation.org/certification

webaim.org

Understanding screen reader interaction modes


JAWS cursor mode
PC Cursor mode
Virtual cursor mode
JAWS cursor mode
Forms mode

1. Name, 2. Role, 3. State

temp stopping jaws: ctrl

insert+ space bar,s – to stop speetch …toggle….type same to restart

ARIA – Accessible Rich Internet Application
http://accesstrain.herokuapp.com/#/

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/
——————-