knowbility creative commons license – some rights reserved 1 imc2 ► opening slide
TRANSCRIPT
![Page 1: Knowbility Creative Commons License – some rights reserved 1 IMC2 ► Opening slide](https://reader035.vdocuments.mx/reader035/viewer/2022062222/56649e2a5503460f94b18c4a/html5/thumbnails/1.jpg)
1KnowbilityCreative Commons License – some rights reserved
IMC2
► Opening slide
![Page 2: Knowbility Creative Commons License – some rights reserved 1 IMC2 ► Opening slide](https://reader035.vdocuments.mx/reader035/viewer/2022062222/56649e2a5503460f94b18c4a/html5/thumbnails/2.jpg)
2KnowbilityCreative Commons License – some rights reserved
Let’s talk about…► Concepts, legal mandates of IT accessibility
► Who is served by accessible design
► User profiles
► Evolving standards and how to use them
► Accessibility Testing & Implementation
► Next Steps
![Page 3: Knowbility Creative Commons License – some rights reserved 1 IMC2 ► Opening slide](https://reader035.vdocuments.mx/reader035/viewer/2022062222/56649e2a5503460f94b18c4a/html5/thumbnails/3.jpg)
3KnowbilityCreative Commons License – some rights reserved
Introductions
![Page 4: Knowbility Creative Commons License – some rights reserved 1 IMC2 ► Opening slide](https://reader035.vdocuments.mx/reader035/viewer/2022062222/56649e2a5503460f94b18c4a/html5/thumbnails/4.jpg)
4KnowbilityCreative Commons License – some rights reserved
Universal Accessibility
► “Good design is Accessible Design” - Slatin
► supports all people
► supports all technology
► generally makes site better for all
► relationship to usability
► avoid a separate “text-only” version
“Web for Everyone. Web on Everything.”
- www.w3.org/Consortium/mission
![Page 5: Knowbility Creative Commons License – some rights reserved 1 IMC2 ► Opening slide](https://reader035.vdocuments.mx/reader035/viewer/2022062222/56649e2a5503460f94b18c4a/html5/thumbnails/5.jpg)
5KnowbilityCreative Commons License – some rights reserved
Accessibility = full participation
Reasons to advocate and implement
► Legal
► Humanitarian
► Market driven
![Page 6: Knowbility Creative Commons License – some rights reserved 1 IMC2 ► Opening slide](https://reader035.vdocuments.mx/reader035/viewer/2022062222/56649e2a5503460f94b18c4a/html5/thumbnails/6.jpg)
6KnowbilityCreative Commons License – some rights reserved
IT Accessibility Movement
► Standards bodies recognized need to address accessibility
► Begins with universal access to the built environment
► Extends concepts into learning and communications
![Page 7: Knowbility Creative Commons License – some rights reserved 1 IMC2 ► Opening slide](https://reader035.vdocuments.mx/reader035/viewer/2022062222/56649e2a5503460f94b18c4a/html5/thumbnails/7.jpg)
7KnowbilityCreative Commons License – some rights reserved
“Accessible”
► People with disabilities can perform the same functions
► .. can receive the same information
► .. can participate as consumers and producers
![Page 8: Knowbility Creative Commons License – some rights reserved 1 IMC2 ► Opening slide](https://reader035.vdocuments.mx/reader035/viewer/2022062222/56649e2a5503460f94b18c4a/html5/thumbnails/8.jpg)
8KnowbilityCreative Commons License – some rights reserved
Who needs accessible IT ?
![Page 9: Knowbility Creative Commons License – some rights reserved 1 IMC2 ► Opening slide](https://reader035.vdocuments.mx/reader035/viewer/2022062222/56649e2a5503460f94b18c4a/html5/thumbnails/9.jpg)
9KnowbilityCreative Commons License – some rights reserved
Disability market is growing► 55 million Americans, 750 million people worldwide have disabilities
► Numbers are increasing as population ages
► In US, Fortune magazine estimates annual income of $1 trillion
![Page 10: Knowbility Creative Commons License – some rights reserved 1 IMC2 ► Opening slide](https://reader035.vdocuments.mx/reader035/viewer/2022062222/56649e2a5503460f94b18c4a/html5/thumbnails/10.jpg)
10
KnowbilityCreative Commons License – some rights reserved
Official Disabilities
► Visual (including blind, low vision, and color blind)
► Hearing
► Motor/Physical
► Cognitive Learning
People with disabilities may use software via alternate input & output methods – assistive technology
![Page 11: Knowbility Creative Commons License – some rights reserved 1 IMC2 ► Opening slide](https://reader035.vdocuments.mx/reader035/viewer/2022062222/56649e2a5503460f94b18c4a/html5/thumbnails/11.jpg)
11
KnowbilityCreative Commons License – some rights reserved
► Slow Internet Connection
► Old Browser
► Missing Plugins
► No Speakers
► Small Screens
Curb-cut effect: accommodations for people with disabilities have broad
benefits
![Page 12: Knowbility Creative Commons License – some rights reserved 1 IMC2 ► Opening slide](https://reader035.vdocuments.mx/reader035/viewer/2022062222/56649e2a5503460f94b18c4a/html5/thumbnails/12.jpg)
12
KnowbilityCreative Commons License – some rights reserved
Assistive Technology
► Customized tools to help people perform daily tasks
► May range from low to high tech
![Page 13: Knowbility Creative Commons License – some rights reserved 1 IMC2 ► Opening slide](https://reader035.vdocuments.mx/reader035/viewer/2022062222/56649e2a5503460f94b18c4a/html5/thumbnails/13.jpg)
13
KnowbilityCreative Commons License – some rights reserved
Computer Assistive Technology
► specialized tools
► help perform interactive functions
► accomodate various temporary or permanent conditions
![Page 14: Knowbility Creative Commons License – some rights reserved 1 IMC2 ► Opening slide](https://reader035.vdocuments.mx/reader035/viewer/2022062222/56649e2a5503460f94b18c4a/html5/thumbnails/14.jpg)
14
KnowbilityCreative Commons License – some rights reserved
Vicky► 24 year old, aspiring web developer
► American Sign is native language
► spearheaded innovative use of YouTube for her community
Issues:► alternatives needed for sound cues ► captioned videos ► transcripts for audio content
![Page 15: Knowbility Creative Commons License – some rights reserved 1 IMC2 ► Opening slide](https://reader035.vdocuments.mx/reader035/viewer/2022062222/56649e2a5503460f94b18c4a/html5/thumbnails/15.jpg)
15
KnowbilityCreative Commons License – some rights reserved
Paul► 42 year old student, retraining
► served in Iraq with National Guard
► injury resulted in partial use of arms and hands
Issues:► probably does not use mouse; needs
keyboard access ► may use filter keys, word prediction
software and single switch devices ► may use sticky key software
![Page 16: Knowbility Creative Commons License – some rights reserved 1 IMC2 ► Opening slide](https://reader035.vdocuments.mx/reader035/viewer/2022062222/56649e2a5503460f94b18c4a/html5/thumbnails/16.jpg)
16
KnowbilityCreative Commons License – some rights reserved
Toni► learning disabilities, including ADD, dyslexia
► continues to improve in school with the help of assistive technologies (AT)
Issues:► needs simple layout and messages► text to speech software combined
with word highlighting► may use word prediction software
![Page 17: Knowbility Creative Commons License – some rights reserved 1 IMC2 ► Opening slide](https://reader035.vdocuments.mx/reader035/viewer/2022062222/56649e2a5503460f94b18c4a/html5/thumbnails/17.jpg)
17
KnowbilityCreative Commons License – some rights reserved
Dr. Slatin► University professor, expert user of tech
► Became blind from retinal disease
► Does academic research online
► Blogs and creates content online
Issues:► needs alternatives to image content► text must be converted to sound► search forms, interactive elements► requires accessible content management
![Page 18: Knowbility Creative Commons License – some rights reserved 1 IMC2 ► Opening slide](https://reader035.vdocuments.mx/reader035/viewer/2022062222/56649e2a5503460f94b18c4a/html5/thumbnails/18.jpg)
KnowbilityCreative Commons License – some rights reserved
Accessibility Law and Standards► Legal mandates for accessibility in the US
► Established standards – and those in development
► Validating to standards
![Page 19: Knowbility Creative Commons License – some rights reserved 1 IMC2 ► Opening slide](https://reader035.vdocuments.mx/reader035/viewer/2022062222/56649e2a5503460f94b18c4a/html5/thumbnails/19.jpg)
19
KnowbilityCreative Commons License – some rights reserved
Legal environment► 1998 – 2002 legal action by
National Federation of the Blind (NFB) against SW Airlines, AOL others
► Most settled out of court, few clear legal precedents established
► Since 2002, state of New York, NFB, others pushing state and ADA laws
![Page 20: Knowbility Creative Commons License – some rights reserved 1 IMC2 ► Opening slide](https://reader035.vdocuments.mx/reader035/viewer/2022062222/56649e2a5503460f94b18c4a/html5/thumbnails/20.jpg)
20
KnowbilityCreative Commons License – some rights reserved
Target & Accessibility
► Disability class action lawsuit against Target by National Federation of the Blind
► Charges: www.target.com is inaccessible to the blind violates
► Americans with Disabilities Act (ADA)
► California Civil Rights Act
► California Disabled Persons Act
► Target asked court to dismiss action
► arguing no law requires Target to make website accessible
► Court Ruling – Case Will Be Heard
► all services provided by Target, including its Web site, must be accessible to the disabled
![Page 21: Knowbility Creative Commons License – some rights reserved 1 IMC2 ► Opening slide](https://reader035.vdocuments.mx/reader035/viewer/2022062222/56649e2a5503460f94b18c4a/html5/thumbnails/21.jpg)
21
KnowbilityCreative Commons License – some rights reserved
Federal Law
► Americans with Disabilities Act, passed in 1990 prohibits discrimination against people with disabilities
► ADA extended the rights of the Rehabilitation Act (from 1973) into the public realm
► Expectation is that the ADA will be extended as well to the Internet
![Page 22: Knowbility Creative Commons License – some rights reserved 1 IMC2 ► Opening slide](https://reader035.vdocuments.mx/reader035/viewer/2022062222/56649e2a5503460f94b18c4a/html5/thumbnails/22.jpg)
22
KnowbilityCreative Commons License – some rights reserved
States are mandating accessibility
► 16 states have passed explicit legislation
► Many include higher education
► Most reference Section 508
![Page 23: Knowbility Creative Commons License – some rights reserved 1 IMC2 ► Opening slide](https://reader035.vdocuments.mx/reader035/viewer/2022062222/56649e2a5503460f94b18c4a/html5/thumbnails/23.jpg)
23
KnowbilityCreative Commons License – some rights reserved
Section 508
► Section 508 of the Federal Rehabilitation Act
► Amended in 1998 to include standards on electronic information technology
► Subpart B - technical standards
16 rules of web-based intranet and internet accessibility standards
In process of “Refresh”
Hope is for harmonization to WCAG 2.0 of W3C
www.section508.gov
![Page 24: Knowbility Creative Commons License – some rights reserved 1 IMC2 ► Opening slide](https://reader035.vdocuments.mx/reader035/viewer/2022062222/56649e2a5503460f94b18c4a/html5/thumbnails/24.jpg)
24
KnowbilityCreative Commons License – some rights reserved
Global Standards – maintained by W3C► WCAG, the Web Content Accessibility Guidelines are
international standards widely adopted
► ATAG, the Authoring Tool Accessibility Guidelines provide vendors with standards for interoperability
► UAAG, the User Accessibility Guidelines for browsers and assistive technologies
► ARIA, the Accessible Rich Internet Application research for emerging technologies
www.w3.org/WAI
![Page 25: Knowbility Creative Commons License – some rights reserved 1 IMC2 ► Opening slide](https://reader035.vdocuments.mx/reader035/viewer/2022062222/56649e2a5503460f94b18c4a/html5/thumbnails/25.jpg)
25
KnowbilityCreative Commons License – some rights reserved
Components of Web Accessibility WCAG
(web content)
ATAG(authoring tools)
UAAG(user agent)
![Page 26: Knowbility Creative Commons License – some rights reserved 1 IMC2 ► Opening slide](https://reader035.vdocuments.mx/reader035/viewer/2022062222/56649e2a5503460f94b18c4a/html5/thumbnails/26.jpg)
26
KnowbilityCreative Commons License – some rights reserved
Role of Standards
► Shared understanding of requirements among:
o Consumers
o Authoring Toolmakers
o Developers
o Maker of browsers & AT devices
► “How to” Techniques and testing criteria for content creators
![Page 27: Knowbility Creative Commons License – some rights reserved 1 IMC2 ► Opening slide](https://reader035.vdocuments.mx/reader035/viewer/2022062222/56649e2a5503460f94b18c4a/html5/thumbnails/27.jpg)
27
KnowbilityCreative Commons License – some rights reserved
Standards are being revised
► 508 being refreshed (hope to harmonize with WCAG 2.0)
► WCAG 1.0 is transitioning to WCAG 2.0 – accessibility defined within 4 basic principles.
► Content must be:
o Perceivable
o Operable
o Understandable
o Robust
508 WCAG
![Page 28: Knowbility Creative Commons License – some rights reserved 1 IMC2 ► Opening slide](https://reader035.vdocuments.mx/reader035/viewer/2022062222/56649e2a5503460f94b18c4a/html5/thumbnails/28.jpg)
28
KnowbilityCreative Commons License – some rights reserved
Which standard do I use now?
United States: 508 with an eye towards WCAG 2.0 International: WCAG 1.0 Priority 1
![Page 29: Knowbility Creative Commons License – some rights reserved 1 IMC2 ► Opening slide](https://reader035.vdocuments.mx/reader035/viewer/2022062222/56649e2a5503460f94b18c4a/html5/thumbnails/29.jpg)
29
KnowbilityCreative Commons License – some rights reserved
Accessible Design - ROI► UT - cannot purchase if not 508 compliant
► British Financial Firm (Legal and General)
► Search engine referrals +28% in first 24 hours
► Visitors receiving quotes doubled in first 3 months
► Site maintenance costs cut by 66%
► Project delivered 100% ROI in 12 months
Want to know more? www.w3.org/WAI/bcase/Overview
![Page 30: Knowbility Creative Commons License – some rights reserved 1 IMC2 ► Opening slide](https://reader035.vdocuments.mx/reader035/viewer/2022062222/56649e2a5503460f94b18c4a/html5/thumbnails/30.jpg)
30
KnowbilityCreative Commons License – some rights reserved
Why make things accessible?► because we can
► because the web is about empowering people with information, not building barriers
► best practice
► ROI
► Google & SEO (search engine optimization)
► because it is the law
![Page 31: Knowbility Creative Commons License – some rights reserved 1 IMC2 ► Opening slide](https://reader035.vdocuments.mx/reader035/viewer/2022062222/56649e2a5503460f94b18c4a/html5/thumbnails/31.jpg)
31
KnowbilityCreative Commons License – some rights reserved
Let’s Listen
JAWS screenreader www.freedomscientific.com
![Page 32: Knowbility Creative Commons License – some rights reserved 1 IMC2 ► Opening slide](https://reader035.vdocuments.mx/reader035/viewer/2022062222/56649e2a5503460f94b18c4a/html5/thumbnails/32.jpg)
32
KnowbilityCreative Commons License – some rights reserved
508 Standard = 16 Checkpointsa) Alt Text b) Synchronized alternatives for multimediac) Colord) Use CSSe) Server-side image mapsf) Client-side image mapsg) Simple tables h) Complex tablesi) Framesj) Flickeringk) Text only versionl) Scriptingm) Appletsn) Formso) Skip Navigationp) Timed Response
WebAim Checklistwww.webaim.org/standards/508/checklist
Jim Thatcher’s 508 Tutorialjimthatcher.com/webcourse1.htm
![Page 33: Knowbility Creative Commons License – some rights reserved 1 IMC2 ► Opening slide](https://reader035.vdocuments.mx/reader035/viewer/2022062222/56649e2a5503460f94b18c4a/html5/thumbnails/33.jpg)
33
KnowbilityCreative Commons License – some rights reserved
Examples of 508 Accessible Design Techniques
► Alt Text
► Media
► Color
► Forms
► TimedReponse
![Page 34: Knowbility Creative Commons License – some rights reserved 1 IMC2 ► Opening slide](https://reader035.vdocuments.mx/reader035/viewer/2022062222/56649e2a5503460f94b18c4a/html5/thumbnails/34.jpg)
34
KnowbilityCreative Commons License – some rights reserved
508 a) Alt Text
(a) A text equivalent for every non-text element shall be provided (e.g., via "alt", "longdesc", or in element content).
The Issue:
► Think about listening to your web page
► That is why text equivalents must be provided for images and animations
![Page 35: Knowbility Creative Commons License – some rights reserved 1 IMC2 ► Opening slide](https://reader035.vdocuments.mx/reader035/viewer/2022062222/56649e2a5503460f94b18c4a/html5/thumbnails/35.jpg)
35
KnowbilityCreative Commons License – some rights reserved
<IMG src=… alt=“United Nations Flag” ... />
<IMG src=… alt=“Aeronautics” … />
<IMG src=“spacer.gif” alt=“” width=“1” height=“1” />
Alternative Text Examples
![Page 36: Knowbility Creative Commons License – some rights reserved 1 IMC2 ► Opening slide](https://reader035.vdocuments.mx/reader035/viewer/2022062222/56649e2a5503460f94b18c4a/html5/thumbnails/36.jpg)
36
KnowbilityCreative Commons License – some rights reserved
Alternate Text Guidelines
► Active (linked) images MUST valid alt attribute.
► Each INPUT of TYPE=“IMAGE” must have alt-text specifying the purpose of the button
► Each AREA of an image MAP must have a valid alt attribute
► Non-active images that do not convey information must have alt=“”
![Page 37: Knowbility Creative Commons License – some rights reserved 1 IMC2 ► Opening slide](https://reader035.vdocuments.mx/reader035/viewer/2022062222/56649e2a5503460f94b18c4a/html5/thumbnails/37.jpg)
37
KnowbilityCreative Commons License – some rights reserved
Alternate Text: What NOT to do► Too Long
“Image of the United Nations Flag (Blue background with white olive branches surrounding map of world) about one and a quarter inches by one inch.”
► Makes reference to link
“link to aeronautics home page”
Meaningless out of context
“button”
![Page 38: Knowbility Creative Commons License – some rights reserved 1 IMC2 ► Opening slide](https://reader035.vdocuments.mx/reader035/viewer/2022062222/56649e2a5503460f94b18c4a/html5/thumbnails/38.jpg)
38
KnowbilityCreative Commons License – some rights reserved
Alternate Text Decisions
► A challenge is deciding what is meaningful and what is purely visual
► alt=“” or alt=“people using library services”
![Page 39: Knowbility Creative Commons License – some rights reserved 1 IMC2 ► Opening slide](https://reader035.vdocuments.mx/reader035/viewer/2022062222/56649e2a5503460f94b18c4a/html5/thumbnails/39.jpg)
39
KnowbilityCreative Commons License – some rights reserved
Long Descriptions
► Sometimes short alt text is not enough
► an HTML attribute “longdesc” is available but may not be the best solution
► longdesc points to a URL that has a “long description” of the image
![Page 40: Knowbility Creative Commons License – some rights reserved 1 IMC2 ► Opening slide](https://reader035.vdocuments.mx/reader035/viewer/2022062222/56649e2a5503460f94b18c4a/html5/thumbnails/40.jpg)
40
KnowbilityCreative Commons License – some rights reserved
Some images Some images –– like like charts and graphs – charts and graphs – require longdescriptionrequire longdescription
<img src=“traffic.jpg” longdesc=“traffic.htm” alt=“traffic density graph” />
traffic.htm:
<p>This graph shows traffic density on
Main and Center streets measured in …
longdesc Example
![Page 41: Knowbility Creative Commons License – some rights reserved 1 IMC2 ► Opening slide](https://reader035.vdocuments.mx/reader035/viewer/2022062222/56649e2a5503460f94b18c4a/html5/thumbnails/41.jpg)
41
KnowbilityCreative Commons License – some rights reserved
longdesc “Alternative”
![Page 42: Knowbility Creative Commons License – some rights reserved 1 IMC2 ► Opening slide](https://reader035.vdocuments.mx/reader035/viewer/2022062222/56649e2a5503460f94b18c4a/html5/thumbnails/42.jpg)
42
KnowbilityCreative Commons License – some rights reserved
508 b) Synchronized Alternatives for Multimedia
(b) Equivalent alternatives for any multimedia presentation shall be synchronized with the presentation.
The issue is:
► Audio files and the audio part of multimedia content need to be made accessible to people who are deaf.
► Information in the video part of multimedia content needs to be accessible to people who are blind.
![Page 43: Knowbility Creative Commons License – some rights reserved 1 IMC2 ► Opening slide](https://reader035.vdocuments.mx/reader035/viewer/2022062222/56649e2a5503460f94b18c4a/html5/thumbnails/43.jpg)
43
KnowbilityCreative Commons License – some rights reserved
Multimedia Strategy
► Include a text transcript for informational audio file.
► Provide captions for the audio content of a multimedia presentation.
► Provide synchronized audio descriptions of significant video information in multimedia presentations.
![Page 44: Knowbility Creative Commons License – some rights reserved 1 IMC2 ► Opening slide](https://reader035.vdocuments.mx/reader035/viewer/2022062222/56649e2a5503460f94b18c4a/html5/thumbnails/44.jpg)
44
KnowbilityCreative Commons License – some rights reserved
Multimedia Solutions
► MAGPie - free software that helps you caption
http://ncam.wgbh.org/webaccess/magpie
► Sample video with captions and audio descriptions:
NCAM Rich Media Project
► NCAM has a free captioning tool for Flash
![Page 45: Knowbility Creative Commons License – some rights reserved 1 IMC2 ► Opening slide](https://reader035.vdocuments.mx/reader035/viewer/2022062222/56649e2a5503460f94b18c4a/html5/thumbnails/45.jpg)
45
KnowbilityCreative Commons License – some rights reserved
Conveying information through color
► What is the issue?
► What is the alternative?
![Page 46: Knowbility Creative Commons License – some rights reserved 1 IMC2 ► Opening slide](https://reader035.vdocuments.mx/reader035/viewer/2022062222/56649e2a5503460f94b18c4a/html5/thumbnails/46.jpg)
46
KnowbilityCreative Commons License – some rights reserved
508 c) Color and Contrast
(c) Web pages shall be designed so that all information conveyed with color is also available without color, for example from context or markup.
The Issue: information conveyed by color is lost for people who are color blind
► Whenever color carries information, make sure that other parts of the page convey the same information.
► Be sure there is adequate contrast between text and background.
Related Guidelines: 508 §1194.22(c); WCAG 2.1, 2.2; IBM 12.
![Page 47: Knowbility Creative Commons License – some rights reserved 1 IMC2 ► Opening slide](https://reader035.vdocuments.mx/reader035/viewer/2022062222/56649e2a5503460f94b18c4a/html5/thumbnails/47.jpg)
47
KnowbilityCreative Commons License – some rights reserved
![Page 48: Knowbility Creative Commons License – some rights reserved 1 IMC2 ► Opening slide](https://reader035.vdocuments.mx/reader035/viewer/2022062222/56649e2a5503460f94b18c4a/html5/thumbnails/48.jpg)
48
KnowbilityCreative Commons License – some rights reserved
![Page 49: Knowbility Creative Commons License – some rights reserved 1 IMC2 ► Opening slide](https://reader035.vdocuments.mx/reader035/viewer/2022062222/56649e2a5503460f94b18c4a/html5/thumbnails/49.jpg)
49
KnowbilityCreative Commons License – some rights reserved
‣ Can you read me?
‣ Can you read me now?
‣ Can you read me now?
‣ Can you read me now?
‣ Can you read me now?
‣ Use the color contrast analyzer:
http://juicystudio.com/services/colourcontrast.php
Color Contrast
![Page 50: Knowbility Creative Commons License – some rights reserved 1 IMC2 ► Opening slide](https://reader035.vdocuments.mx/reader035/viewer/2022062222/56649e2a5503460f94b18c4a/html5/thumbnails/50.jpg)
50
KnowbilityCreative Commons License – some rights reserved
Exercise - Color & Links
► Do you underline your links?
► Or are your links obvious by color alone?
► Example
► Imagine you are colorblind
► Tell me how many links are in the second paragraph of information: en.wikipedia.org/wiki/Abraham_lincoln
![Page 51: Knowbility Creative Commons License – some rights reserved 1 IMC2 ► Opening slide](https://reader035.vdocuments.mx/reader035/viewer/2022062222/56649e2a5503460f94b18c4a/html5/thumbnails/51.jpg)
51
KnowbilityCreative Commons License – some rights reserved
![Page 52: Knowbility Creative Commons License – some rights reserved 1 IMC2 ► Opening slide](https://reader035.vdocuments.mx/reader035/viewer/2022062222/56649e2a5503460f94b18c4a/html5/thumbnails/52.jpg)
52
KnowbilityCreative Commons License – some rights reserved
![Page 53: Knowbility Creative Commons License – some rights reserved 1 IMC2 ► Opening slide](https://reader035.vdocuments.mx/reader035/viewer/2022062222/56649e2a5503460f94b18c4a/html5/thumbnails/53.jpg)
53
KnowbilityCreative Commons License – some rights reserved
![Page 54: Knowbility Creative Commons License – some rights reserved 1 IMC2 ► Opening slide](https://reader035.vdocuments.mx/reader035/viewer/2022062222/56649e2a5503460f94b18c4a/html5/thumbnails/54.jpg)
54
KnowbilityCreative Commons License – some rights reserved
Provide alternatives
► Alt text for active images, “” for inactive images
► Onscreen summary or long description for complex images
► Captions for audio content
► No color dependencies, sufficient contrast
When you have non-textProvide text equivalents.Text repurposes
![Page 55: Knowbility Creative Commons License – some rights reserved 1 IMC2 ► Opening slide](https://reader035.vdocuments.mx/reader035/viewer/2022062222/56649e2a5503460f94b18c4a/html5/thumbnails/55.jpg)
55
KnowbilityCreative Commons License – some rights reserved
WCAG 2.0,Guideline 2
User interface components must be operable
508 Guidelinesl) Scriptingm) Appletsn) Formsp) Timed Response
![Page 56: Knowbility Creative Commons License – some rights reserved 1 IMC2 ► Opening slide](https://reader035.vdocuments.mx/reader035/viewer/2022062222/56649e2a5503460f94b18c4a/html5/thumbnails/56.jpg)
56
KnowbilityCreative Commons License – some rights reserved
► Provide keyboard access to all functions
► Provide users time to read and use content
► Avoid content known to cause seizures
► Facilitate navigation
Put user in control
![Page 57: Knowbility Creative Commons License – some rights reserved 1 IMC2 ► Opening slide](https://reader035.vdocuments.mx/reader035/viewer/2022062222/56649e2a5503460f94b18c4a/html5/thumbnails/57.jpg)
57
KnowbilityCreative Commons License – some rights reserved
Keyboard Access
► Form fields
► Submit buttons
► Navigation elements (Javascripted menus?)
► Media controls
![Page 58: Knowbility Creative Commons License – some rights reserved 1 IMC2 ► Opening slide](https://reader035.vdocuments.mx/reader035/viewer/2022062222/56649e2a5503460f94b18c4a/html5/thumbnails/58.jpg)
58
KnowbilityCreative Commons License – some rights reserved
‣ NOT onchange in select box menus
‣ NOT just onMouseOver and onMouseOut (requires mouse)
- Also include onFocus, onBlur
‣ <noscript>...</noscript> rarely needed
for more on scripting please research:
‣ unobtrusive javascript
‣ graceful degradation
‣ progressive enhancement
Scripting and Interactivity
![Page 59: Knowbility Creative Commons License – some rights reserved 1 IMC2 ► Opening slide](https://reader035.vdocuments.mx/reader035/viewer/2022062222/56649e2a5503460f94b18c4a/html5/thumbnails/59.jpg)
59
KnowbilityCreative Commons License – some rights reserved
Exercise – Read this important information
► Perhaps a re-engineering of your current world view will re-energize your online nomenclature to enable a new holistic interactive enterprise internet communication solution.
![Page 60: Knowbility Creative Commons License – some rights reserved 1 IMC2 ► Opening slide](https://reader035.vdocuments.mx/reader035/viewer/2022062222/56649e2a5503460f94b18c4a/html5/thumbnails/60.jpg)
60
KnowbilityCreative Commons License – some rights reserved
Exercise – Read this important information
► Upscaling the resurgent networking exchange solutions, achieving a breakaway systemic electronic data interchange system synchronization, thereby exploiting technical environments for mission critical broad based capacity constrained systems.
![Page 61: Knowbility Creative Commons License – some rights reserved 1 IMC2 ► Opening slide](https://reader035.vdocuments.mx/reader035/viewer/2022062222/56649e2a5503460f94b18c4a/html5/thumbnails/61.jpg)
61
KnowbilityCreative Commons License – some rights reserved
Exercise – Read this important information
► Fundamentally transforming well designed actionable information whose semantic content is virtually null.
![Page 62: Knowbility Creative Commons License – some rights reserved 1 IMC2 ► Opening slide](https://reader035.vdocuments.mx/reader035/viewer/2022062222/56649e2a5503460f94b18c4a/html5/thumbnails/62.jpg)
62
KnowbilityCreative Commons License – some rights reserved
Exercise – Read this important information
► To more fully clarify the current exchange, a few aggregate issues will require addressing to facilitate this distributed communication venue.
![Page 63: Knowbility Creative Commons License – some rights reserved 1 IMC2 ► Opening slide](https://reader035.vdocuments.mx/reader035/viewer/2022062222/56649e2a5503460f94b18c4a/html5/thumbnails/63.jpg)
63
KnowbilityCreative Commons License – some rights reserved
Exercise – Read this important information
► In integrating non-aligned structures into existing legacy systems, a holistic gateway blueprint is a backward compatible packaging tangible of immeasurable strategic value in right-sizing conceptual frameworks when thinking outside the box.
![Page 64: Knowbility Creative Commons License – some rights reserved 1 IMC2 ► Opening slide](https://reader035.vdocuments.mx/reader035/viewer/2022062222/56649e2a5503460f94b18c4a/html5/thumbnails/64.jpg)
64
KnowbilityCreative Commons License – some rights reserved
508 (p) Timed Response
(p) When a timed response is required, the user shall be alerted and given sufficient time to indicate more time is required.
The issue:
► A person with a disability may not be able to read, move around, or fill in a Web form within the prescribed amount of time.
Related Guidelines: 508 §1194.22(p)
![Page 65: Knowbility Creative Commons License – some rights reserved 1 IMC2 ► Opening slide](https://reader035.vdocuments.mx/reader035/viewer/2022062222/56649e2a5503460f94b18c4a/html5/thumbnails/65.jpg)
65
KnowbilityCreative Commons License – some rights reserved
Timed Response: Options?
► Do not set time limit on the user response.
► Notify user if a process is about to time-out
► Provide prompt to receive additional time
![Page 66: Knowbility Creative Commons License – some rights reserved 1 IMC2 ► Opening slide](https://reader035.vdocuments.mx/reader035/viewer/2022062222/56649e2a5503460f94b18c4a/html5/thumbnails/66.jpg)
66
KnowbilityCreative Commons License – some rights reserved
Inspect What You Expect:
Testing &
Implementation
![Page 67: Knowbility Creative Commons License – some rights reserved 1 IMC2 ► Opening slide](https://reader035.vdocuments.mx/reader035/viewer/2022062222/56649e2a5503460f94b18c4a/html5/thumbnails/67.jpg)
67
KnowbilityCreative Commons License – some rights reserved
Ensuring Accessibility
► Testing Tools
► User Testing
► Implement & Maintain
![Page 68: Knowbility Creative Commons License – some rights reserved 1 IMC2 ► Opening slide](https://reader035.vdocuments.mx/reader035/viewer/2022062222/56649e2a5503460f94b18c4a/html5/thumbnails/68.jpg)
68
KnowbilityCreative Commons License – some rights reserved
Validity: Building to Code
► HTML & XHTML Validation validator.w3.org/
► CSS Validation jigsaw.w3.org/css-validator/
![Page 69: Knowbility Creative Commons License – some rights reserved 1 IMC2 ► Opening slide](https://reader035.vdocuments.mx/reader035/viewer/2022062222/56649e2a5503460f94b18c4a/html5/thumbnails/69.jpg)
69
KnowbilityCreative Commons License – some rights reserved
Accessibility Testing Tools► Accessibility/Web Standards Validators
► Page by Page
► Listening to Your Pages
► JAWS / Fangs
► Authoring Tools
► Dreamweaver
► Enterprise Accessibility Reports
► LIFT & WebXM
www.jimthatcher.com/testing.htm
![Page 70: Knowbility Creative Commons License – some rights reserved 1 IMC2 ► Opening slide](https://reader035.vdocuments.mx/reader035/viewer/2022062222/56649e2a5503460f94b18c4a/html5/thumbnails/70.jpg)
70
KnowbilityCreative Commons License – some rights reserved
Accessibility Validators- Page by Page
► CSS/XHTML Validators
► WebXact
► The Wave
► Web Developer for Firefox
► Accessibility Toolbar for IE
► Luminosity Contrast Ratio Analyser
Accessibility Tools can only automatedly test approximately 27% of the issues.
Accessibility Testing requires human brain power!
![Page 71: Knowbility Creative Commons License – some rights reserved 1 IMC2 ► Opening slide](https://reader035.vdocuments.mx/reader035/viewer/2022062222/56649e2a5503460f94b18c4a/html5/thumbnails/71.jpg)
71
KnowbilityCreative Commons License – some rights reserved
Evaluation of Free Accessibility Testing Tools
www.webaim.org/techniques/articles/freetools/
links to free online
accessibility testing tools
![Page 72: Knowbility Creative Commons License – some rights reserved 1 IMC2 ► Opening slide](https://reader035.vdocuments.mx/reader035/viewer/2022062222/56649e2a5503460f94b18c4a/html5/thumbnails/72.jpg)
72
KnowbilityCreative Commons License – some rights reserved
Listening to Your Site
The real test:Can users with disabilities
actually use your site?
Listen to representative pages of site using JAWS
JAWS screenreader www.freedomscientific.com
Fangs screenreader emulator standards-schmandards.com/projects/fangs
![Page 73: Knowbility Creative Commons License – some rights reserved 1 IMC2 ► Opening slide](https://reader035.vdocuments.mx/reader035/viewer/2022062222/56649e2a5503460f94b18c4a/html5/thumbnails/73.jpg)
73
KnowbilityCreative Commons License – some rights reserved
Enterprise Tools
► Define URL, spider profile
► Select testing criteria
► Review reports
► Results by checkpoints
► Checkpoints expanded
► Resources – How to fix
► Previews of pages
![Page 74: Knowbility Creative Commons License – some rights reserved 1 IMC2 ► Opening slide](https://reader035.vdocuments.mx/reader035/viewer/2022062222/56649e2a5503460f94b18c4a/html5/thumbnails/74.jpg)
Watchfire WebXM
![Page 75: Knowbility Creative Commons License – some rights reserved 1 IMC2 ► Opening slide](https://reader035.vdocuments.mx/reader035/viewer/2022062222/56649e2a5503460f94b18c4a/html5/thumbnails/75.jpg)
75
KnowbilityCreative Commons License – some rights reserved
User TestingJust Ask:
Integrating Accessibility Throughout Design
By Shawn Henry
www.uiaccess.com/justask/
Accessibility is a subset of Usability Testing.
![Page 76: Knowbility Creative Commons License – some rights reserved 1 IMC2 ► Opening slide](https://reader035.vdocuments.mx/reader035/viewer/2022062222/56649e2a5503460f94b18c4a/html5/thumbnails/76.jpg)
76
KnowbilityCreative Commons License – some rights reserved
The Importance of User Testing
![Page 77: Knowbility Creative Commons License – some rights reserved 1 IMC2 ► Opening slide](https://reader035.vdocuments.mx/reader035/viewer/2022062222/56649e2a5503460f94b18c4a/html5/thumbnails/77.jpg)
77
KnowbilityCreative Commons License – some rights reserved
A Practical Testing Plan
1. Code Validation
2. Browser Testing
► Turn off images
► Don’t use the mouse
► Increase font size
► Change window size
3. Online Accessibility Testing (representative pages)
• use more than one tool, example: Watchfire & Wave
4. Screenreader Testing
• JAWS
5. Enterprise Accessibility Report
• like Lift or WebXM
6. Hands-on Accessibility Testing
![Page 78: Knowbility Creative Commons License – some rights reserved 1 IMC2 ► Opening slide](https://reader035.vdocuments.mx/reader035/viewer/2022062222/56649e2a5503460f94b18c4a/html5/thumbnails/78.jpg)
78
KnowbilityCreative Commons License – some rights reserved
Software Development Life Cycle
Request
Analysis
Requirements
Design
Test
Deploy
Support
Build
Accessibility
![Page 79: Knowbility Creative Commons License – some rights reserved 1 IMC2 ► Opening slide](https://reader035.vdocuments.mx/reader035/viewer/2022062222/56649e2a5503460f94b18c4a/html5/thumbnails/79.jpg)
KnowbilityCreative Commons License – some rights reserved
Next Steps
What accessibility actions do you plan to take next?
What resources do you need now?• www.jimthatcher.com• www.knowbility.org • www.webaim.org
![Page 80: Knowbility Creative Commons License – some rights reserved 1 IMC2 ► Opening slide](https://reader035.vdocuments.mx/reader035/viewer/2022062222/56649e2a5503460f94b18c4a/html5/thumbnails/80.jpg)
80
KnowbilityCreative Commons License – some rights reserved
It is up to you
For most people technology makes things easier. For people with disabilities,
technology makes things possible.
President’s Council on Disabilities