WordPress: Installatie en toegankelijkheid voor blinden en slechtzienden
WordPress is een wijdverspreid platform voor het maken van websites en blogs. Gelukkig biedt dit platform een scala aan mogelijkheden voor mensen met een visuele beperking. In deze tekst vind je meer informatie over het installeren en aanpassen van WordPress om zodat dit toegankelijker gemaakt kan worden voor blinden en slechtzienden.
Inhoudsopgave
Installatie van WordPress
Stap 1: Webhosting en domeinnaam
- Kies een webhost: Begin met het kiezen van een webhostingprovider. Populaire opties zijn Bluehost, SiteGround, HostGator, en vele anderen. Zorg ervoor dat de host betrouwbaar is en goede ondersteuning biedt.
- Domeinnaam registreren: Als je nog geen domeinnaam hebt, kun je er een registreren bij je hostingprovider of bij een aparte domeinnaamregistrar. Kies een domeinnaam die relevant is voor je website en gemakkelijk te onthouden is.
Stap 2: WordPress installeren
- Eénklik-installatie (aanbevolen):
- Veel hostingproviders bieden eenvoudige éénklik-installatie-opties voor WordPress via een controlepaneel zoals cPanel of Plesk. Log in op je hostingaccount en zoek naar de WordPress-installatieoptie.
- Kies de domeinnaam waarop je WordPress wilt installeren en volg de instructies op het scherm om de installatie te voltooien. Je moet een gebruikersnaam en wachtwoord instellen voor het beheerdersaccount van WordPress.
- Handmatige installatie:
- Als je liever handmatig installeert, download dan de nieuwste versie van WordPress van de officiële website (https://nl.wordpress.org/).
- Upload de WordPress-bestanden naar je webserver via FTP. Dit vereist een FTP-client zoals FileZilla.
- Maak een MySQL-database aan via het controlepaneel van je hostingprovider en noteer de databasegegevens (database-naam, gebruikersnaam, wachtwoord).
- Ga naar de URL waarop je WordPress wilt installeren (bijvoorbeeld http://jouwdomeinnaam.nl) en volg de installatiewizard.
- Voer de databasegegevens in wanneer hierom wordt gevraagd, stel je gebruikersnaam en wachtwoord in en voltooi de installatie.
Stap 3: Aanvullende configuratie
- Inloggen op je WordPress-dashboard: Nadat de installatie is voltooid, kun je inloggen op je WordPress-dashboard via de URL http://jouwdomeinnaam.nl/wp-admin/ met de beheerdersgegevens die je hebt ingesteld.
- Thema selecteren: Kies een WordPress-thema dat past bij het doel van je website. Je kunt gratis thema’s vinden in de WordPress-themabibliotheek of premium thema’s kopen bij leveranciers zoals ThemeForest.
- Plugins toevoegen: Voeg plugins toe om de functionaliteit van je website uit te breiden. Er zijn duizenden beschikbaar, variërend van SEO-tools tot contactformulieren en socialemediakoppelingen.
- Aanpassen van instellingen: Ga naar “Instellingen” in het dashboard om basisconfiguraties uit te voeren, zoals de site-titel, ondertitel, en permalinks (URL-structuur).
- Beveiliging verbeteren: Vergeet niet om beveiligingsmaatregelen te nemen, zoals het installeren van beveiligingsplugins en regelmatige back-ups maken van je website.
- Inhoud toevoegen: Begin met het toevoegen van pagina’s, berichten, afbeeldingen en andere inhoud aan je website.
Toegankelijke thema’s
Bij het kiezen van een WordPress-thema voor een toegankelijke website zijn er enkele belangrijke overwegingen:
Astra
- Kenmerken: Astra is een zeer aanpasbaar en snel ladend thema dat uitstekend werkt voor toegankelijkheid. Het heeft een ingebouwde toegankelijkheidsmodus om ervoor te zorgen dat je site voldoet aan de WCAG-richtlijnen. Het is compatibel met populaire page builders zoals Elementor en Beaver Builder.
- Website: Astra Theme
Neve
- Kenmerken: Neve is een lichtgewicht en snel thema met een focus op toegankelijkheid. Het biedt volledige integratie met populaire page builders en heeft een ingebouwde AMP (Accelerated Mobile Pages) ondersteuning voor snelle laadtijden op mobiele apparaten.
- Website: Neve Theme
GeneratePress
- Kenmerken: GeneratePress is een flexibel en toegankelijk thema met een schone codebasis. Het is licht van gewicht en heeft uitstekende prestaties. Het is ontworpen om goed te werken met populaire SEO-plugins en paginabuilders.
- Website: GeneratePress Theme
Bootstrap
- Kenmerken: Bootstrap is één van de meest populaire front-end frameworks voor webontwikkeling. Hoewel het geen specifiek WordPress-thema is, kun je WordPress-thema’s vinden die zijn gebouwd op het Bootstrap-framework. Het framework zelf streeft naar toegankelijkheid en biedt een solide basis voor het maken van toegankelijke thema’s.
- Website: Bootstrap
Blogus
- Kenmerken: Blogus is een eenvoudig en schoon blogthema dat ook toegankelijkheid in gedachten houdt. Het thema heeft een duidelijke typografie en kleurencontrasten voor een gemakkelijke leesbaarheid. Het is een geweldige keuze voor bloggers die een toegankelijke online aanwezigheid willen creëren.
- Website: Blogus Theme
Bij het selecteren van een thema is het essentieel om te controleren of dit voldoet aan de nieuwste toegankelijkheidsnormen, zoals de Web Content Accessibility Guidelines (WCAG). Test ook of het thema goed werkt met populaire schermuitleesprogramma’s zoals VoiceOver (iOS) en NVDA (Windows). Thema’s zoals Astra, Neve en GeneratePress hebben bewezen toegankelijk te zijn en worden vaak aanbevolen voor websites die toegankelijkheid hoog in het vaandel dragen. Kies het thema dat het beste past bij de behoeften van je website en doelgroep, en vergeet niet om regelmatig te controleren op updates en verbeteringen op het gebied van toegankelijkheid.
Voor mensen met een visuele beperking zijn schermuitleesprogramma’s essentieel om digitale inhoud te kunnen lezen en begrijpen. Hier zijn enkele belangrijke punten met betrekking tot schermuitleesprogramma’s:
VoiceOver (iOS)
- VoiceOver is het ingebouwde schermleesprogramma voor iOS-apparaten, zoals iPhones en iPads. Het biedt gesproken feedback en brailleondersteuning voor gebruikers met een visuele beperking.
- Configuratie: Activeer VoiceOver via de instellingen van je iOS-apparaat (Toegankelijkheid > VoiceOver). Hier kun je ook de VoiceOver-instellingen aanpassen, zoals spraaksnelheid en braille-instellingen.
- Gebruik: Tik dubbel op het scherm om items te selecteren en te activeren. Veeg met drie vingers om door inhoud te bladeren.
NVDA (Windows)
- NVDA (NonVisual Desktop Access) is een gratis en open-source schermlezer voor Windows. Het biedt spraakuitvoer en brailleondersteuning en werkt met veel Windows-toepassingen, waaronder webbrowsers.
- Configuratie: Download en installeer NVDA vanaf de officiële website. Na installatie kun je de instellingen aanpassen, zoals de spraaksnelheid en braille-instellingen.
- Gebruik: Gebruik specifieke toetscombinaties, zoals Ctrl + Alt + N om NVDA in- of uit te schakelen. Leer de NVDA-toetsenbordcommando’s om efficiënt door websites te navigeren.
Toetsenbordnavigatie is een essentieel onderdeel van webtoegankelijkheid omdat veel gebruikers met een visuele beperking geen muis kunnen gebruiken. Hier zijn enkele tips voor toetsenbordnavigatie:
Gebruik de Tab-toets om door interactieve elementen op een webpagina te navigeren, zoals links, knoppen en formulierelementen. Druk op Shift + Tab om terug te gaan.
Elementen activeren
Gebruik de Enter-toets om links en knoppen te activeren. Voor selectievakjes en keuzerondjes kun je de spatiebalk gebruiken om te selecteren of deselecteren.
Sneltoetsen
Veel websites en contentmanagementsystemen bieden toetsenbordsneltoetsen voor navigatie. Deze kunnen variëren, maar zijn vaak bereikbaar via een specifieke toetscombinatie, zoals ‘H’ voor koppen, ‘B’ voor knoppen, en ‘L’ voor links.
Toetsenbordfocus indicator
Zorg ervoor dat je website een duidelijke visuele indicator heeft (meestal een omlijnde rand) die aangeeft welk element momenteel de toetsenbordfocus heeft. Dit helpt gebruikers bij het begrijpen waar ze zich op de pagina bevinden.
Skip links
Overweeg om “skip links” toe te voegen die gebruikers direct naar belangrijke inhoudsgebieden op de pagina leiden, zoals de hoofdinhoud, zonder door alle navigatie-elementen te hoeven tabben.
Toegankelijkheidsopties inschakelen
Het inschakelen van toegankelijkheidsopties in WordPress is een belangrijke stap om ervoor te zorgen dat je website voor iedereen toegankelijk is. Hier zijn de stappen om dit te doen:
Toegang tot WordPress-dashboard
Log in op je WordPress-dashboard met je beheerdersaccount.
Ga naar “Instellingen”
In het linkermenu van het dashboard vind je de “Instellingen” optie. Klik hierop om de instellingenpagina te openen.
Ga naar “Algemeen”
Onder “Instellingen” zie je verschillende opties, waaronder “Algemeen.” Klik op “Algemeen” om de algemene site-instellingen te openen.
Pas de site-titel en ondertitel aan
- Je bevindt je nu op de “Algemene instellingen” pagina. Hier kun je de site-titel en ondertitel wijzigen. Deze twee velden zijn belangrijk voor toegankelijkheid, omdat ze schermuitleesprogramma’s de juiste informatie geven over je website.
- De site-titel moet de naam van je website weerspiegelen en kort en informatief zijn.
- De ondertitel kan een korte beschrijving van je website zijn, die ook nuttig is voor schermuitleesprogramma’s.
Bewaar de wijzigingen
Scroll naar beneden op de pagina en klik op de knop “Wijzigingen opslaan” om je nieuwe site-titel en ondertitel op te slaan.
Controleer je website
Ga naar de front-end van je website en bekijk de wijzigingen. Zorg ervoor dat de sitetitel en ondertitel correct worden weergegeven en dat ze de inhoud van je site duidelijk weerspiegelen.
Alt-tekst voor afbeeldingen
Alt-tekst (of alternatieve tekst) is een beschrijvende tekst die aan een afbeelding wordt toegevoegd. Deze tekst dient als een alternatief voor de afbeelding wanneer deze niet kan worden weergegeven of wanneer een schermlezer wordt gebruikt. Het is een cruciaal onderdeel van webtoegankelijkheid, omdat mensen met een visuele beperking hierdoor de inhoud en het doel van de afbeelding kunnen begrijpen.
Waarom is Alt-tekst belangrijk?
- Toegankelijkheid: Schermlezergebruikers vertrouwen op alt-tekst om de context van afbeeldingen te begrijpen. Zonder een beschrijvende alt-tekst zouden ze de betekenis van de afbeelding missen.
- SEO (Zoekmachineoptimalisatie): Zoekmachines gebruiken alt-tekst om te begrijpen waar afbeeldingen over gaan. Het toevoegen van relevante alt-tekst kan de zichtbaarheid van je website in zoekresultaten verbeteren.
Alt-tekst toevoegen in WordPress
- Afbeelding uploaden: Wanneer je een afbeelding uploadt naar een bericht of pagina, zie je een veld met de naam “Alternatieve tekst” of “Alt-tekst” in de mediabibliotheek van WordPress.
- Beschrijvende tekst toevoegen: Voer een beschrijvende tekst in het alt-tekstveld in die de afbeelding nauwkeurig beschrijft. Houd de tekst beknopt maar informatief.
- Alt-tekst voor bestaande afbeeldingen: Als je al afbeeldingen op je website hebt geplaatst zonder alt-tekst, kun je deze bewerken. Ga naar de mediabibliotheek, selecteer de afbeelding en klik op “Bewerken.” Voer daar de alt-tekst in en sla de wijzigingen op.
Tips voor Alt-tekst:
- Beschrijvend, niet decoratief: Alt-tekst moet beschrijvend zijn en de inhoud en functie van de afbeelding uitleggen. Voor decoratieve afbeeldingen, zoals scheidingslijnen, kun je een lege alt-tekst (“” of “spatie”) gebruiken om schermlezers te vertellen dat de afbeelding puur decoratief is.
- Specifieke Beschrijving: Wees zo specifiek mogelijk in je beschrijving. Bijvoorbeeld, in plaats van “Man met hond” zou “Man die een Golden Retriever uitlaat in het park” beter zijn.
- Beknopt: Houd de alt-tekst beknopt en relevant. Vermijd het toevoegen van onnodige details.
- Niet herhalen van omliggende tekst: Als de omliggende tekst de afbeelding al beschrijft, hoef je de alt-tekst niet te herhalen. Gebruik de alt-tekst om aanvullende context te bieden.
Gebruik van plugins
WordPress-plugins kunnen een waardevol hulpmiddel zijn om de toegankelijkheid van je website te verbeteren, waardoor deze voor een breder publiek toegankelijk wordt. Hier zijn enkele nuttige plugins die je kunt overwegen:
WP Accessibility
Deze krachtige plugin is specifiek ontworpen om de toegankelijkheid van je WordPress-site te verbeteren. Enkele van de functies zijn:
- Correctie van kopteksthiërarchie: Hiermee kun je ervoor zorgen dat je kopteksten op de juiste manier zijn genummerd en gestructureerd voor schermlezers.
- Skip-navigatieknoppen: Gebruikers kunnen snel naar de hoofdinhoud van je site springen zonder door herhaalde menu’s te hoeven navigeren.
- Markeringsfunctie voor afbeeldingen zonder alt-tekst: Zo kun je eenvoudig afbeeldingen herkennen die een beschrijvende alt-tekst nodig hebben om ze toegankelijk te maken voor schermlezers.
Accessibility Widget
Deze handige widget geeft je gebruikers de mogelijkheid om de weergave-instellingen van je site aan te passen. Ze kunnen de lettergrootte vergroten, het contrast verhogen en andere visuele aanpassingen maken om de leesbaarheid te verbeteren.
WP ADA Compliance Check Basic
Als je begint met het verbeteren van de toegankelijkheid van je site, is deze plugin een goed beginpunt. Het voert basiscontroles uit op de toegankelijkheid en geeft suggesties om mogelijke problemen op te lossen.
Accessibility by UserWay
UserWay is een uitgebreide tool voor toegankelijkheid die verschillende aanpassingen biedt, waaronder tekst-naar-spraak, dyslexie-vriendelijke lettertypen en contrastaanpassingen. Hiermee kunnen gebruikers de website-ervaring aanpassen aan hun behoeften.
Easy Table of Contents
Deze plugin is handig voor lange inhoud. Het voegt een inhoudsopgave toe bovenaan je pagina, waardoor het gemakkelijker wordt om door de inhoud te navigeren, vooral voor schermlezergebruikers.
Regelmatige testen en gebruiksvriendelijkheid
- Test regelmatig de toegankelijkheid van je website met tools zoals de WAVE Accessibility Checker (wave.webaim.org). Dit helpt je om eventuele toegankelijkheidsproblemen te herkennen en op te lossen. Corrigeer eventuele problemen die je tegenkomt tijdens toegankelijkheidstests.
- Maak je website gebruiksvriendelijk door duidelijke, beknopte teksten te schrijven en logische navigatiestructuren te gebruiken. Geef gebruikers van je site de mogelijkheid om de tekstgrootte aan te passen, kleurcontrasten te wijzigen en lettertypen te kiezen die voor hen gemakkelijk leesbaar zijn.
Je WordPress-website toegankelijk maken is een belangrijke stap om ervoor te zorgen dat alle gebruikers, inclusief blinden en slechtzienden, gemakkelijk toegang hebben tot je inhoud. Door deze stappen te volgen, kun je een inclusieve online ervaring creëren voor al je bezoekers.
- Toegankelijke printers voor blinden en slechtzienden10-04-2024 06:04:46
- App Spraaklabel: Objecten herkennen door er labels aan toe te voegen04-04-2024 06:04:05
- App Captions: Vertaalde ondertiteling voor video’s03-04-2024 03:04:33
- App Speech Central: Digitale teksten voorlezen31-03-2024 02:03:18
- Blogs, vlogs en podcasts voor en/of door mensen met een visuele beperking16-02-2024 04:02:44
- Wat betekent AI (artificiële intelligentie) voor blinden en slechtzienden?03-02-2024 01:02:21
- Fusion: Schermuitleesprogramma voor blinden en slechtzienden13-01-2024 03:01:52
- Blind of slechtziend: Wat kan je doen als je een ontoegankelijke website bezoekt?12-01-2024 07:01:35
- Blind of slechtziend: Apps om een taal te leren10-12-2023 06:12:49
- App “Sprekende klok”: Tijd automatisch uitspreken10-12-2023 06:12:25
- Tablets geschikt voor slechtzienden01-12-2023 12:12:43
- Hoe maak je als blinde of slechtziende een foto met je smartphone?25-11-2023 01:11:05
- Toegankelijke formulieren maken voor blinden en slechtzienden20-11-2023 07:11:42
- App Moovit: Reisplanner, ook voor blinden en slechtzienden15-11-2023 07:11:18
- App Apple Kaarten: Navigatie, ook voor blinden en slechtzienden14-11-2023 04:11:27
- App Google Maps: Navigatie, ook voor blinden en slechtzienden13-11-2023 01:11:21
- App Komoot: Route plannen, ook handig voor blinden en slechtzienden06-11-2023 07:11:48
- Voor- en nadelen van mobiliteits-, oriëntatie- en navigatie-apps voor blinden en slechtzienden19-10-2023 05:10:47
- App Ariadne: Navigatiehulp voor blinden en slechtzienden13-10-2023 06:10:28
- Vergrotingssoftware voor slechtzienden09-10-2023 04:10:24
- Be My AI: Uitgebreide beschrijvingen dankzij kunstmatige intelligentie08-10-2023 07:10:29
- App Lazarillo: Navigatie en oriëntatie voor blinden en slechtzienden26-09-2023 06:09:35
- App Brighter and Bigger: Scherm en tekst aanpassen voor slechtzienden25-09-2023 07:09:55
- App TextGrabber: Tekst herkennen en vertalen voor blinden en slechtzienden25-09-2023 06:09:59
- App LookTel Money Reader: Geld herkennen voor blinden en slechtzienden25-09-2023 06:09:43
- App Earcatch: Audiodescriptie bij tv-programma’s en films voor blinden en slechtzienden25-09-2023 06:09:27
- App Prizmo Go: Tekst herkennen en vertalen voor blinden en slechtzienden25-09-2023 06:09:25
- App Voice Dream Scanner: Tekst herkennen voor blinden en slechtzienden25-09-2023 06:09:56
- App Voice Dream Reader: Tekst-naar-spraak voor blinden en slechtzienden25-09-2023 05:09:06
- App OneStep Reader (voorheen KNFB Reader): Tekstherkenning voor blinden en slechtzienden25-09-2023 05:09:36
- App Cash Reader: Geld herkennen voor blinden en slechtzienden25-09-2023 05:09:58
- App BlindTool: Objecten herkennen voor blinden en slechtzienden25-09-2023 05:09:24
- App TapTapSee: Objecten herkennen voor blinden en slechtzienden25-09-2023 05:09:19
- App Seeing AI: (Handgeschreven) tekst, objecten, gezichten, licht, kleuren en documenten herkennen voor blinden en slechtzienden25-09-2023 04:09:09
- ZoomText: Schermuitleesprogramma (screenreader) voor slechtzienden25-09-2023 12:09:47
- Supernova: Schermuitleesprogramma voor blinden en slechtzienden25-09-2023 12:09:15
- NVDA: Schermuitleesprogramma voor blinden en slechtzienden25-09-2023 11:09:16
- CAPTCHA’s en de impact op blinden en slechtzienden25-09-2023 07:09:35
- Firefox: Toegankelijkheidsopties en sneltoetsen voor blinden en slechtzienden25-09-2023 07:09:29
- JAWS: Schermuitleesprogramma voor blinden en slechtzienden25-09-2023 06:09:11
- X (Twitter): Toegankelijkheidsopties en sneltoetsen voor blinden en slechtzienden25-09-2023 06:09:43
- OCR (Optische tekenherkenning: Tekst omzetten in elektronisch formaat20-09-2023 02:09:38
- Barcodelezerapps voor blinden en slechtzienden19-09-2023 12:09:16
- App Blindsquare: Omgeving verkennen voor blinden en slechtzienden19-09-2023 11:09:39
- App Google Lens: Tekst, objecten, obstakels, gezichten en geld herkennen voor blinden en slechtzienden19-09-2023 07:09:45
- App Envision AI: Tekst, objecten, gezichten, obstakels en geld herkennen voor blinden en slechtzienden19-09-2023 06:09:22
- WordPress: Installatie en toegankelijkheid voor blinden en slechtzienden18-09-2023 01:09:02
- TalkBack: Toegankelijkheidsopties en sneltoetsen voor blinden en slechtzienden17-09-2023 05:09:10
- Youtube: Toegankelijkheidsopties en sneltoetsen17-09-2023 02:09:09
- App Lookout voor blinden en slechtzienden: Objecten, tekst en mensen herkennen16-09-2023 06:09:05
- Facebook: Aanmelden, toegankelijkheidsopties en sneltoetsen voor blinden en slechtzienden16-09-2023 06:09:50
- Netflix: Toegankelijkheidsopties voor blinden en slechtzienden14-09-2023 07:09:53
- Beeldbellen: Voorbeelden en toepassingen voor blinden en slechtzienden14-09-2023 04:09:08
- Inspirerende blinde en slechtziende influencers14-09-2023 01:09:19
- Google Chrome: Toegankelijkheidsopties en sneltoetsen voor blinden en slechtzienden13-09-2023 04:09:58
- Microsoft Edge: Toegankelijkheidsopties en sneltoetsen voor blinden en slechtzienden13-09-2023 04:09:22
- Spotify bedienen als je blind of slechtziend bent13-09-2023 04:09:13
- Handleiding van Windows Verteller (Narrator), ingebouwde screenreader13-09-2023 03:09:50
- Facetime: Toegankelijkheidsopties, sneltoetsen en werking12-09-2023 04:09:25
- Zoom: Toegankelijkheidsopties en sneltoetsen12-09-2023 03:09:58
- Microsoft Teams: Toegankelijkheidsopties en sneltoetsen12-09-2023 03:09:46
- Blind leren typen als je blind of slechtziend bent08-09-2023 03:09:17
- Hoe kan je een website laten voorlezen voor blinden en slechtzienden?07-09-2023 10:09:55
- WhatsApp: Toegankelijkheidsopties voor blinden en slechtzienden03-09-2023 12:09:53
- Tips om je website toegankelijk te maken voor blinden en slechtzienden28-08-2023 12:08:22
- Windows 11: Toegankelijkheidsopties voor blinden en slechtzienden28-08-2023 05:08:10
- App “Be My Eyes”: Hulp vragen aan ziende personen18-08-2023 04:08:26
- VoiceOver, schermuitleesprogramma (screenreader) voor blinden en slechtzienden16-08-2023 05:08:49
- Toegankelijkheidsopties van diverse webbrowsers15-08-2023 07:08:00
- Screenreader (schermuitleesprogramma) voor blinden en slechtzienden15-08-2023 07:08:48
- Objectherkenningsapps voor blinden en slechtzienden12-08-2023 12:08:52
- Tekstherkenningsapps voor blinden en slechtzienden12-08-2023 11:08:45
- Tekst vergroten op je smartphone of tablet10-08-2023 04:08:36
- Mobiliteits- en navigatieapps voor blinden en slechtzienden09-08-2023 04:08:04
- App OKO: Hulp bij navigatie en mobiliteit voor blinden en slechtzienden09-08-2023 03:08:42
- Toegankelijkheidsopties van diverse social media07-08-2023 05:08:57
- Nieuwsbrieven bij organisaties rond blinden en slechtzienden05-08-2023 05:08:00
- App Zuzanka: Vervaldatumscanner voor blinden en slechtzienden03-01-2023 12:01:27
- WhatsApp-groepen voor blinden en slechtzienden25-01-2022 06:01:07
- App Fun Sounds en Sound Effects: Geluiden afspelen met duidelijke weergave voor slechtzienden08-04-2021 10:04:52
- Mailgroepen rond blinden en slechtzienden06-11-2014 05:11:58
- Facebook rond visuele handicap16-08-2014 07:08:25
Laatst bijgewerkt op 20 november 2023 – 13:27