Everyone at Web Zürich follows our Code of Conduct and advertising rules.

All talks

Complex and accessible JavaScript widgets with simple HTML

Frontend, Given on 26 May 2021

About this talk

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.

Speaker

Josua MuheimSee all talks