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 Drupal

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 Drupal

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

Afbeelding uploaden in een tekst-editor

Gebruik de knoppen van de editor.

Stap 1: Om een afbeelding toe te voegen, klik op de knop ‘Afbeelding uploaden vanaf de computer’.

Icoon om afbeelding toe te voegen in CKEditor voor Drupal

Stap 2: Upload een afbeelding.

Stap 3: Voeg een tekstalternatief toe.

Switch om in CKEditor voor Drupal die aangeeft dat het niet om een decoratieve afbeelding gaat, met daarbij een tekstveld voor het tekstalternatief

Afbeelding uploaden in een afbeeldingsveld

Stap 1: Voeg een afbeelding toe met het ‘Bestand toevoegen’-veld.

Een afbeeldingsveld in Drupal waarin bestanden kunnen worden toegevoegd

Stap 2: Selecteer een afbeelding en upload deze.

Stap 3: Voeg een tekstalternatief toe.

Afbeelding aan de media-bibliotheek toevoegen en selecteren

Gebruik de knoppen van de editor.

Stap 1: Om een afbeelding uit de media-bibliotheek toe te voegen in de tekst-editor, klik op de knop ‘Media toevoegen’.

Icoon om een mediabestand toe te voegen in CKEditor voor Drupal

Stap 2: Of klik op de button Media toevoegen in een Media-veld.

Een mediaveld in Drupal waarin mediabestanden kunnen worden toegevoegd met de knop ‘Media toevoegen’

Stap 3 (optioneel): Upload een afbeelding in de bibliotheek en voeg een alternatieve tekst toe.

De alternatieve tekst wordt eenmalig bij het uploaden ingesteld. Iedere keer dat deze afbeelding wordt gebruikt wordt dezelfde tekst gebruikt voor het alt-attribuut. Dit gedrag kan worden aangepast.

Stap 4: Selecteer de afbeelding uit de bibliotheek.

Afbeelding verbergen voor schermlezers in Drupal

Ontdek hoe je een afbeelding kan verbergen voor een schermlezer op een Drupal-website.

Afbeelding uploaden in een tekst-editor

Gebruik de knoppen van de editor.

Stap 1: Om een afbeelding toe te voegen, klik op de knop ‘Afbeelding uploaden vanaf de computer’.

Icoon om afbeelding toe te voegen in CKEditor voor Drupal

Stap 2: Selecteer een afbeelding en upload deze.

Stap 3: Geef aan dat het gaat om een decoratieve afbeelding.

Aanduiding en switch om in CKEditor voor Drupal aan te geven of het gaat om een decoratieve of informatieve afbeelding

Let op: Er is een bug bij het toevoegen van een leeg alt-attribuut. Om een leeg alt-attribuut toe te voegen moet eerst een tekstalternatief worden meegegeven. Sla de inhoud op, bewerk die opnieuw, klik op de afbeelding en vink aan Decoratieve afbeelding. Pas dan wordt er een leeg alt-attribuut aan de afbeelding toegevoegd. Zie https://github.com/ckeditor/ckeditor5/issues/8115.

Afbeelding uploaden in een afbeeldingsveld

Stap 1: Voeg een afbeelding toe met het ‘Bestand toevoegen’-veld.

Een afbeeldingsveld in Drupal waarin bestanden kunnen worden toegevoegd

Stap 2: Selecteer een afbeelding en upload deze.

Stap 3: Als is ingesteld dat het tekstalternatief niet verplicht is kan deze leeg worden gelaten en wordt een leeg alt-attribuut toegevoegd.

Afbeelding uit de media-bibliotheek selecteren

Gebruik de knoppen van de editor.

Stap 1: Om een afbeelding uit de media-bibliotheek toe te voegen in de tekst-editor, klik op de knop ‘Media toevoegen’.

Icoon om een mediabestand toe te voegen in CKEditor voor Drupal

Stap 2: Of klik op de knop Media toevoegen in een Media-veld.

Een mediaveld in Drupal waarin mediabestanden kunnen worden toegevoegd met de knop ‘Media toevoegen’

Stap 3 (optioneel): Upload een afbeelding in de bibliotheek, voeg geen alternatieve tekst toe (het veld moet dan als niet-verplicht zijn ingesteld).

De alternatieve tekst wordt eenmalig bij het uploaden ingesteld. Iedere keer dat deze afbeelding wordt gebruikt wordt dezelfde tekst gebruikt voor het alt-attribuut. Dit gedrag kan worden aangepast.

Stap 4: Voeg een afbeelding toe of selecteer die uit de bibliotheek.

Zie ook