Incorporating Accessibility into your Usability Reviews

Incorporating Accessibilityinto yourUsability ReviewsAngela Colter@angelacolter #a11ySTC Tech Comm Summit 2011

Why bother?Because recommendations that solve the usability issuemay not solve the accessibility issue.Because this is an excellent opportunity, maybe the only )one, to bring attention to accessibility.

Types of disabilities Visual Disability Strategies Barriers Blindness Screen reader (output to Images with no alternative text, tables speech synthesizer or that don’t make sense when read serially, Braille display), text poorly labeled forms, illogical tab browser, voice browser sequence, lack of keyboard support for commands Low vision Large monitor, increase) Absolute font sizes, loss of context when font size, screen magnifier enlarged, poor contrast, text in images Color blindness Style sheet to override Poor contrast, using color only to indicate font and background color important information Hearing Disability Strategies Barriers Deafness and Captions, transcripts Lack of captions, lack of content-related hard-of-hearing images, lack of clear and simple languageSource: http://www.w3.org/WAI/EO/Drafts/PWD-Use-Web/

Types of disabilitiesPhysical Disability Strategies BarriersMotor impairment Keyboard, specialized Time-limited response options, lack of mouse, head-mouse, support for keyboard alternatives to head-pointer or mouth- mouse commands, illogical tab order for stick, voice-recognition forms. software, eye-gaze system, chording )Dyslexia Getting information Lack of alternative modalities through several modalities at onceAttention deficit Turn off animations Distracting elements that cannot bedisorder turned off, lack of clear and consistent organizationSeizure disorders Turn off animations, Use of visual or audio frequencies that blinking text or audio can trigger seizures

WCAG 2.0 http://www.w3.org/TR/WCAG20/Principle Guideline ExplanationPerceivable Text alternative Provide text alternatives for any non-text content Time-based media Provide alternatives for time-based media Adaptable Create content that can be presented in different ways without losing information or structure Distinguishable Make it easier for users to see and hear content )Operable Keyboard accessible Make all functionality available from a keyboard Enough time Provide users enough time to read and use content No seizures Don’t design content in a way known to cause seizures Navigable Provide ways to help users navigate, find content, and determine where they areUnderstandable Readable Make text content readable and understandable Predictable Make Web pages appear and operate in predictable ways Input assistance Help users avoid and correct mistakesRobust Compatible Maximize compatibility with user agents

Keyboard accessibleCan you do everything with the keyboard that youcan with a mouse?Can you see what has focus? )KeyboardTab through all links and form fieldsTrigger links

ImagesIs the same content / functionality conveyed withoutimages?Web developer toolbar Wave toolbarDisable images Text only

FormsAre labels associated with form controls?Mouse Wave toolbarClick on label ) Errors, features and alerts

Color contrastIs there sufficient contrast?Graybit )

Color contrastIs there sufficient contrast?Paciello GroupColor Contrast Analyser )Check contrast ratioof foreground vs. background

Color contrastIs there sufficient contrast?Snook.caColor Contrast Check )

Link TextDoes link text make sense out of context?FangsLinks list )

Text ResizeIs the page readable and functional when text size isdoubled?NoSquint )Set text zoom levelto 200%

List of Tools Used WCAG 2 w3.org/WAI/WCAG20/quickref/ WebAIM WCAG 2 Checklist webaim.org/standards/wcag/checklist Firefox Web Developer Toolbar addons.mozilla.org/en-US/firefox/addon/60 WAVE Toolbar wave.webaim.org ) Paciello Group Color Contrast paciellogroup.com/resources/contrast-analyser.html AnalyserSnook.ca Color Contrast Check snook.ca/technical/colour_contrast/colour.html Fangs addons.mozilla.org/en-US/firefox/addon/402 NoSquint addons.mozilla.org/en-US/firefox/addon/2592 Firebug addons.mozilla.org/en-US/firefox/addon/1843

Want more?Web: angelacolter.com/tools-for-conducting-an-accessibility-review/ )Email: acolter@electronicink.comTwitter: @angelacolter

Incorporating Accessibility into your Usability Reviews

by Angela Colter on May 18, 2011

Accessibility

Categories

Tags

Upload Details

Usage Rights

2 Embeds 5

Statistics

Incorporating Accessibility into your Usability Reviews — Presentation Transcript

http://twitter.com	3
https://twitter.com	2