1 Implementing & Evaluating Web Application Accessibility Jared Smith Associate Director WebAIM @jared_w_smith www.3playmedia.com twitter: @3playmedia live tweet: #a11y ! Type questions in the window during the presentation ! Recording of presentation will be available for replay ! To view live captions, please click the link in the chat window Lily Bond (Moderator) 3Play Media Director of Marketing [email protected]
45
Embed
Implementing and Evaluating Web Application Accessibility
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
1
Implementing & Evaluating Web Application Accessibility
Jared Smith Associate Director WebAIM @jared_w_smith
www.3playmedia.com twitter: @3playmedia live tweet: #a11y
! Type questions in the window during the presentation ! Recording of presentation will be available for replay ! To view live captions, please click the link in the chat window
Lily Bond (Moderator) 3Play Media Director of Marketing [email protected]
Jared Smith @jared_w_smith
webaim.org
Implementing and Evaluating Web
Application Accessibility
Accessibility ...
... is a continuum. ... is a process.
... can always be improved.
Accessibility ...
... encourages good design and development practices.
... supports SEO. ... supports internationalization.
... supports mobile-friendly content.
>8.5% of the population has a disability that affects computer use
Guidelines are measures on the continuum of
accessibility
Web Content Accessibility Guidelines 2.0
•Levels - A, AA, and AAA
•Finalized in 2008
•Principles-based and technology agnostic = ethereal and confusing
•WebAIM’s WCAG 2.0 Checklist
Perceivable Operable
Understandable Robust
Usable
Useful
POUR
Your site can be compliant, yet inaccessible
accessibility > compliance
Your site can be technically accessible, yet functionally
inaccessible
Perceivable
Auditory Disabilities
•Captions for video & live audio •Text transcripts for all audio content
Visual Disabilities
•Blindness •Low vision •Color deficiency
Structure and Semantics
Is the application and content structured to facilitate
understanding and navigation?
Are the semantics of components meaningful and accurate?
Logical Heading Structure• Typically one <h1> per page. • Should define an ‘outline’ or table of
contents. • Headings should be descriptive of page