u bent hier

Alle artikels

Zichtbare focus bij tabben

Als je met de tabtoets navigeert, moet steeds zichtbaar zijn waar de focus terechtkomt. Definieer in het stijlblad een goed zichtbare :focus state voor elke knop, link en formulierveld.

Web Content Accessibility Guidelines

De internationale standaard om de toegankelijkheid te beoordelen van websites en mobiele apps.

Voor wie is toegankelijkheid belangrijk?

Voor iedereen: in de eerste plaats denken we aan personen met een handicap, maar een toegankelijke website, app of document is ook beter voor gebruikers van een mobiel apparaat, ouderen en mensen met een tijdelijke beperking.

Wat maakt een website of app toegankelijk?

Wat betekent toegankelijkheid van een digitaal product concreet? Voor de details en nuances moet je bij WCAG zijn. We willen hier enkel een overzicht geven in mensentaal.

Hoe bereik je toegankelijkheid?

Toegankelijkheid is een proces. Hoe start je het en hou je het aan de gang?

Waarom toegankelijke websites en apps bouwen?

Er zijn humane, technische, financiële en wettelijke argumenten om je te motiveren toegankelijke websites en apps te (laten) ontwikkelen.

Wat is toegankelijkheid?

Toegankelijk betekent bruikbaar voor iedereen, ook voor personen met een handicap. Zij gebruiken allerlei hulpmiddelen, maar die technologie volstaat niet om de wereld toegankelijk te maken. De infrastructuur, websites en apps moeten ontworpen en ontwikkeld zijn volgens de principes van toegankelijkheid.

Live regions

Informatie kan dynamisch verschijnen of wijzigen op een pagina. Een live region is een mogelijke techniek om zo'n paginawijziging duidelijk te maken voor gebruikers van screenreaders.

Toegankelijkheid van PDF-documenten

Je krijgt een toegankelijk PDF-document als je vertrekt van een toegankelijk brondocument en het op een goede manier naar PDF converteert.

Voldoende contrast

Een element moet voldoende contrasteren met zijn achtergrond. Dan is het zichtbaar voor iedereen en is tekst beter leesbaar. Wat is een voldoende kleurcontrast en hoe meten we dat?

WCAG checklist van WebAIM

De Web Content Accessibility Guidelines zijn intimiderend lang. Als je een beknopt overzicht wil, is de checklist van WebAIM geschikt.

PDF-documenten testen op toegankelijkheid

Een PDF-document op toegankelijkheid testen kan met Adobe Reader, Acrobat Pro en andere testsoftware of met een screenreader. Elke methode heeft zijn sterke punten en beperkingen.

Toegankelijk PDF-document vanuit Word

Zorg voor een toegankelijk brondocument en zet het op de juiste manier om naar PDF.

Gebruik geen ARIA role=application

Deze waarde voor het ARIA role-attribuut heeft een heel specifieke betekenis met grote gevolgen. We leggen uit waarom je deze niet gebruikt in webpagina's.

Infozuilen en zelfbedieningsterminals

Toegankelijke apparaten in de openbare ruimte moeten verschillende interactiemogelijkheden bieden. Ontwerpers en programmeurs moeten rekening houden met omgevingsfactoren, de toegankelijkheid van het apparaat zelf en een aanpasbare gebruikersinterface voorzien.

Uitklapmenu's

Een hoofdnavigatie met uitklapbare niveau’s is compact, geeft gebruikers een overzicht van alle pagina’s en laat toe om snel naar een specifieke pagina te gaan.

Cookiebanners en toegankelijkheid

Help toetsenbord- en hulpmiddelengebruikers om efficiënt de cookies te aanvaarden zodat ze snel de website kunnen gebruiken.

Technieken om afbeeldingen een tekstalternatief te geven

Afbeeldingen maak je toegankelijk door ze als decoratief te markeren of een tekstalternatief te geven. Hoe je dat doet, hangt af van de manier waarop de afbeelding is ingevoegd. Tekstuele karakters hebben ook een tekstalternatief nodig als je ze niet gebruikt voor hun letterlijke betekenis.

Tekstalternatieven op sociale media

Ook op sociale media is het belangrijk om informatieve afbeeldingen een tekstalternatief te geven. Hoe je dat doet, is soms even zoeken. We tonen je de weg in Twitter, Facebook, LinkedIn, Instagram en Pinterest.

Inhoud tonen of verbergen

Technieken voor een toegankelijke disclosure: het label van de knop geeft de actie aan, gebruik details met summary of geef de status aan met aria-expanded.

Tekstafstand is aanpasbaar

Tekst blijft leesbaar als de gebruiker de regelafstand aanpast of de witruimte tussen letters, woorden en paragrafen.

Overlays

Het verwachte gedrag van een toegankelijk modaal dialoogvenster.

CSS generated content

Via CSS kan je tekst, afbeeldingen en icon fonts toevoegen aan een webpagina. Waarmee moet je rekening houden voor toegankelijkheid?

Emoticons en emoji's

Ze zijn niet echt tekst en niet echt een afbeelding maar ze hebben wel een tekstalternatief nodig.

Hoe schrijf ik een toegankelijkheidsverklaring

Als je inspanningen doet om toegankelijke websites en apps te maken, communiceer erover via een toegankelijkheidsverklaring.

Wat is ARIA?

ARIA-attributen verrijken de semantiek van een complexe webcomponent voor screenreaders en andere assistive technologies.

Vermijd flitsen

Vermijd flitsen met een frequentie van meer dan 3 per seconde.

Tekstversie voor video's en geluidsbestanden

Voor filmpjes, podcasts of andere geluidsfragmenten moet je een tekstversie of transcriptie voorzien. Dit artikel legt uit wat er in de tekstversie moet staan en beschrijft technieken om de tekstversie te maken voor geluids- en videobestanden.

Toegankelijke video's

Video's kunnen een handige manier zijn om informatie over te brengen. Hoe zorg je ervoor dat ze geschikt zijn voor iedereen?

Toetsenbordnavigatie

Alle functionaliteit die de website biedt, moet behalve met de muis ook met het toetsenbord te gebruiken zijn. Dit betekent onder andere dat alle links en formuliervelden bereikbaar zijn met de tabtoets en activeerbaar met de entertoets.