Hoe maak je een iframe toegankelijk?
Een iframe toegankelijk maken begint met één regel: geef het venster een beschrijvende titel.
Zonder titel hoort iemand met een schermlezer alleen dat er een venster is, zonder te weten waarvan.
Daarna volgen nog drie punten.
De titel
Kort en beschrijvend: “Routebeschrijving naar ons kantoor” of “Video: hoe onze montage werkt”.
Niet “iframe” of “venster”. Meer daarover lees je bij accessibility.
Bediening met een toetsenbord
Wie met een toetsenbord navigeert, komt in het venster terecht en moet er ook weer uit kunnen.
Test dat: doorloop je pagina met de tabtoets en kijk of je vast komt te zitten.
Lege vensters verbergen
Sommige diensten plaatsen onzichtbare vensters voor meting of communicatie. Die hoort een schermlezer niet aan te kondigen.
Die verberg je met een enkel kenmerk. Meer daarover lees je bij embedden.
Mijn vuistregels
- Elk zichtbaar venster krijgt een beschrijvende titel.
- Onzichtbare vensters verberg je voor voorleessoftware.
- Doorloop je pagina met de tabtoets.
- Zorg dat het venster meeschaalt op een klein scherm.
Die derde legt de meeste problemen in één keer bloot.
De inhoud zelf
Of de ingesloten pagina toegankelijk is, bepaalt de andere partij. Daar heb je geen invloed op.
Wel kun je erbuiten een alternatief bieden: een link naar de routebeschrijving, of een uitgeschreven samenvatting bij een video.
Bij een video
Zorg voor ondertiteling en zet de kern van de inhoud ook in tekst op je pagina.
Dat helpt iedereen die zonder geluid kijkt. Meer daarover lees je bij of een iframe slecht is voor je vindbaarheid.