Accessibility for web teams: Recategorising WCAG 2 Lisa Herrod Web Directions South 2011

How to Create Accessible Sites When the rest of the team doesn’t give a S#!t Lisa Herrod Web Directions South 2011

Web Directions 2007

4 of 50 Progressive Enhancement Interactivity Design Structure Content

No content

General C 1.1 Provide a text equivalent for every non-text element. D 2.1 Ensure that all information conveyed with colour is also available without colour, for example from context or markup. C IA F 6.1 Organize documents so they may be read without style sheets. C D F S 6.2 Ensure that equivalents for dynamic content are updated when the dynamic content changes. Images and image maps F 1.2 Provide redundant text links for each active region of a server-side image map. Data tables F 5.1 For data tables, identify row and column headers. Frames F 12.1 Title each frame to facilitate frame identification and navigation. Applets and scripts D F S 6.3 Ensure that pages are usable when scripts, applets etc are turned off or not supported. If this is not possible, provide equivalent information on an alternativ page. Multimedia C 1.3 Until user agents can automatically read aloud the text equivalent of a visual track, provide an audio description of the important visual information of a mu presentation. C D M F 1.4 For any time-based multimedia presentation (e.g., a movie or animation), synchronize equivalent alternatives (e.g., captions or auditory descriptions of the with the presentation. And if all else fails C F 11.4 If you cannot create an accessible page, provide a link to an alternative page that is accessible, has equivalent information (or functionality), and is updated inaccessible page.

General C 1.1 Provide a text equivalent for every non-text element. D 2.1 Ensure that all information conveyed with colour is also available without colour, for example from context or markup. C IA F 6.1 Organize documents so they may be read without style sheets. C D F S 6.2 Ensure that equivalents for dynamic content are updated when the dynamic content changes. Images and image maps F 1.2 Provide redundant text links for each active region of a server-side image map. Data tables F 5.1 For data tables, identify row and column headers. Frames F 12.1 Title each frame to facilitate frame identification and navigation. Applets and scripts D F S 6.3 Ensure that pages are usable when scripts, applets etc are turned off or not supported. If this is not possible, provide equivalent information on an alternative accessible page. Multimedia C 1.3 Until user agents can automatically read aloud the text equivalent of a visual track, provide an audio description of the important visual information of a multimedia presentation. C D M F 1.4 For any time-based multimedia presentation (e.g., a movie or animation), synchronize equivalent alternatives (e.g., captions or auditory descriptions of the visual track) with the presentation. And if all else fails C F 11.4 If you cannot create an accessible page, provide a link to an alternative page that is accessible, has equivalent information (or functionality), and is updated as often as the inaccessible page.

Guidelines continue to encounter resistance  Lack of resources  Lack of knowledge  Sense of irrelevance by certain web roles 360 respondents 2010

How is a11y incorporated?  Best practices  WCAG  User Testing 360 respondents 2010

No content

Re-categorise accessibility guidelines into role-based groupings  Guidelines become:  more accessible  more integrated  Reduce project timelines and costs  Improved accessibility from initial design stages  Higher skilled team members

Expertise typically rests (of 6) Accessibility Specialists & Front End Developers

Understanding of guidelines is unbalanced across a web team:  GLs are not implemented or evaluated by domain experts.  Bottle-necks occur

Problem 3 Additional time and money Assessing, Reporting, Repairing

Problem 4 Poor knowledge around collaborating for the most accessible outcomes.

Problem 5 More time on Compliance issues means... Less time for User Research

Problem 6 Poor user experience for users of guidelines

The Solution... A role-based approach makes accessibility guidelines more relevant & more accessible to more people

Current Classifications  WCAG 1.0 is defined by content types  WCAG 2.0 is defined by four principles of accessibility: Perceivable, Operable, Understandable, Robust.

The role-based method identifies 7 generic roles on a web team 1. Content writer 2. Visual designer 3. Front-end developer 4. Scripting (e.g. javascript) 5. Multimedia 6. User experience (e.g. information architecture, interaction design) 7. Accessibility specialist

No content

http://www.w3.org/WAI/WCAG20/quickref/ How to meet WCAG 2.0

Supports individuals in making a positive change... whether or not they have explicit support

A generic template can be provided as a guide

Benefits...

Domain Experts are responsible for relevant GLs 1. Exploit Domain Expertise

2. Accessibility spread more evenly  From the outset  No bottle necks  Self-evaluate as you go  Responsibility spread across more people with greater domain expertise.

3. Costs are reduced  Less time and money spent evaluating gls & remediating design flaws

4. Collaboration and Independence  Improved collaboration between team members around accessible practices;

5. Less time on Compliance  Accessibility Specialist budget can be used to conduct user research, identifying deeper level issues.

6. Improved UX of Guidelines  Greatly improved user experience of Accessibility Guidelines for all web practitioners, increasing likelihood of uptake by practitioners in non-technical roles (e.g. visual designers, content developers).

Additional benefits

Social Innovation & The Network Effect Portability and easy transference of the method as practitioners move company to company or team to team

Role Base Design The Poster The Workshop Both available from November 2011

Keep in Touch! lisa@scenarioseven.com.au @scenariogirl ScenarioSeven.com.au