Help/Toegankelijkheid

Tips voor het toegankelijk maken van je pagina's. De bedoeling is om pagina's zo te maken dat mensen met een beperking de informatie tot zich kunnen nemen en de wiki kunnen bedienen (bij voorbeeld met een toetsenbord).

Onze huidige score kan je vinden onder Digitoegankelijk.

Documenten op NORA online

Hoe we omgaan met documenten op NORA online staat toegelicht op de pagina over documenten op NORA online en toegankelijkheid.

Voorkom bijzondere tekens als opmaak

Bijzondere tekens worden bij voorbeeld opgelezen door schermlezers. Het is doorgaans niet de bedoeling om "pijl rechts" te horen als je het symbool → gebruikt om iets op te laten vallen. Gebruik het alternatief:

{{Pijl|Plaats hier tekst}}

Toont:

Plaats hier tekst

Dit zorgt ook voor het inspringen van de tekst.

Inspring

Een dubbele punt aan het begin van een regel laat optisch de regel inspringen, maar 'betekent' in Mediawiki dat je de definitie geeft in een definitielijst. Dit stuurt ongeldige HTML-code naar de gebruiker omdat je niet een definitie bedoelt, en je de definitie niet vooraf laat gaan door een term die je definieert.

Geldige code:

;Term
:Uitleg

Term

Uitleg

Als je puur een inspring wil maken, gebruik dan:

{{Inspring|Tekst die je wil laten inspringen}}

Tekst die je wil laten inspringen

Kopjes

Kopjes worden door mensen met een beperking vaak gebruikt om door paragrafen heen te bladeren.

• Geef een logische hierarchie, zonder stappen over te slaan: dus niet van kopje niveau 1 naar kopje niveau 3
• De eerste kop op de pagina is de pagina-titel, die is van niveau één
• Het eerste kopje dat je in de tekst maakt is daarom van niveau twee (door twee is-tekens te gebruiken).
• misbruik niet opmaak om dingen een kopje te laten lijken zonder ze echte kopjes te maken: bv niet een regel vet maken.

Je kunt een tabel een 'titel' geven die niet als kopje wordt meegenomen in de inhoudsopgave. Zie: Mediawiki help: table: caption

Tabellen niet misbruiken voor opmaak

Gebruik tabellen alleen als je een set met gegevens wil tonen met twee dimensies. Gebruik het dus niet om tekst in kolommen op te maken, of om een kadertje om tekst heen te maken.

Alternatief voor afbeeldingen

Techniek: https://www.w3.org/TR/WCAG20-TECHS/H37.html

• De voorkeursmethode voor het toevoegen van alt teksten bij afbeeldingen is via het sjabloon Alt. Dit is een techniek om één keer de alt-text te beschrijven op de bestandspagina en vervolgens op andere pagina's te hergebruiken:
  • zet op de Bestandspagina van de afbeelding bij voorbeeld:
    {{Alt|Diagram ketenproces}}
    Zie Sjabloon:Alt voor meer informatie over het gebruik van het Sjabloon Alt.
  • zet op pagina's waar je de afbeelding gebruikt bij voorbeeld: {{Afbeelding|bestand=Afbeeldingnaam.png|links|200px}}
    Zie Sjabloon:Afbeelding voor meer informatie over het gebruik van het Sjabloon Afbeelding.
• Een alternatieve methode is het gebruik van een link in de vorm van [[Bestand:Afbeeldingnaam.png|alt=alt tekst]]. Deze methode kan de voorkeur hebben als je een alt tekst wilt gebruiken die vanwege de context anders moet zijn dan de tekst op de bestandspagina.
• Illustratieve afbeeldingen hebben geen alternatieve tekst. In de code voor een afbeelding gebruik je dan alt=|. Als je niet op die manier expliciet maakt dat er geen alt-text is, gebruikt MediaWiki de bestandsnaam en dat is niet de bedoeling. Je herhaalt in de alt-text niet wat er al op een andere plek in de pagina staat. Ook in zo'n geval kan je er voor kiezen om de alt-tekst leeg te laten.
• Alt-text is kort (maximaal 240 tekens om te voorkomen dat hulpsoftware het afbreekt) en beschrijft alleen de bedoeling van een afbeelding. Je legt niet uit hoe de tekening er uit ziet, maar vertelt wat je had geschreven als plaatjes niet bestonden.
• Je kan in de alt-text verwijzen naar een andere plek (kopje op dezelfde pagina of elders) waar de informatie uitgeschreven staat.

Duidelijke links

• Links moeten uniek zijn: dus als op één pagina de zelfde naam voor een link voorkomt, moet het naar dezelfde pagina verwijzen
• Links moeten zo duidelijk mogelijk zijn zonder de context.

Een link die 'klik hier' heet is dus fout, ook als er achter staat: 'voor standaarden'. Ook moet duidelijk zijn wanneer een link naar een e-mailadres is in plaats van een pagina.

De gedachte hierachter: als een gebruiker snel door de pagina gaat door alleen de hyperlinks te lezen (/voor te laten lezen) moet duidelijk zijn wat de link betekent. Ook helpt het zoekmachines beter te begrijpen waar NORA over gaat.

Zelf testen

Een relatief makkelijke manier om toegankelijkheid te testen is met een add-on voor browsers gebaseerd op Chrome of (sinds 2020) Microsoft Edge.

De add-on heet Accessibility Insights en geeft je twee opties: alleen een automatische test (die maar op ~30% van de mogelijke fouten test) en een test die je stap voor stap door de pagina neemt met instructies hoe je zelf dingen kan testen.