[michalkortas]

Web Speech API - nawigacja na stronie z audiodeskrypcją
Zaprzyjaźniałem się ostatnio z możliwościami #webspeechapi przy okazji tworzenia nawigacji po aplikacji webowej. Konieczna była funkcjonalność odczytująca opisy aktywnych elementów. Posłużyłem się w tym celu interfejsem SpeechSynthesis, który jest już obecnie dość dobrze wspierany przez wiodące przeglądarki. Przyjąłem, że powinienem brać pod uwagę te elementy, które posiadają niepsute atrybuty aria-label, aria-labelledby lub aria-describedby. Dodatkowo chciałem, aby obsługiwane były również formularze i ich etykiety.

Demo: https://webroad.pl/demo/audio-described-navigation
Kod na #github: https://github.com/michalkortas/audio-described-navigation

#html #javascript #ux #webroad