Introduction to Accessibility - Travis Lee
https://www.youtube.com/watch?v=je0w0I_U2zU
https://www.youtube.com/watch?v=g9Qff0b-lHk
Web
Accessibility
Initiative
Accessible
Rich
Internet
Applications
role="checkbox"
aria-checked="false"
aria doesn't change behavior in any way
it doesn't add semantics
adds extra labels and names
express semantic relationships between elements
Here on a11ycasts I always try to encourage developers to use native controls rather than roll their own mainly because you get semantics and keyboard functionality for free. But there are situations where you need to build something and there's no native analog in the platform. For these occasions when you need to go offroad and build your own control, the Web Content Accessibility Initiatives Accessible Rich Internet Applications spec (WAI-ARIA) can help you add in the semantics your new custom control is missing. Today on the show I'll cover what ARIA is from a high level and show off some of the features and relationships ARIA let's you take advantage of.
Why do semantics matter? https://www.youtube.com/watch?v=g2tzE...
Watch all A11ycasts episodes: https://goo.gl/06qEUW
Subscribe to the Chrome Developers YouTube channel for updates on new episodes of A11ycasts: http://goo.gl/LLLNvf
https://www.youtube.com/watch?v=fGLp_gfMMGU&list=PLNYkxOF6rcICWx0C9LVWWVqvHlYJyqw7g
WICG inert polyfill - https://github.com/wicg/inert
inert