Presented at 9:15am in WB I on Friday, November 17, 2017.
#10299Speaker(s)
- John Northup, Director of Evaluations, WebAIM
- CB Averitt, Web Accessibility Specialist, Deque
Session Details
- Length of Session: 1-hr
- Format: Lecture
- Expertise Level: Intermediate
- Type of session: General Conference
Summary
We will demonstrate how various CSS declarations can have the unintended consequence of creating inequivalent visual and screen reader experiences.
Abstract
Participants will learn how various CSS techniques affect content exposure and reading order in screen readers. We will offer robust solutions to overcome screen reader limitations and browser inconsistencies. We have tested over two dozen common CSS declarations in the following browser-AT pairings, and will present our results.
JAWS + IE 11 JAWS + Chrome JAWS + Firefox NVDA + Chrome NVDA + Firefox VoiceOver + Safari VoiceOver + Mobile Safari Talkback + Mobile Chrome Narrator + Edge
Keypoints
- Certain CSS declarations can result in inequivalent experiences for visual and screen reader users.
- Some CSS techniques behave differently in different screen reader-browser pairings.
- Developers can save time and trouble by being aware of these CSS pitfalls at the beginning of a project.
Disability Areas
Vision
Topic Areas
Assistive Technology, Uncategorized, Web/Media/App Access
Speaker Bio(s)
John Northup
John Northup has worked in front-end development, usability, and accessibility for over twenty years. He currently manages the WebAIM evaluation team and has previously worked at Deque and Ford Motor Company.
CB Averitt
CB Averitt has completed hundreds of assessments and remediations in numerous technologies such as web, PDF and mobile. He has performed numerous presentations across the State of South Carolina. He has presented at major accessibility conferences such as CSUN’s Annual International Technology and Persons with Disabilities Conference as well as Knowbility’s John Slatin AccessU. CB has been a volunteer with The South Carolina Assistive Technology Advisory Committee (SCATAC) for over 10 years.
Our presentation is available at https://dive4cb.github.io/