Hoewel er een aantal factoren zijn waarmee rekening moet worden gehouden bij het ontwikkelen van toegankelijke inhoud, is het belangrijk om te onthouden dat er vier hoofdcategorieën van handicaps zijn die moeten worden aangepakt. Deze omvatten visueel, auditief, motoren cognitief Bijzondere waardeverminderingen. Omdat elk van deze handicaps zo divers is, vereisen webpagina's een inclusief ontwerp voor alle gebruikers om toegang te krijgen tot inhoud en leermiddelen.
Personen met een visuele beperking kunnen problemen ondervinden bij het gebruik van een site als de volgende ontwerpfouten aanwezig zijn:
- Video's zonder op audio gebaseerde alternatieven.
- Afbeeldingen met een slecht contrast tussen voorgrond en achtergrond.
- Onjuiste tabvolgorde, wat resulteert in onvoorspelbare, gecompliceerde en frustrerende paginanavigatie.
Mogelijke barrières voor personen met auditieve beperkingen op het gebied van webdesign kunnen zijn:
- Audio-inhoud zonder de juiste ondertiteling of transcripties.
- Video's die geen volumeregeling bieden.
- Geen optie om de lettergrootte of kleur van de ondertiteling te vergroten.
Personen met motorische beperkingen kunnen problemen ondervinden als de site niet alleen via het toetsenbord kan worden genavigeerd.
Mensen met cognitieve stoornissen hebben mogelijk meer unieke alternatieven nodig.
Er zijn 4 hoofdprincipes, zoals uiteengezet in de Richtlijnen voor toegankelijkheid van webinhoud, om ervoor te zorgen dat beste praktijken worden gevolgd bij het ontwikkelen van inhoud voor het web. Alle inhoud moet zijn waarneembaar, bruikbaar, begrijpelijken robuust.
Dit betekent dat alle webcontent moet worden gepresenteerd op een manier die alle gebruikers gemakkelijk kunnen waarnemen, hetzij rechtstreeks via de webbrowser, hetzij via een hulpmiddel, zoals een schermlezer. Lerenden moeten ook in staat zijn om opereren elk interactief op een pagina met een toetsenbord of een hulpmiddel als vervanging. Leerlingen moeten niet alleen door de inhoud kunnen navigeren, ze moeten ook in staat zijn om begrijpen wat ze voorgeschoteld krijgen. Dit betekent dat zelfs als de inhoud gemakkelijk te begrijpen is, de interface ook logisch moet zijn. Voldoende spatiëring in de tekst en duidelijke gebruikersinstructies waar van toepassing zullen de gebruikerservaring verbeteren. En tot slot, voor de volledige gebruikerservaring voor iedereen, moeten pagina's zijn robuust genoeg dat een breed scala aan technologieën op betrouwbare wijze toegang heeft tot de inhoud en deze kan interpreteren.
Dus hoe kunnen we ervoor zorgen dat deze principes worden ingevoerd en dat aan elk van de unieke behoeften van leerlingen wordt voldaan?
Houd er bij het ontwikkelen rekening mee dat de belangrijkste toegankelijkheidsvereisten zijn:
- Alternatieve tekst – Alt-tekst biedt een op tekst gebaseerd alternatief voor niet-tekstuele inhoud, inclusief (maar niet beperkt tot) afbeeldingen, bedieningselementen en invoer.
- Bijschriften - Video's en audio moeten gesynchroniseerde, gelijkwaardige bijschriften hebben.
- Kleur – Gebruik kleur en visuele weergave verstandig. Zorg voor voldoende kleurcontrast en vertrouw niet alleen op kleur om belangrijke informatie over te brengen.
- Inhoud overslaan - De mogelijkheid om inhoud over te slaan met een link voor overslaan is handig, vooral wanneer er meerdere repetitieve elementen op een pagina staan. Een link "Overslaan naar hoofdinhoud" is een typisch voorbeeld.
- Logische kophiërarchie - Kopteksten, lijsten en andere structurele elementen vormen de lay-out van elke inhoudspagina en helpen bij het navigeren door pagina's. Het is belangrijk dat deze logisch zijn gerangschikt en gestructureerd op een manier die kan worden gelezen door een hulpmiddel.
- Toegang via toetsenbord - Bied toetsenbordalternatieven voor muisklikken. Inhoud moet kunnen worden bediend met een toetsenbord, emulators of andere alternatieve invoerapparaten in het geval dat een gebruiker beperkt zicht of slechte oog-handcoördinatie heeft.
- Focus op toetsenbord Indicator – Interactieve elementen moeten een visuele indicator hebben wanneer ze scherp zijn. Daarnaast moeten alle links duidelijk herkenbaar zijn als link. Dit zorgt ervoor dat de gebruiker weet welk pagina-element met het toetsenbord kan worden gemanipuleerd of op dat moment actief is.
Hoewel pagina's kunnen worden ontwikkeld met elk van die tips in overweging, is de volgende stap om die pagina's op de proef te stellen. Voordat u inhoud publiceert, moet u de tijd nemen om ervoor te zorgen dat alles werkt zoals bedoeld.
Hier zijn een paar voorbeelden van technologieën en andere bronnen waarmee u uw inhoud grondig kunt testen:
- MUIL – JAWS (Job Access With Speech) is de meest gebruikte schermlezer en is ontworpen voor Microsoft Windows.
- NVDA (NVDA) – NVDA (Nonvisual Desktop Access) is een andere schermlezer, een gratis alternatief voor JAWS.
- Voice-over - VoiceOver is een schermlezer die is ontworpen voor iOS-systemen, waaronder macOS, tvOS, watchOS en de iPod-besturingssystemen. Het is uniek omdat het tijdens het gebruik handige tips biedt en auditieve beschrijvingen geeft van elk element op het scherm.
- Schermvergroters – Er zijn een aantal schermvergrotende producten om uit te kiezen. Bijvoorbeeld ZoomTekst is een tekstvergrotings- en leesprogramma dat is ontworpen voor gebruikers met een visuele beperking. Naast het vergroten van tekst, is ZoomText ook in staat om elke vorm van inhoud op het scherm te vergroten en te verbeteren. Het leest tekens hardop voor terwijl een gebruiker typt en leest automatisch pagina's, documenten en e-mails.
- Testen van echte gebruikers / Evaluatie door collega's - Laat iemand anders uw inhoud beoordelen. Geen enkele hoeveelheid technologie kan de onmisbare waarde van live testen op mensen vervangen. Iedereen die regelmatig hulpmiddelen gebruikt, zou hier een uitstekende aanwinst zijn!
Het is gemakkelijk om toegankelijke pagina's te maken met deze tips en trucs in gedachten. In de toekomst zal uw online inhoud voor iedereen beschikbaar zijn.
Als je tips hebt die je wilt toevoegen, deel ze dan gerust in de commentaarsectie hieronder!
Aanvullende bronnen: