Toegankelijkheidsverklaring

1. Mijn toezegging

Ik wil dat deze site voor iedereen bruikbaar is, ook voor mensen die met een toetsenbord, een schermlezer, vergroting of een instelling voor beperkte beweging of hoog contrast surfen. Toegankelijkheid wordt hier behandeld als onderdeel van het bouwen, niet als een controle achteraf: verschillende van de onderstaande maatregelen worden geborgd door geautomatiseerde tests die de build laten falen zodra er iets terugvalt.

2. Conformiteitsstatus

Deze site streeft naar conformiteit met de Richtlijnen voor Toegankelijkheid van Webcontent (WCAG) 2.2 op niveau AA. Naar mijn oordeel is de site grotendeels conform, dat wil zeggen dat hij naar mijn beste weten en op grond van mijn tests voldoet aan de succescriteria van niveau AA.

Ik claim bewust geen volledige conformiteit. Er is geen onafhankelijke toegankelijkheidsaudit uitgevoerd en voor deze site bestaat geen formeel WCAG-EM-evaluatierapport. Dat is een beperking van het bewijs achter de bewering, geen bekend gebrek — waar ik een gebrek vind, staat het in paragraaf 5.

3. Wat er is geregeld

Toetsenbord en focus

• Een skiplink is het eerste focusbare element op elke pagina met sitenavigatie, en verplaatst de focus naar de hoofdinhoud in plaats van er alleen naartoe te scrollen.
• Elk interactief element toont een zichtbare focusindicator. De regel die deze tekent kan niet door een utility-klasse worden uitgeschakeld; een test borgt dat.
• Het mobiele menu is een focusval: bij openen gaat de focus erin, circuleert erbinnen met Tab, sluit met Escape en keert terug naar de knop die het opende.
• Geen enkel element krijgt een positieve tabindex, zodat de tabvolgorde de pagina volgt.

Structuur en schermlezers

• Precies één main-oriëntatiepunt per pagina en — overal waar de sitekop en -voettekst aanwezig zijn — één banner en één contentinfo, plus benoemde navigatie-oriëntatiepunten.
• Precies één h1 per pagina, met de koppen daaronder in de juiste volgorde genest en zonder overgeslagen niveaus.
• Elke afbeelding heeft alternatieve tekst, en decoratieve afbeeldingen worden voor hulptechnologie verborgen in plaats van van opvulbeschrijvingen te worden voorzien.
• Waar een pictogram de betekenis van een besturingselement draagt, heeft dat element een tekstuele naam — het zichtbare label opent altijd die naam, zodat spraakinvoer het element kan aanspreken met wat erop staat.
• De paginataal is gedeclareerd en elke pagina heeft een unieke, beschrijvende titel.

Kleur, contrast en typografie

• Tekst- en interfacekleuren worden tijdens het bouwen afgeleid en getoetst aan hun eigen achtergronden: lopende tekst moet minstens 4,5:1 halen, primaire tekst 7:1, en elke dekkende knopvulling wordt verdonkerd totdat het label 4,5:1 overschrijdt.
• Geen enkele tekst op de site wordt kleiner dan 12 px weergegeven. Dat is een ondergrens, geborgd door een test.
• Kleur is nooit de enige drager van informatie: geselecteerde toestanden dragen ook een label, een vorm of een aria-current-waarde.
• Er zijn een licht en een donker thema beschikbaar. De site opent in donker in plaats van uw systeeminstelling te volgen, en onthoudt de keuze die u met de schakelaar in de kop maakt.

Beweging, zoom en aanwijzer

• Beperkte beweging wordt gerespecteerd. Vraagt uw systeem erom, dan worden entree-animaties, scroll-onthullingen en weergaveovergangen onderdrukt.
• Verhoogd contrast en de Windows-modus voor hoog contrast worden ondersteund: tekst met kleurverloop valt terug op een effen kleur, en toestanden die alleen met een vulling worden getoond, krijgen een rand in systeemkleur.
• Zoomen wordt niet geblokkeerd. De pagina kan tot 500 % worden vergroot en bij de breedte van 320 px die WCAG 1.4.10 „Herschikking” voorschrijft, wordt zij in één kolom weergegeven zonder horizontaal scrollen. Elke breedte tussen 320 px en 1920 px wordt gecontroleerd, niet alleen de benoemde breekpunten.
• Interactieve besturingselementen bieden een doelgebied van minstens 44 × 44 px en overtreffen daarmee het WCAG 2.2-minimum van 24 × 24 px. Wordt een element kleiner getekend, dan wordt het klikbare gebied erachter vergroot in plaats van klein gelaten. De enige uitzondering is een link binnen een zin, die onder de inline-uitzondering van WCAG 2.5.8 valt — daar een vaste hoogte afdwingen zou de regelafstand van de omringende alinea breken.

Formulieren

• Elk veld heeft een programmatisch gekoppelde naam. Heeft een formulier meer dan één veld — het contactformulier en het paneel met cookievoorkeuren — dan is die naam een zichtbaar <label>. De besturingselementen met één veld (nieuwsbriefaanmelding, zoeken in overzichten, het reactieveld, de e-mailaanmelding) ontlenen hun naam aan een aria-label, waarbij de kop, het pictogram of de knop ernaast dezelfde betekenis op het scherm draagt.
• Fouten worden in tekst beschreven naast het veld waar ze bij horen, niet alleen met kleur, en zijn eraan gekoppeld zodat een schermlezer de melding voorleest wanneer het veld focus krijgt.
• Een formulier verzenden met een ongeldig veld verplaatst de focus naar dat veld, zodat het probleem u vindt in plaats van andersom.
• Tekstvelden worden op aanraakapparaten op 16 px weergegeven, zodat het activeren ervan geen iOS-zoom afdwingt die u niet ongedaan kunt maken.

4. Hoe dit is beoordeeld

Door zelfevaluatie, met een combinatie van geautomatiseerde en handmatige controles:

• Geautomatiseerde tests in de eigen testsuite van het project, die de build laten falen bij terugval van focusindicatoren, minimale tekstgrootte, doelgrootte, structuur van oriëntatiepunten, alternatieve tekst van afbeeldingen en koppenvolgorde.
• Contrast gemeten aan de hand van gerenderde pixels, waarbij doorschijnende lagen worden samengesteld in plaats van gedeclareerde kleuren af te lezen.
• Een viewport-sweep van 320 px tot 1920 px die bij elke tussenstap controleert op horizontale overloop, overlappende elementen en afgekapte tekst — niet alleen bij de benoemde breekpunten.
• Handmatige toetsenbordwandelingen en controles in meerdere engines: Chromium, Firefox en WebKit.

5. Bekende beperkingen

• Geen onafhankelijke audit. Al het bovenstaande is zelf beoordeeld. Een audit door iemand anders dan de auteur zou een steviger basis vormen voor de conformiteitsclaim in paragraaf 2.
• Beperkt getest met hulptechnologie. Structuur en gedrag zijn geverifieerd tegen de toegankelijkheidsboom en met het toetsenbord, maar de site is niet van begin tot eind met alle grote schermlezers getest.
• Inhoud van derden. Het inplannen van afspraken verloopt via een externe boekingsdienst op zijn eigen domein. Op de toegankelijkheid daarvan heb ik geen invloed. Vormt dat voor u een drempel, gebruik dan een van de contactwegen in paragraaf 6 — een gesprek kan altijd per e-mail worden afgesproken.
• Ingesloten media. Op deze site is vandaag geen video gepubliceerd. De introductievideo die de pagina „Over mij” aankondigt is nog niet opgenomen; zodra dat wel zo is, vereisen WCAG 1.2.2 en 1.2.3 ondertiteling en een transcript voor het hierboven geclaimde conformiteitsniveau.

6. Feedback en hoe u mij bereikt

Loopt u op deze site tegen een drempel aan, laat het mij dan weten — dat is de snelste manier om hem te verhelpen, en meldingen zijn welkom, ook als u niet zeker weet of het probleem aan mijn kant ligt.

• Mail naar contact@mhsaeed.com — zet „Toegankelijkheid” in de onderwerpregel als u wilt dat het met voorrang wordt opgepakt.
• Of gebruik het contactformulier.

Ik reageer binnen 24 uur, dezelfde toezegging als op de contactpagina. Beschrijf alstublieft de pagina, wat u probeerde te doen en de browser of hulptechnologie die u gebruikte, als u dat wilt delen — daarmee is het probleem veel sneller te reproduceren.