Accessibility case study: WCAG and screen reader solutions for accordions and tabs

Date: Saturday, July 15, 2017
Time: 1:45 - 2:00 pm (EDT) (UTC-04:00)
Location: Room 1028
Format: Lightning Talk

Session description

Achieving WCAG and screen-reader accessibility, for the most part, isn’t too hard—web fonts and robust button formats have removed the need for text-as-image-file graphics, and CSS layouts rescued all of us from inaccessible, table-based presentations. But tab elements, with their semantically-separated button controls and content panels, present a special challenge.

In this session, we’ll discuss:

  • Where popular frameworks fall short (and which ones provide you a great start)
  • How to get tabs and accordions to measure up to WCAG AA standards and pass screen reader functional testing
  • Strategies for testing
  • How to integrate your improved and accessible tabs and accordions into a WordPress template


Andrew Ortolano

Headshot of Andrew Ortolano
Lead developer, Lipman Hearne

Andrew is an experienced developer who collaborates across multiple teams to ensure superb deliverables for his clients. His development experiences include a range of web and application solutions, from the desktop to mobile and tablet. He has worked with WordPress since 2007 and used it to build websites for clients across a wide variety of industries, including higher education, not-for-profit and fundraising, finance, elder care and heavy manufacturing. Since 2013, he has been the lead developer at Lipman Hearne, where he has led the development of WordPress websites ranging from campaign sites for Northern Arizona University, Southern Illinois University, and Queens College; to department/college websites for University of Pittsburgh, Notre Dame’s Mendoza College of Business and Keough School for Global Affairs; to enterprise-scale .edu projects for NAU, Hillsdale College, University of Miami, and Bard College at Simon’s Rock; and the website for his agency, Lipman Hearne. Andrew holds a B.M. from Northwestern University and has studied at Mac University and Digital Bootcamp. He lives in Chicago, IL and was born in Buffalo, NY.


  • Lightning Talk: Accessibility case study: WCAG and screen reader solutions for accordions and tabs

Session video

Sessions were recorded and have been uploaded. View the schedule or visit our main videos page to view the videos.


President Sponsor

Vice-President Sponsor

Graduate Sponsors

Undergraduate Sponsors