Accessibility Better, Faster, Cheaper
description
Transcript of Accessibility Better, Faster, Cheaper
![Page 1: Accessibility Better, Faster, Cheaper](https://reader036.fdocuments.net/reader036/viewer/2022062322/5681512f550346895dbf4826/html5/thumbnails/1.jpg)
AccessibilityBetter, Faster,
Cheaper
Shawn Lawton Henry
![Page 2: Accessibility Better, Faster, Cheaper](https://reader036.fdocuments.net/reader036/viewer/2022062322/5681512f550346895dbf4826/html5/thumbnails/2.jpg)
§ Were *not* in accessibility session yesterday?
![Page 3: Accessibility Better, Faster, Cheaper](https://reader036.fdocuments.net/reader036/viewer/2022062322/5681512f550346895dbf4826/html5/thumbnails/3.jpg)
W3C WAI World Wide Web Consortium (W3C)
Web Accessibility Initiative (WAI)
www.w3.org/WAI/
![Page 4: Accessibility Better, Faster, Cheaper](https://reader036.fdocuments.net/reader036/viewer/2022062322/5681512f550346895dbf4826/html5/thumbnails/4.jpg)
Screen Magnification
![Page 5: Accessibility Better, Faster, Cheaper](https://reader036.fdocuments.net/reader036/viewer/2022062322/5681512f550346895dbf4826/html5/thumbnails/5.jpg)
Topics Responsibilities
Business Case
Black, White, Gray
Collaborators with Disabilities
Handouts: Additional URIs
![Page 6: Accessibility Better, Faster, Cheaper](https://reader036.fdocuments.net/reader036/viewer/2022062322/5681512f550346895dbf4826/html5/thumbnails/6.jpg)
Interdependent Components Myth:
Web accessibility is the responsibility of the Web content producer
Fact:Web accessibility depends on several components working together
![Page 7: Accessibility Better, Faster, Cheaper](https://reader036.fdocuments.net/reader036/viewer/2022062322/5681512f550346895dbf4826/html5/thumbnails/7.jpg)
Components of Web Accessibility
User Agent(UAAG)
Authoring Tool(ATAG)
Web Content(WCAG)
![Page 8: Accessibility Better, Faster, Cheaper](https://reader036.fdocuments.net/reader036/viewer/2022062322/5681512f550346895dbf4826/html5/thumbnails/8.jpg)
Make or Break
![Page 9: Accessibility Better, Faster, Cheaper](https://reader036.fdocuments.net/reader036/viewer/2022062322/5681512f550346895dbf4826/html5/thumbnails/9.jpg)
ACTION ! Actively encourage
improvements in authoring tools
WAI resources:
Authoring Tool Accessibility Guidelines (ATAG)
Selecting and Using Authoring Tools for Web Accessibility
![Page 10: Accessibility Better, Faster, Cheaper](https://reader036.fdocuments.net/reader036/viewer/2022062322/5681512f550346895dbf4826/html5/thumbnails/10.jpg)
Topics Responsibilities
Business Case
Developing a Web Accessibility Business Case for Your Organization
Corporate Social Responsibility (CSR)
Search Engine Optimization (SEO) & Usability
Black, White, Gray
Collaborators with Disabilities
![Page 11: Accessibility Better, Faster, Cheaper](https://reader036.fdocuments.net/reader036/viewer/2022062322/5681512f550346895dbf4826/html5/thumbnails/11.jpg)
Access for people with disabilities is
it ;however…
![Page 12: Accessibility Better, Faster, Cheaper](https://reader036.fdocuments.net/reader036/viewer/2022062322/5681512f550346895dbf4826/html5/thumbnails/12.jpg)
Business Case Developing a Web Accessibility Business
Case for Your Organization
Social Factors
Technical Factors
Financial Factors
Legal & Policy Factors
![Page 13: Accessibility Better, Faster, Cheaper](https://reader036.fdocuments.net/reader036/viewer/2022062322/5681512f550346895dbf4826/html5/thumbnails/13.jpg)
Examples: Access Corporate social responsibility (CSR)
Overlap with “digital divide”
Benefits also:
Older people
Low literacy, not fluent in the language
Low-bandwidth connections, older technologies
New and infrequent web users
Employees with disabilities
![Page 14: Accessibility Better, Faster, Cheaper](https://reader036.fdocuments.net/reader036/viewer/2022062322/5681512f550346895dbf4826/html5/thumbnails/14.jpg)
SEO – Accessibility Overlap
![Page 15: Accessibility Better, Faster, Cheaper](https://reader036.fdocuments.net/reader036/viewer/2022062322/5681512f550346895dbf4826/html5/thumbnails/15.jpg)
Google's Webmaster Guidelines
www.google.com/webmasters/guidelines.html
“Following these guidelines will help Google find, index, and rank your site.”
Netherlands b
ank
![Page 16: Accessibility Better, Faster, Cheaper](https://reader036.fdocuments.net/reader036/viewer/2022062322/5681512f550346895dbf4826/html5/thumbnails/16.jpg)
SEO – Accessibility Overlap SEO: “Make sure that your TITLE and ALT
tags [sic] are descriptive and accurate.”
Accessibility: TITLE read by screen reader
Accessibility: ALT read by screen reader, text browsers
(Usability: search results, bookmarking, title bar)
(By the way, alt is an attribute, not a tag.)
![Page 17: Accessibility Better, Faster, Cheaper](https://reader036.fdocuments.net/reader036/viewer/2022062322/5681512f550346895dbf4826/html5/thumbnails/17.jpg)
SEO – Accessibility Overlap WCAG: “Provide a text equivalent for every
non-text element”
SEO: Text equivalents for multimedia
(Usability e.g., reporter searching for quote in CEO speech)
![Page 18: Accessibility Better, Faster, Cheaper](https://reader036.fdocuments.net/reader036/viewer/2022062322/5681512f550346895dbf4826/html5/thumbnails/18.jpg)
SEO – Accessibility Overlap SEO: “Check for . . . correct HTML.”
SEO: Headings
WCAG: “Use header elements to convey document structure...”
A: Headings navigation
![Page 19: Accessibility Better, Faster, Cheaper](https://reader036.fdocuments.net/reader036/viewer/2022062322/5681512f550346895dbf4826/html5/thumbnails/19.jpg)
SEO – Accessibility Overlap SEO: “Make a site with clear . . . text links.”
SEO: “Keep the links on a given page to a reasonable number (fewer than 100).”
WCAG: “Clearly identify the target of each link.”
A: Links list
A: Overview by links (sad, but true)
![Page 20: Accessibility Better, Faster, Cheaper](https://reader036.fdocuments.net/reader036/viewer/2022062322/5681512f550346895dbf4826/html5/thumbnails/20.jpg)
SEO – Accessibility Overlap SEO: “Offer a site map to your users.”
WCAG: “Provide information about the general layout of a site (e.g., a site map…”
![Page 21: Accessibility Better, Faster, Cheaper](https://reader036.fdocuments.net/reader036/viewer/2022062322/5681512f550346895dbf4826/html5/thumbnails/21.jpg)
SEO – Accessibility Overlap SEO: “Try to use text instead of images to
display important names, content, or links. The Google crawler doesn't recognize text contained in images.”
WCAG 1.0: “When an appropriate markup language exists, use markup rather than images to convey information.”
![Page 22: Accessibility Better, Faster, Cheaper](https://reader036.fdocuments.net/reader036/viewer/2022062322/5681512f550346895dbf4826/html5/thumbnails/22.jpg)
SEO – Accessibility Overlap SEO: “Use a text browser such as Lynx to examine
your site, because most search engine spiders see your site much as Lynx would. If fancy features such as JavaScript, cookies, session IDs, frames, DHTML, or Flash keep you from seeing all of your site in a text browser, then search engine spiders may have trouble crawling your site.”
A: same as above, substitute: “…then people with disabilities may have trouble using your site.”
![Page 23: Accessibility Better, Faster, Cheaper](https://reader036.fdocuments.net/reader036/viewer/2022062322/5681512f550346895dbf4826/html5/thumbnails/23.jpg)
Topics Responsibilities
Business Case
Developing a Web Accessibility Business Case for Your Organization
CSR
Search Engine Optimization (SEO) & Usability
Black, White, Gray
Collaborators with Disabilities
![Page 24: Accessibility Better, Faster, Cheaper](https://reader036.fdocuments.net/reader036/viewer/2022062322/5681512f550346895dbf4826/html5/thumbnails/24.jpg)
BadGood
![Page 25: Accessibility Better, Faster, Cheaper](https://reader036.fdocuments.net/reader036/viewer/2022062322/5681512f550346895dbf4826/html5/thumbnails/25.jpg)
BadGood
![Page 26: Accessibility Better, Faster, Cheaper](https://reader036.fdocuments.net/reader036/viewer/2022062322/5681512f550346895dbf4826/html5/thumbnails/26.jpg)
Prioritize Greatest impact on users experience
Impact many pages
Templates
Style sheets
Elements such as navigation bars and scripts
![Page 27: Accessibility Better, Faster, Cheaper](https://reader036.fdocuments.net/reader036/viewer/2022062322/5681512f550346895dbf4826/html5/thumbnails/27.jpg)
Prioritize Greatest impact on users experience Impact many pages Pages
Home page
Main pages & functionality for purpose of site, including:
The path to get there
The path to complete transactions
Frequently-used pages & functionality, including path & transactions
![Page 28: Accessibility Better, Faster, Cheaper](https://reader036.fdocuments.net/reader036/viewer/2022062322/5681512f550346895dbf4826/html5/thumbnails/28.jpg)
Prioritize by Barrier WCAG 1.0 Priorities (WCAG 2.0 Levels)
Approach:
1. Priority 1
2. Lower priorities
Approach:
1. High impact & easy
2. Harder
![Page 29: Accessibility Better, Faster, Cheaper](https://reader036.fdocuments.net/reader036/viewer/2022062322/5681512f550346895dbf4826/html5/thumbnails/29.jpg)
Prioritize by Barrier Impact on people with disabilities
Depends on context of site
Effort required for repair
Time, cost, and skills
Type of repair, development environment
![Page 30: Accessibility Better, Faster, Cheaper](https://reader036.fdocuments.net/reader036/viewer/2022062322/5681512f550346895dbf4826/html5/thumbnails/30.jpg)
![Page 31: Accessibility Better, Faster, Cheaper](https://reader036.fdocuments.net/reader036/viewer/2022062322/5681512f550346895dbf4826/html5/thumbnails/31.jpg)
Resources Improving the Accessibility of Your Web
Site (WAI Resource)www.w3.org/WAI/impl/improving
Understanding Web Accessibility(book chapter online)www.uiaccess.com/understanding.html
![Page 32: Accessibility Better, Faster, Cheaper](https://reader036.fdocuments.net/reader036/viewer/2022062322/5681512f550346895dbf4826/html5/thumbnails/32.jpg)
Topics Responsibilities
Business Case
Black, White, Gray
Collaborators with Disabilities
![Page 33: Accessibility Better, Faster, Cheaper](https://reader036.fdocuments.net/reader036/viewer/2022062322/5681512f550346895dbf4826/html5/thumbnails/33.jpg)
Involving Users: Benefits Better understand issues
Understand “why” behind guidelines
Implement more effective solutions
More efficient (thus maximize investment)
Powerful motivator Demo success first, then own
More budget
Note: Alone doesn’t cover all issues, WCAG vital role
![Page 34: Accessibility Better, Faster, Cheaper](https://reader036.fdocuments.net/reader036/viewer/2022062322/5681512f550346895dbf4826/html5/thumbnails/34.jpg)
Example alt="This image is a line art drawing of a dark green magnifying glass. If you click on it, it will take you to the Search page."
![Page 35: Accessibility Better, Faster, Cheaper](https://reader036.fdocuments.net/reader036/viewer/2022062322/5681512f550346895dbf4826/html5/thumbnails/35.jpg)
Involving Users: Scope Range
Informal, “Hey, try this”
Formal usability testing
Informal early on & throughout
Diverse users
Experience with Web & AT(too low or too high)
![Page 36: Accessibility Better, Faster, Cheaper](https://reader036.fdocuments.net/reader036/viewer/2022062322/5681512f550346895dbf4826/html5/thumbnails/36.jpg)
Involving Users: Scope Range
Informal, “Hey, try this”
Formal usability testing
Informal early on & throughout
Diverse users
Experience with Web & AT(too low or too high)
![Page 37: Accessibility Better, Faster, Cheaper](https://reader036.fdocuments.net/reader036/viewer/2022062322/5681512f550346895dbf4826/html5/thumbnails/37.jpg)
Tips for Involving Users First
Preliminary review
Pilot test
Expert evaluator with first-hand experience
Carefully consider feedback
What’s wrong:markup/code, AT, user knowledge
![Page 38: Accessibility Better, Faster, Cheaper](https://reader036.fdocuments.net/reader036/viewer/2022062322/5681512f550346895dbf4826/html5/thumbnails/38.jpg)
Resources Just Ask: Integrating Accessibility
Throughout Design (online book) The Basics Accessibility in the User-Centered Design
Process
Involving Users in Web Accessibility Evaluation (WAI Web resource)
Understanding Web Accessibility (book chapter online)
![Page 39: Accessibility Better, Faster, Cheaper](https://reader036.fdocuments.net/reader036/viewer/2022062322/5681512f550346895dbf4826/html5/thumbnails/39.jpg)
ACTION ! Actively encourage authoring tools
Promote business case
Do the high impact & easy stuff now
Involve users with disabilities throughout
![Page 40: Accessibility Better, Faster, Cheaper](https://reader036.fdocuments.net/reader036/viewer/2022062322/5681512f550346895dbf4826/html5/thumbnails/40.jpg)
AccessibilityBetter, Faster,
Cheaper
Shawn Lawton Henry