Sara Soueidan, an inclusive design engineer, discusses the significant impact CSS can have on web accessibility, particularly how it affects the semantic accessibility of HTML. She breaks down the accessibility tree and how it interacts with screen readers, highlighting that CSS does more than just control visual presentation. CSS properties can influence an element's role, name, description, state, and even its presence in the accessibility tree. Sara provides practical advice on using CSS to maintain accessibility, especially for screen reader users, and underscores the importance of combining CSS with ARIA attributes and semantic HTML for a better user experience.

55m watch time

Sort: