Zoekformulier

Zoeken

Filteren

Dit veld is verborgen bij het bekijken van het formulier
Dit veld is verborgen bij het bekijken van het formulier
Dit veld is verborgen bij het bekijken van het formulier
Dit veld is verborgen bij het bekijken van het formulier
Dit veld is bedoeld voor validatiedoeleinden en moet niet worden gewijzigd.

Tekstalternatieven in PRO

Over tekstalternatieven

Content die niet uit tekst bestaat, zoals foto’s, iconen en andere afbeeldingen, kan toegankelijk worden gemaakt door deze ook als tekst beschikbaar te maken.

Deze tekst wordt toegevoegd aan elementen, zoals afbeeldingen, om de inhoud van dat element weer te geven voor mensen die deze niet kunnen zien. We noemen dit een tekstalternatief, soms ook aangeduid als “alt-tekst”.

Tekst kan op verschillende manieren door hulptechnologieën worden gepresenteerd. Voorleessoftware kan tekst omzetten in spraak (auditief), en een brailleleesregel kan het vertalen naar braille (tactiel). Op deze manier worden afbeeldingen ook toegankelijk voor mensen met een visuele beperking.

Een goed tekstalternatief:

  • beschrijft de informatie die belangrijk is voor de context en het doel van de afbeelding;
  • gebruikt maximaal 150 tekens;
  • begint niet met “Afbeelding van” of “Foto van”.

Tekstalternatieven hebben nog andere functies:

  • Webbrowsers tonen het tekstalternatief wanneer een afbeelding niet kan worden geladen door een fout in de code of een fout in de verbinding.
  • Zoekmachines gebruiken het tekstalternatief bij het beoordelen van de content van een webpagina of document.

Tekstalternatief toevoegen in PRO

Ontdek hoe je een tekstalternatief kunt toevoegen aan afbeeldingen op een PRO-website.

Afbeelding selecteren (in de tekst-editor)

Gebruik de knoppen van de editor.

Stap 1: Om een afbeelding toe te voegen, klik op de button ‘Afbeelding’.

Stap 2: Selecteer een bestaande afbeelding of upload een nieuwe.

Stap 3: Voeg een alternatieve tekst toe in het ‘Kies een Afbeelding’-venster en klik op ‘OK’.

Scherm in PRO voor het selecteren van een afbeelding met rechtsonder een tekstveld voor het toevoegen van een alternatieve tekst

Afbeeldingsveld

Een afbeelding toevoegen via een specifiek afbeeldingsveld geeft niet de mogelijkheid om unieke alternatieve tekst toe te voegen. Deze tekst wordt automatisch gegenereerd door de titel van de aangemaakte inhoud te kopiëren. Dit voldoet vrijwel nooit voor een correcte alternatieve tekst. Gebruik deze mogelijkheid bij voorkeur niet. In PRO wordt deze alternatieve tekst overigens leeg gelaten als artikelen op home in een blok met teasers worden geplaatst. Dat is correct als het gaat om decoratieve afbeeldingen.

Een specifiek afbeeldingsveld in Bloomreach om meerdere afbeeldingen te selecteren

Afbeelding verbergen voor schermlezers in PRO

Je kunt in PRO weliswaar het veld voor de alternatieve tekst leeg laten, maar de afbeelding wordt dan zonder alt-attribuut weergegeven. Dit zou met een leeg alt-attribuut moeten gebeuren. Het is hierdoor niet goed mogelijk om in PRO een afbeelding te verbergen voor schermlezers.

Zie ook