Accessible Web Mapping AppsARIA, WCAG and 508 Compliance

Patrick Arlt, Gregory L'Azou, KellyHutchins

AgendaWhy accessibility mattersWhat are ARIA, WCAG and 508Accessible App DemoBuilding an accessible app with the ArcGIS API for JavaScriptTesting Tools

What is accessibility?VisualAuditoryMobilityCognitive

Universal AccessEasy to readWorks on different devicesEasy to navigateGood color contrastVideo captions or transcripts

Why: 508Section 508 of Rehabilitation Act of 1973Standards for software,

hardwarewebsitesvideoand other information technology

Checklist

* Undergoing revision

WCAGWeb Content Accessibility Guidelines (WCAG) are part of a series of web

accessibility guidelines published by the Web Accessibility Initiative (WAI)of World Wide Web Consortium (W3C).

WCAG 2.01. Perceivable2. Operable3. Understandable4. Robust

WCAG 2.0 at a glance

Assistive TechnologyScreen Readers

Jaws, Talk Back, Voice Over, NarratorVoice Recognition

Accessibility Info

https://www.w3.org/TR/html-aria/#allowed-aria-roles-states-and-properties-1

ARIAW3C specificationAccessibility attributes

<ul role="tablist"> <li role="tab" aria-selected="true">Tab 1</li> <li role="tab">Tab 2</li> </ul>

Demo

Web Accessibility Demo

Web Accessibility JSAPI Demo

Accessibility ToolsWeb AIMChrome Dev Tools ExtensionA11y Command Line ToolsPaciello Group BlogMDN Doc - AccessibilityW3C Aria practices