39 miljoen mensen zijn blind. 285 miljoen mensen zijn visueel beperkt. 15% van de wereldbevolking, meer dan een half miljard mensen, heeft een beperking. Beperkingen komen in allerlei soorten en maten. Fysiek, waarnemend, visueel, gehoor. Hoe leest iemand die blind is zijn e-mail? Hoe ontcijferd iemand die niet kan horen de tientallen miljoenen video’s op YouTube? Hoe houdt een student met een audiovisuele handicap zijn klantgenoten bij, die allemaal het internet gebruiken voor het doen van research.
Velen maken gebruik van assisterende technieken om deze taken uit te voren. Screen readers zijn net hetzelfde als zoekmachines in de zin dat ze de content op een pagina niet kunnen lezen, maar enkel de code om te begrijpen welke soort content een pagina bevat.
In dit artikel, en twee follow-up stukken, onderzoeken we de overlap tussen optimaliseren voor zoekmachines en optimaliseren voor screen readers en andere assisterende technologieën. Eerst is het echter belangrijk om een beter begrip te krijgen van wat een screen reader nu precies is.
PROBEER HET EENS
Eens proberen hoe het werkt?
1. Open een Chrome browser
2. Installeer de screen reader ChromeVox en open het programma.
3. Lees voor het beste gebruik even de ChromeVox tutorial
4. Navigeer.
Je kunt optioneel ook de volgende gratis screen readers installeren op je device.
1. VoiceOver voor Max OSX, iOS met gebruiksaanwijzing en shortcuts
2. NVDA gratis screen readers voor apparaten die draaien op Windows. Met gebruiksaanwijzing
en shortcuts.
Pas enkele van deze screen readers toe op je eigen website. Hoe pijnlijk is het?
JE KUNT ER WAT AAN DOEN
Overweeg eens om eens verder te gaan dan dat je je alleen bewust bent van toegankelijkheid door gebruik te maken van een aantal van je technische optimalisatie van stukjes code om miljoenen gehandicapte medemensen te helpen om een betere ervaring op het web te verkrijgen.
Laat het echter duidelijk zijn: Web toegankelijkheid volledig onder de knie krijgen is niet gemakkelijk. Het is een complexe materie waarbij assisterende technologieën verder gaan dan simpelweg een stuk code optimaliseren voor screen readers.
Maar laten we op een simpelere manier beginnen. Sommige taken die je uit moeten voeren om je web toegankelijkheid te verhogen komen overeen met zaken waar we naar kijken om je SEO te verbeteren. De basis is om screen readers niet te laten flippen door een over-optimalisatie van keywords door bijvoorbeeld keyword stuffing (het overmatig gebruik van zoekwoorden) toe te passen. Je zult de voordelen ontdekken als je in staat bent om je website goed te optimaliseren voor screen readers, en dus in essentie voor mensen, als ook voor zoekmachines (bots).
In dit artikel kijken we naar de overlappingen op het gebied van website en paginastructuur. De andere twee artikelen in deze serie gaan over de overlappingen in formats en links, inclusief (misschien ietwat controversieel: verborgen tekst) en de overlappingen in het optimaliseren van video’s en afbeeldingen.
OVERLAPPINGEN SEO/TOEGANKELIJKHEID: STRUCTUUR
Het aanbrengen van een label op een pagina helpt zowel zoekmachines als assisterende technologieën (AT) om te begrijpen welke elementen zich bevinden op een pagina. Voor SEO zijn verschillende elementen als title tags en meta tags belangrijker dan anderen. Mensen die gebruik maken van een AT zijn afhankelijk van deze structuur elementen om door de website te kunnen navigeren zonder de website te kunnen zien of gebruik te kunnen maken van een muis.
We beginnen met een aantal SEO + toegankelijkheid overlappingen: structurele elementen waar je wellicht dagelijks mee bezig bent om te optimaliseren.
TITLE TAGS
Title tags zijn belangrijk voor zoekmachineoptimalisatie voor 1) het verstrekken van context waar de pagina over gaat wanneer Google op bezoek komt en 2) hoe de pagina wordt weergegeven in de zoekresultaten. Gedurende de jaren dat SEO technieken zijn gekomen en weer verdwenen zijn paginatitels altijd een van hoogst gewaardeerde on-page tactieken gebleven.
Title tag do’s en don’ts
Blijf de paginatitel SEO voorschriften volgen. Dit werkt hand-in-hand met het voorzien van titels voor toegankelijkheid.
Ga geen keywords stuffen. Indien keyword stuffen nog steeds je ding is, bedenk je dan eens hoe het is om te lezen “koop broodroosten, chrome broodrooster, Philips broodrooster, goedkoopste broodrooster”, in plaats van “Broodroosters in mijn winkel”. Houd het simpel en relevant. Spreid content over meerdere pagina’s als dat nodig is.
HEADING
In zoekmachine optimalisatie wordt er veel focus gelegd op de H1-tag, die aangeeft wat het hoofdonderwerp op de pagina is. Er is veel minder aandacht voor subtopics (H2-H6). SEO maakt soms gebruik van meerdere H1 tags in een poging om keyword-rijke H1 tekst in de zoekmachines te krijgen. Voor screen readers is dit echter verre van optimaal. Heading geeft AT de mogelijkheid om snel te pagina te scannen op hoofd- en subtopics. Wanneer er teveel H1-tags op een pagina staan, kan de AT geen onderscheid meer maken tussen het hoofdthema en subthema’s.
Heading do’s and don’ts
Gebruik heading. Het is belangrijk om met koppen te werken, zowel voor SEO als voor AT
Gebruik niet meer dan één H1 heading: HTML5 staat het gebruik van meerdere H1s toe, maar dit wordt niet ondersteunt door browsers en AT’s.
Gebruik H2-tags om verschillende secties te definiëren. Het is belangrijk om verschillende heading tags te gebruiken om verschillende onderwerpen of secties op de website te onderscheiden.
Gebruik geen heading die niets met de content te maken heft. Heading onderscheid content dus als er geen relevante content is, moet er ook geen (sub)kop aangemaakt worden. Je valt in SEO snel genoeg door de mand.
HTML5 ELEMENTEN
HTML 5 introduceert meer gedetaileerde tagging mogelijkheden van pagina-elementen zoals
ONSITE SITEMAPS
Deze is vrij eenvoudig. Wanneer zoekmachines en AT’s problemen hebben met het onderscheiden van een complexe, ingewikkelde, gecompliceerde navigatie of andere moeilijk te bereiken secties en pagina’s van je website, kan een eenvoudig ontworpen sitemap met links naar alle secties en pagina’s een snelle en gemakkelijke oplossing te bieden voor de indexatie en het begrijpen van de inhoud van een website.
Sitemap do’s and don’ts
Zorg voor een on-site sitemap, als het mogelijk is. Link naar alle secties van de website, houdt de volgorde hetzelfde als op de website en houdt de links up to date.
Ga geen keywords stuffen. We zijn allemaal betekent met sitemaps die in elke link de keywords van webpagina herhalen. Bijvoorbeeld tweedehands auto’s Limburg, tweedehands auto’s Noord-Brabant, tweehandsauto’s Amsterdam, etc. etc. Je maakt er een screen reader gek mee. Niet doen.
