header-logo
Hoe Wix gebruiken om je website en bedrijf te bouwen.
Ontwerp en beheer je website met slimmme functionaliteiten.
Beheer abonnementen, pakketten en facturen.
Run je bedrijf en kom in contact met leden.
Lees hoe je een domein koopt, koppelt of overzet.
De juiste tools om je bedrijf op het web te laten groeien.
Boost je zichtbaarheid met SEO en marketingtools.
Geavanceerde functies om efficiënter te kunnen werken.
Antwoorden op vragen, gekende problemen en meer.
placeholder-preview-image
Verbeter je vaardigheden met onze cursussen en video's.
Krijg tips voor webdesign, marketing en meer.
Lees hoe het organische websiteverkeer van zoekmachines te vergroten.
Bouw een eigen website met ons full-stack platform.
Vind een professional voor hulp om je websitedoelen te behalen.
placeholder-preview-image
  1. Home
  2. Een website maken
  3. Een toegankelijke website maken
  4. Een website toegankelijk maken
  5. Toegankelijkheid: Afbeeldingen en galerijen voorbereiden

Toegankelijkheid: Afbeeldingen en galerijen voorbereiden

10 min
In dit artikel
  • Alt-tekst toevoegen vanuit je editor
  • Aan afzonderlijke afbeeldingen
  • Aan galerijen
  • Alt-tekst toevoegen in de Toegankelijkheidswizard
  • Alt-tekst genereren met AI
  • Afbeeldingen markeren als decoratief
  • Tekst op afbeeldingen
  • Afbeeldingen van tekst
Bezoekers met visuele beperkingen kunnen ondersteunende technologie zoals schermlezers gebruiken om door je website te bladeren. Voeg beschrijvingen toe aan afbeeldingen en galerijen met behulp van alternatieve (alt) tekst om ze toegankelijk te maken voor deze bezoekers.
Alt-tekst geeft informatie over websitemedia en helpt zoekmachines en schermlezers ze te 'lezen'.
Waar haalt Wix de informatie vandaan?

Alt-tekst toevoegen vanuit je editor

Alt-tekst zorgt ervoor dat bezoekers die schermlezers gebruiken toegang hebben tot de inhoud op je website en deze begrijpen, dus we raden aan deze toe te voegen aan alle relevante afbeeldingen terwijl je ze uploadt. 

Aan afzonderlijke afbeeldingen

Voeg alt-tekst toe aan afbeeldingen in je websitebouwer (Wix Editor en Studio Editor) vanuit het Instellingen-paneel. 
Wix Editor
Studio Editor
  1. Ga naar je editor.
  2. Klik op de afbeelding op je pagina.
  3. Klik op het Instellingen-pictogram .
  4. Voer een beschrijving van de afbeelding in onder Wat staat er op de afbeelding?
  5. Druk op je toetsenbord op Enter om de wijzigingen op te slaan.
Het Afbeeldingsinstellingen-paneel in de Editor. Het alt-tekstveld is geschreven en de cursor wijst het aan.

Aan galerijen

Gebruik de Media Manager van je website om alternatieve tekst toe te voegen aan galerijafbeeldingen.
Wix Editor
Studio Editor
  1. Ga naar je editor.
  2. Klik op de galerij op je pagina.
  3. Klik op Media beheren of Afbeeldingen wijzigen.
  4. Klik op een afbeelding om deze te selecteren.
  5. Voer rechts een titel in voor de afbeelding.
  6. (Voor de Wix Pro Gallery) Bewerk de alt-tekst voor je afbeelding onder Alt-tekst als je wilt afwijken van de titel van je afbeelding.
  7. Klik op Klaar.
Een Pro Gallery in de Media Manager. Het alt-tekstveld is gemarkeerd.
Tip:
Zorg ervoor dat je de website publiceert zodat de alt-tekst live is.
Let op:
Het is momenteel niet mogelijk om alt-tekst bulksgewijs aan afbeeldingen / galerijen toe te voegen. Als je deze functie graag wilt zien, kun je er hier voor stemmen.

Alt-tekst toevoegen in de Toegankelijkheidswizard

Tijdens het controleren van een website met de Toegankelijkheidswizard, wordt je mogelijk gevraagd om alt-tekst aan afbeeldingen toe te voegen. Je kunt de taak in de wizard gebruiken om een korte, duidelijke beschrijving te geven voor websitebezoekers. 
De wizard is beschikbaar in zowel de Wix Editor als de Studio Editor, zodat je de toegankelijkheid van elke website waaraan je werkt kunt verbeteren. 
Tip:
Je kunt op Toepassen klikken om je wijzigingen op te slaan terwijl je alt-tekst toevoegt.
Wix Editor
Studio Editor
  1. Ga naar je editor.
  2. Klik bovenaan op Instellingen en selecteer Toegankelijkheidswizard. 
  3. Klik rechts in het Toegankelijkheidswizard-paneel op Website scannen. 
  4. Selecteer het Gevonden problemen-tabblad.
  5. Klik op de pagina waaraan je wilt werken.
  6. Klik op Voeg alt-tekst aan afbeeldingen toe en selecteer de relevante optie:
    • (Als niet alle afbeeldingen alt-tekst hebben) Klik op Aan de slag.
    • (Als je eerder alt-tekst aan alle afbeeldingen hebt toegevoegd) Klik op Bewerken.
  7. Klik op het Bewerken-pictogram  naast de relevante afbeelding en voer de tekst in het veld in.
  8. Klik op Toepassen.
De alt-tekstkaart is geopend voor een afbeelding. De cursor klikt in het tekstveld, dat een beschrijving bevat.

Alt-tekst genereren met AI

Heb je veel afbeeldingen? Je kunt de AI-tool in de Toegankelijkheidswizard gebruiken om alt-tekst te genereren. Kies of je alt-tekst wilt genereren voor specifieke afbeeldingen of voor elke afbeelding op de pagina.
Belangrijk:
  • We kunnen niet garanderen dat door AI gegenereerde al-tekst altijd volledig nauwkeurig is. We raden daarom aan de gegenereerde tekst voor elke afbeelding te controleren en deze indien nodig te bewerken.
  • SVG- of GIF-afbeeldingen worden niet ondersteund door de AI alt-tekst-tool. Je moet de alt-tekst voor deze bestanden handmatig schrijven. 
Wix Editor
Studio Editor
  1. Ga naar je editor.
  2. Klik bovenaan op Instellingen en selecteer Toegankelijkheidswizard. 
  3. Klik rechts in het Toegankelijkheidswizard-paneel op Website scannen. 
  4. Selecteer het Gevonden problemen-tabblad.
  5. Klik op de pagina waaraan je wilt werken.
  6. Klik op Voeg alt-tekst aan afbeeldingen toe en selecteer de relevante optie:
    • (Als niet alle afbeeldingen alt-tekst hebben) Klik op Aan de slag.
    • (Als je eerder alt-tekst aan alle afbeeldingen hebt toegevoegd) Klik op Bewerken.
  7. Kies of je tekst wilt genereren voor een enkele afbeelding of in bulk:
    • Genereer alt-tekst voor een enkele afbeelding:
      1. Klik op het Bewerken-pictogram  naast de betreffende afbeelding.
      2. Klik op Genereren.
    • In bulk alt-tekst genereren voor alle pagina-afbeeldingen: Klik op Genereren. 
  8. Controleer de gegenereerde tekst / breng eventuele wijzigingen aan.
  9. Klik op Toepassen.
De cursor wijst de Genereer-knop voor alt-tekst aan.
Let op:
  • Bij bulkbewerkingen genereert de tool geen alt-tekst voor afbeeldingen die als decoratief zijn gemarkeerd of die al alt-tekst bevatten.
  • Soms zie je dat de AI-tool er niet in is geslaagd alt-tekst te genereren voor een afbeelding of afbeeldingen op een pagina. Je kunt indien nodig op Opnieuw proberen klikken.

Afbeeldingen markeren als decoratief

Decoratieve afbeeldingen zijn afbeeldingen die niet bijdragen aan de inhoud van je website, omdat ze er alleen voor esthetische of decoratieve doeleinden zijn.
Als een afbeelding op een website decoratief is en niet relevant is voor de context, is het niet nodig om alt-tekst toe te voegen. Je kunt een afbeelding als decoratief markeren in de Toegankelijkheidswizard om ervoor te zorgen dat zoekmachines en schermlezers deze automatisch overslaan.
Wix Editor
Studio Editor
  1. Ga naar je editor.
  2. Klik bovenaan op Instellingen en selecteer Toegankelijkheidswizard. 
  3. Klik rechts in het Toegankelijkheidswizard-paneel op Website scannen. 
  4. Selecteer het Gevonden problemen-tabblad.
  5. Klik op de pagina waaraan je wilt werken.
  6. Klik op Voeg alt-tekst aan afbeeldingen toe en selecteer de relevante optie:
    • (Als niet alle afbeeldingen alt-tekst hebben) Klik op Aan de slag.
    • (Als je eerder alt-tekst aan alle afbeeldingen hebt toegevoegd) Klik op Bewerken.
  7. Klik op het Bewerken-pictogram  naast de betreffende afbeelding.
  8. Schakel het selectievakje naast Deze afbeelding is decoratief, heeft geen alt-tekst nodig in.
  9. Klik op Toepassen.
Schermafbeelding met de decoratieve afbeelding-optie aangevinkt in de Toegankelijkheidswizard.
Goed om te weten:
Je moet alt-tekst toevoegen aan alle afbeeldingen die links bevatten, en ze niet als decoratief markeren.

Tekst op afbeeldingen

Dit verwijst naar afbeeldingen die afgebeelde of toegevoegde tekst bevatten. 
Tekst op afbeeldingen kan niet worden 'gelezen' door zoekmachines of schermlezers. Als de afbeelding echter nodig is en de tekst context heeft voor de website, kun je deze toevoegen aan de afbeeldingsbeschrijving.
Als de tekst geen context heeft of niet bijdraagt aan de inhoud van de website, hoef je deze niet toe te voegen aan de afbeeldingsbeschrijving.
Selecteer hieronder een optie om meer te lezen over afbeeldingstekst die je wel en niet aan de afbeeldingsbeschrijving moet toevoegen.

Afbeeldingen van tekst

Afbeeldingen van tekst bevatten alleen tekst en geen andere afgebeelde elementen. Enkele voorbeelden hiervan zijn afbeeldingen van lettertypen of logo's die alleen tekst bevatten.
Omdat het geen 'echte' tekstelementen zijn, kunnen afbeeldingen van tekst niet worden gelezen door zoekmachines of schermlezers. We raden je aan deze waar mogelijk te vermijden en te vervangen door echte tekstelementen om de SEO en toegankelijkheid van je website te verbeteren. 
Volgende stap:
Ga terug naar de Toegankelijkheidschecklist om verder te werken aan de toegankelijkheid van je website.

Vond je dit artikel nuttig?

|
In dit artikel
  • Alt-tekst toevoegen vanuit je editor
  • Aan afzonderlijke afbeeldingen
  • Aan galerijen
  • Alt-tekst toevoegen in de Toegankelijkheidswizard
  • Alt-tekst genereren met AI
  • Afbeeldingen markeren als decoratief
  • Tekst op afbeeldingen
  • Afbeeldingen van tekst

Vond je dit artikel nuttig?

|