creating accessible web content
DESCRIPTION
This presentation will provide a brief overview of Web accessibility issues and its importance to high-ed websites. Then we'll look at methods, tools and resources for creating and testing accessible Web content. Finally, we'll explore some specific techniques that can be applied to Cascade designs to improve site accessibility.TRANSCRIPT
![Page 1: Creating Accessible Web Content](https://reader036.vdocuments.mx/reader036/viewer/2022062303/555592abb4c905a5178b4cb9/html5/thumbnails/1.jpg)
Creating Accessible Web Content
Rick HillWeb CMS AdministratorOffice of Strategic Communications
![Page 2: Creating Accessible Web Content](https://reader036.vdocuments.mx/reader036/viewer/2022062303/555592abb4c905a5178b4cb9/html5/thumbnails/2.jpg)
Strategic Communications
Cascade Environment Matters
Decentralized
Centralized
CONTENTCONTRO
L
• Number of sites, pages, users• Static or dynamic content• Server side or client-side
![Page 3: Creating Accessible Web Content](https://reader036.vdocuments.mx/reader036/viewer/2022062303/555592abb4c905a5178b4cb9/html5/thumbnails/3.jpg)
Strategic Communications
Why WCAG 2 AA and not 508?
• 508 based on WGAG 1• 508 update: WCAG 2 AA • WCAG 2 is technology agnostic• International standard• Can validate against both
![Page 4: Creating Accessible Web Content](https://reader036.vdocuments.mx/reader036/viewer/2022062303/555592abb4c905a5178b4cb9/html5/thumbnails/4.jpg)
Strategic Communications
What is WCAG 2 AA?
• W3C Web Accessibility Initiative• WCAG 2.0 principles
• Perceivable• Operable• Understandable• Robust
• Conformance levels - A, AA, AAA
![Page 5: Creating Accessible Web Content](https://reader036.vdocuments.mx/reader036/viewer/2022062303/555592abb4c905a5178b4cb9/html5/thumbnails/5.jpg)
Strategic Communications
Basic Design Considerations
• User-centric • Logical information architecture• Standard (X)HTML • Use CSS and JavaScript appropriately• Use fonts approriately• Write for the Web• Optimize content
![Page 6: Creating Accessible Web Content](https://reader036.vdocuments.mx/reader036/viewer/2022062303/555592abb4c905a5178b4cb9/html5/thumbnails/6.jpg)
Strategic CommunicationsStrategic Communications
Cascade Design Tips
• Minimize WYSIWYG editor need• Data definitions use good practices• Provide appropriate overides• Style for hover and focus
![Page 7: Creating Accessible Web Content](https://reader036.vdocuments.mx/reader036/viewer/2022062303/555592abb4c905a5178b4cb9/html5/thumbnails/7.jpg)
Strategic CommunicationsStrategic Communications
Basic Compliance Testing
• Validate• No mouse• Disable CSS• Disable images• Zoom text• Check contrast
• Data tables• Forms• Multimedia• Flicker• Cross browser• Cross device
![Page 8: Creating Accessible Web Content](https://reader036.vdocuments.mx/reader036/viewer/2022062303/555592abb4c905a5178b4cb9/html5/thumbnails/8.jpg)
Strategic Communications
Robust Compliance Testing
• No tool tests completely• Free and commercial tools• Scheduled scans• AT browsers• User testing• Other Web content• Cascade integrated testing?
![Page 9: Creating Accessible Web Content](https://reader036.vdocuments.mx/reader036/viewer/2022062303/555592abb4c905a5178b4cb9/html5/thumbnails/9.jpg)
Strategic Communications
Training
• Training is important!• What can a user do:
• Alt for images• Tables for data only• Links don’t open new windows/tabs• iframes• Writing for the Web
![Page 10: Creating Accessible Web Content](https://reader036.vdocuments.mx/reader036/viewer/2022062303/555592abb4c905a5178b4cb9/html5/thumbnails/10.jpg)
Strategic Communications
Tim Berners-LeeW3C DirectorInventor of the World Wide Web
The power of the Web is in its universality. Access by everyone regardless of disability is an essential aspect.