CSS and HTML implementations of WCAG

Media

Presented at 4:00pm in Virtual B on Tuesday, November 17, 2020.

#32453

Speaker(s)

  • Scott Chandler, AIM Business Analyst, Virginia Tech

Session Details

  • Length of Session: 45 minutes
  • Format: Lecture
  • Expertise Level: Beginner
  • Type of session: Pre-conference

Summary

CSS and HTML are the languages developers use to interface with users, not WCAG. Operationalizing WCAG success criteria in the language of software engineers not only helps us make better decisions but lets us start with systems that are more universal. Come see how to implement WCAG on the front-end to improve accessibility and usability.

Abstract

WCAG success criteria can't be easily rendered in CSS and HTML. Developers often have a hard time implementing their interfaces in compliant ways. Using actual code, we'll view WCAG through a different lens and talk about how actual compliant code can be generated.

We'll go beyond , #skipnav, text-color contrast, and .sr-only to look at not just common code patterns but patterns that attempt to capture accessibility and usability to create correct behavior by default. A focus indicator example that captures best practices and buttons that incorporate minimum size restrictions. What definition determines how wide a responsive block can be before it is too wide? You'll learn and evaluate our solutions.

Easy to understand tools that can help developers make better choices or help understand success criteria will be enumerated.

Keypoints

  1. CSS and HTML are the languages developers use to interface with users, not WCAG.
  2. Actual CSS and HTML that represent success criteria will be presented.
  3. Easy to understand testing tools can help developers make better choices.

Disability Areas

Cognitive/Learning, Deaf/Hard of Hearing, Mobility, Vision

Topic Areas

Administrative/Campus Policy, Faculty Development & Support, Research, Uncategorized, Web/Media/App Access

Speaker Bio(s)

Scott Chandler

A recovering User Experience and Graphic Design professor, Dr. Chandler has improved the user interface, design, and technology of Adobe, Apple, the U.S. Army, and NASA. He currently works in Virginia Tech’s Division of Information Technology guiding applications. He continues to help faculty and staff improve their content strategy, communications, and web technologies. His research is applied directly to code.