Skip to content

axe-conMar 11, 2021

Accessible SVGs: Inclusiveness Beyond Patterns

Inclusive SVG considerations for color, contrast, animation, and the real user needs that reach far beyond code patterns on their own.

talkAccessibilityARIAAT testingComponent/patternCSSHTMLJavaScriptSVG/image
1 / 18

Hello! Today I’m going to talk to you about SVGs and how to make them more inclusive and challenging you all to think a bit more about real users and their needs — all in roughly 45 minutes!

Scalable Vector Graphics (SVGs) are flexible, lightweight, and capable of integrated styles, interactivity, and animation. This talk explores how SVG accessibility can move beyond code compliance and familiar patterns to better address real user needs, especially around color, contrast, and motion.