Frontend | Creative & Accessible

Een oudere studente die als creatieve front-end ontwikkelaar werkt bij Bakken en Baeck, een Noors ontwerpbureau voor technologie, deelde enkele van haar projecten met me. Ze liet me trots haar eerste project zien en besprak ook andere projecten waar ze aan had gewerkt voor BIA (Built in Amsterdam). Als student vond ik haar werk buitengewoon interessant, vet en creatief.

Tijdens haar presentatie toonde ze ook de code voor het implementeren van mooie interactieve animaties op webpagina's, waarbij ze speciale aandacht besteedde aan toegankelijkheid. Ze benadrukte het belang van het toevoegen van ARIA-labels, vooral bij elementen zoals close-icons of buttons zonder tekst, en het linken van het logo naar de homepage voor duidelijkheid voor screenreaders. Ze deelde inzichten over ARIA-controls, ARIA-expanded, ARIA-live en ARIA-atomic. Wat carrousels betreft, legde ze uit dat het lastig kan zijn om ze toegankelijk te maken, maar gaf tips zoals het gebruik van de role "region" en het semantische element "section" voor de carrouselcontainer.

Verder benadrukte ze het belang van een rolbeschrijving en het gebruik van aria-labelledby of aria-label voor een duidelijke verwijzing naar de carrousel. Haar presentatie richtte zich ook op contrast, screenreaders, laaggeletterden en hoe je animaties en code kunt implementeren met het oog op toegankelijkheid, zodat alle gebruikers de website effectief kunnen gebruiken.