1 / 17

Designing Accessible Web Content

Designing Accessible Web Content. Brian Brautigam Alternate Media Specialist Riverside City College. What does Accessibility Mean?. Accessibility enables a student with a disability to use the Web in a manner similar to someone without a disability.

zurina
Download Presentation

Designing Accessible Web Content

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Designing Accessible Web Content Brian Brautigam Alternate Media Specialist Riverside City College

  2. What does Accessibility Mean? • Accessibility enables a student with a disability to use the Web in a manner similar to someone without a disability. • In other words, we are providing equal access.

  3. How do students with disabilities access the web? Students with disabilities can access the web using specialized hardware and software called Assistive Computer Technologies.

  4. Users who are blind… …may use screen reading software to hear the content of the screen

  5. Users who are deaf… …require audiovisual resources to be captioned for accessibility

  6. Users with Mobility Impairments …may use speech recognition technology to access web content

  7. Users with learning differences… Will benefit from a logical, well-laid out site with consistent markup

  8. QUICK TIPS

  9. Quick Tips for Web Accessibility • PicturesUse the “alt” attribute to describe the picture. • Graphs, Charts and other complex imagesUse the “Longdesc” attribute.

  10. Quick Tips for Web Accessibility • Heading Styles • Use “H1, H2, etc.” when marking up text. Disabled Student Services Office Hours The office is open from 7 a.m.-5:30 p.m. for your convenience… Staff We are staffed with friendly people who love their jobs.

  11. Quick Tips for Web Accessibility • Hyperlinks. Use text that makes sense when read out of context. For example, avoid “click here.”

  12. For Example… • Instead of this:To read an article about World War II pilots click here • Or this:World War II Pilots Article:(http://www.cnn.com/2008/wwii/20/wwii.pilots/index.htm) • DO THIS:Read World War II pilots article on CNN.com

  13. Quick Tips for Web Accessibility • Tables. • Mark up tables with the “Scope” and “Header” attributes • Use the “Summary” attribute to explain the contents of the table.

  14. Layout tables vs. Data tables

  15. Layout tables vs. Data tables

  16. Quick Tips for Web Accessibility • Multimedia. Provide captioning of video and transcripts of audio.

  17. Why is all this necessary? Accessibility is not a new concept. Ramps, wide doorways, elevators and accessible restrooms are an accepted part of campus architecture. Accessible web site design simply makes our “virtual architecture” accessible too.

More Related