Je ingesloten kaarten of video's hebben geen naam: geef je iframe een title

Een iframe is een venster in je pagina met inhoud van een andere site: een Google Maps-kaart, een YouTube-video, een reserveringswidget. Zonder title weet een schermlezer niet wat er in dat venster zit.

In het kud-rapport Je ingesloten kaarten of video's hebben geen naam

Waarom het uitmaakt

Een schermlezergebruiker hoort "frame" en moet erin om te ontdekken wat het is. Met een title weet hij meteen of het interessant is, of dat hij het kan overslaan.

Het is een van de kleinste toegankelijkheidsverbeteringen die er bestaan: één attribuut.

Zo los je het op

Geef elke iframe een title die beschrijft wat erin staat.
Wees specifiek: "Routekaart naar ons kantoor in Zwolle" is beter dan "kaart".
Laat iframes onder het eerste scherm lazy laden met loading="lazy", dat maakt je pagina ook sneller.

<iframe src="https://www.google.com/maps?q=...&output=embed"
        title="Routekaart naar ons kantoor in Zwolle"
        loading="lazy" width="600" height="400"></iframe>

Op jouw platform

WordPress: Bij embeds via de blokeditor zet WordPress vaak automatisch een title. Bij geplakte embedcode moet je hem zelf toevoegen.

Veelgestelde vragen

Zetten YouTube en Google Maps die title niet zelf?

YouTube zet de videotitel in de embedcode, Google Maps niet altijd. Controleer het in je broncode.

Maakt een iframe mijn site trager?

Vaak wel: een kaart of video laadt veel extra bestanden. Laad hem lazy, of toon pas na een klik.