Josua Muheim

Josua Muheim

Complex and accessible JavaScript widgets with simple HTML

The Accessible Rich Internet Applications standard (ARIA, https://www.w3.org/WAI/standards-guidelines/aria/) introduced concise requirements regarding accessible implementations of various interactive usage patterns. However, compatibility varies a lot between browsers and screen readers. As such, it's still a pain to create accessible cross-browser/platform/device JavaScript widgets. Instead of using WAI-ARIA, it's possible to create most interactive usage patterns by dividing them into simple HTML form controls, connecting them with some JavaScript, styling them as wanted, and adding only a tiny bit of ARIA here and there for polishing. This results in widgets that rely on rock solid browser standard behaviour in most of their functionality. In my talk, I will show how to create sophisticated widgets (like autocompletes, tabs, date pickers, or accordions) using basic HTML, CSS, and JavaScript: they are compatible with each and every browser and assistive device (ie. screen reader). As such, they truly work for everyone - and are extremely cheap in terms of performance and maintenance.