Maak je website en e-mails toegankelijk voor iedereen met goede alt-teksten. Alt-teksten zijn korte beschrijvingen van afbeeldingen die ervoor zorgen dat mensen met een visuele beperking of screenreader ook begrijpen wat er op je foto's en afbeeldingen te zien is. Het is niet alleen goed voor toegankelijkheid, maar helpt ook met vindbaarheid in zoekmachines.
Waarom alt-teksten belangrijk zijn:
- ♿ Toegankelijkheid: Screenreaders lezen alt-teksten voor aan mensen met visuele beperkingen
- 🔍 SEO-voordeel: Zoekmachines gebruiken alt-teksten om afbeeldingen te begrijpen en te indexeren
- 📱 Trage verbindingen: Als afbeeldingen niet laden, zien gebruikers de alt-tekst
- ⚖️ Wettelijke vereiste: Toegankelijkheid wordt steeds vaker verplicht gesteld
- 🏆 Professionaliteit: Toont dat je organisatie inclusief en professioneel werkt
Voor verenigingen en goede doelen extra belangrijk omdat:
- Jullie willen alle leden en donateurs bereiken, ongeacht beperkingen
- Subsidieverstrekkers letten steeds meer op toegankelijkheid
- Het laat zien dat je organisatie maatschappelijk bewust is
Wat zijn alt-teksten en waar worden ze gebruikt?
Wat zijn alt-teksten
Alt-teksten (alternatieve teksten) zijn korte, beschrijvende teksten die gekoppeld worden aan afbeeldingen. Ze zijn onzichtbaar voor de meeste gebruikers, maar worden wel gebruikt door:
- Screenreaders voor mensen met visuele beperkingen
- Zoekmachines zoals Google voor betere vindbaarheid
- Browsers die afbeeldingen niet kunnen laden
- Voice assistants en andere hulptechnologien
Waar zie je alt-teksten in actie?
Op websites
- Verschijnen als tooltip wanneer je over een afbeelding hovert (soms)
- Worden voorgelezen door screenreaders
- Verschijnen als tekst als afbeeldingen niet laden
In zoekmachines
- Google gebruikt alt-teksten om afbeeldingen te indexeren
- Helpen je website beter gevonden te worden
- Verschijnen in Google Afbeeldingen-zoekresultaten
In e-mails
- Worden getoond als afbeeldingen geblokkeerd zijn
- Helpen ontvangers begrijpen wat ze missen
Kenmerken van goede alt-teksten
✅ Een goede alt-tekst is:
Beschrijvend maar beknopt
- Maximaal 125 tekens (screenreaders kappen vaak af)
- Beschrijft wat je ziet, niet wat je interpreteert
- Gaat direct ter zake
Contextrelevant
- Beschrijft wat belangrijk is voor de inhoud
- Slaat overbodige details over
- Focust op de functie van de afbeelding
Natuurlijk leesbaar
- Volledige zinnen of zinsdelen
- Geen opsommingen van kernwoorden
- Klinkt natuurlijk als het wordt voorgelezen
❌ Vermijd in alt-teksten:
- ❌ 'Foto van...', 'Afbeelding van...', "Plaatje van..."
- ✅ Begin direct met de beschrijving
- ❌ 'Prachtige zonsondergang die iedereen gelukkig maakt'
- ✅ 'Zonsondergang boven het meer met oranje en roze tinten'
- ❌ 'JPEG-afbeelding 1200x800 pixels van een hond'
- ✅ 'Gouden retriever speelt met een bal in het park'
- ❌ 'Vereniging feest evenement party viering donatie steun'
- ✅ 'Leden van voetbalvereniging vieren kampioenschap'
Alt-teksten voor verschillende afbeeldingstypen
Doel: Herkenning van organisatie
Voorbeeld:
- ❌ 'Logo'
- ✅ 'Zoo Lion Foundation'
- ✅ 'Logo van Vereniging voor Duurzaam Toerisme in Nederland en Vlaanderen'
Doel: Sfeer en activiteit overbrengen
Voorbeelden:
- ✅ 'Kinderen schilderen gezichten tijdens het zomerkamp'
- ✅ 'Bestuursleden overhandigen cheque aan ziekenhuis'
- ✅ 'Vrijwilligers delen soep uit aan daklozen'
Doel: Persoon identificeren en rol duidelijk maken
Voorbeelden:
- ✅ 'Jan Janssen, voorzitter van de vereniging'
- ✅ 'Dr. Marie Verstappen, projectleider Afrika'
- ✅ 'Bestuurslid Lisa de Vries tijdens presentatie'
Doel: Data en trends toegankelijk maken
Voorbeelden:
- ✅ 'Grafiek toont 30% stijging donaties in 2024'
- ✅ 'Infographic: 5 stappen voor vrijwilligerswerk'
- ✅ 'Diagram organisatiestructuur met 4 commissies'
Complexe infographics toegankelijk maken
Probleem: Een infographic met veel informatie past niet in een 125-tekens alt-tekst.
Oplossing: Gebruik een korte alt-tekst + uitgebreide tekstversie:
- Alt-tekst:
'Infographic: 5 stappen om vrijwilliger te worden' - Onder de afbeelding:
Voeg een tekstversie toe met alle inhoud:- Stap 1: Bezoek onze website en bekijk beschikbare projecten
- Stap 2: Vul het aanmeldformulier in met je voorkeuren
- Stap 3: Neem deel aan een kennismakingsgesprek
- Stap 4: Volg een introductiecursus voor nieuwe vrijwilligers
- Stap 5: Start met je eerste vrijwilligersproject*
Voor grafieken: Beschrijf de belangrijkste data in tekst, bijvoorbeeld in een tabel of opsomming onder de grafiek.
Doel: Visuele ondersteuning zonder informatiewaarde
Voorbeelden:
- ✅ Lege alt-tekst (laat Beschrijving/Alt-tekst veld leeg in Library)
- ✅ 'Kleurrijke achtergrond met geometrische vormen' (alleen als het echt informatie toevoegt)
- ✅ 'Decoratieve scheiding tussen artikelen' (alleen als context belangrijk is)
In Procurios betekent een leeg Beschrijving/Alt-tekst veld dat de afbeelding decoratief is. Dit is vaak de juiste keuze!
Doel: Gebruikers helpen navigeren
Voorbeelden:
- ✅ 'Screenshot: inlogscherm met gebruikersnaam en wachtwoord velden'
- ✅ 'Knop "Aanmelden evenement" gemarkeerd in rood'
- ✅ 'Menu-item "Mijn gegevens" in navigatiebalk'
Alt-teksten instellen in Library
Procurios heeft recent de functionaliteit van Library-velden verduidelijkt voor betere toegankelijkheid:
Belangrijk: Titel vs. Beschrijving/Alt-tekst
Titel-veld:
- Dit is de naam van het bestand voor interne herkenning
- Wordt gebruikt in downloadlijsten en overzichten
- Niet geschikt als alt-tekst (bevat vaak bestandsnamen zoals "IMG_2024_vereniging.jpg")
- Gebruik voor: "Jaarverslag 2024", "Logo vereniging", "Teamfoto seizoen 2024-2025"
Beschrijving/Alt-tekst-veld:
- Dit wordt automatisch gebruikt als alt-tekst op je website
- Speciaal bedoeld voor toegankelijkheid en SEO
- Wordt voorgelezen door screenreaders
- Mag leeg blijven voor decoratieve afbeeldingen
Stap 1: Selecteer afbeelding en open bewerkingsmodus
- Open Library in je Procurios omgeving
- Navigeer naar de afbeelding waarvoor je een alt-tekst wilt instellen
- Klik op de afbeelding om deze te selecteren
- Rechtsklik op de geselecteerde afbeelding
- Selecteer 'Bewerken' uit het contextmenu
Stap 2: Vul de juiste velden
-
Titel: Vul een herkenbare naam in voor intern gebruik
- Voorbeeld: 'Groepsfoto jaarcongres 2025'
-
Beschrijving/Alt-tekst: Vul de toegankelijke beschrijving in
- Voorbeeld: 'Het vrijwilligersteam van de Vereniging voor Duurzaam Toerisme poseert voor het podium tijdens het jaarcongres 2025'
Klik 'Opslaan' om je wijzigingen te bewaren. De alt-tekst wordt nu automatisch gebruikt wanneer de afbeelding op je website verschijnt.
Heb je een meertalige website? Vul dan de Titel en Beschrijving meertalig in door de vlag van het bijbehorende land te selecteren.