Toegankelijkheid
Een verklaring die de moeite waard is om te lezen, benoemt wat er mis is. Dat doet deze ook, samen met waar we naartoe werken en hoe je kunt melden wat we over het hoofd hebben gezien.
- WCAG 2.2 AA als doel
- Contrast gemeten, niet beoordeeld
- Bekende tekortkomingen vermeld
De positie
We bouwen deze website volgens WCAG 2.2 niveau AA en controleren dat ook: het contrast wordt gemeten tegen de kleur waarop elk element daadwerkelijk wordt weergegeven, en een fout blokkeert de build. Dit is geen doel dat we aankondigen en jaarlijks opnieuw bekijken — het wordt bij elke release gecontroleerd.
Dit is geen claim van volledige conformiteit. Bekende tekortkomingen staan hieronder vermeld in plaats van dat we ze weglaten. Als iets op deze website of in de app voor jou niet bruikbaar is, schrijf dan naar [email protected] met als onderwerp Toegankelijkheid en vertel ons wat er is gebeurd — we behandelen dat als een defectmelding, niet als feedback.
Van kracht sinds
Wat ingebouwd is
- Elke pagina werkt zonder JavaScript. Niets is standaard verborgen om vervolgens door een script zichtbaar te worden gemaakt. Daardoor toont een pagina met een scriptfout, een strenge contentblocker of een tekstclient nog steeds de inhoud. Interactieve elementen zijn verbeteringen boven op pagina's die al werken.
- Contrast wordt gemeten tegen de echt weergegeven achtergrond door elk element terug te leiden naar de eerste ondoorzichtige voorouder erachter, in plaats van het contrast op het oog tegen een aangenomen kleur te beoordelen. De hoofdtekst op deze site had ooit een verhouding van 4.49:1 — onder AA en toch heel aannemelijk om naar te kijken — en er was een meting nodig om dat te ontdekken.
- Een skiplink en zichtbare focus. Elke pagina begint met een link om naar de inhoud te springen, en elk interactief element heeft een zichtbare focusindicator. De omlijning wordt dus niet verwijderd om het geheel netjes te houden.
- Semantische structuur. Eén h1 per pagina, koppen in de juiste volgorde zonder niveaus over te slaan, echte lijsten, tabellen met de juiste kopcellen en bijschriften, en landmarks waar een schermlezer doorheen kan navigeren.
- Beweging houdt rekening met de systeeminstelling. Elke animatie wordt uitgeschakeld bij prefers-reduced-motion en inhoud is meteen zichtbaar in plaats van te wachten op een entree-effect.
- Tekst schaalt mee. Lay-outs gebruiken relatieve eenheden en lopen opnieuw door in plaats van kapot te gaan of horizontaal te scrollen wanneer tekst wordt vergroot of het venster smal is.
- Zinvolle alternatieve tekst, en bewust een lege alt bij een afbeelding in een link die al eigen tekst bevat — een beschrijving daar zorgt ervoor dat een schermlezer hetzelfde twee keer aankondigt.
Bekende tekortkomingen
Dit gedeelte is de reden waarom deze pagina de moeite van het publiceren waard is. Elk punt is echt, we weten ervan en geen ervan wordt hier als opgelost gepresenteerd.
De site is in dertig talen gepubliceerd en is niet in al die talen getest met een schermlezer. Er is getest in het Engels. Uitspraak en leesvolgorde in talen die van rechts naar links worden geschreven, en in schriften waarvoor onze displaylettertypen geen dekking hebben en het platformlettertype wordt gebruikt, zijn niet geverifieerd met hulptechnologie.
Onze twee lettertypen ondersteunen alleen het Latijnse schrift. Cyrillisch, Devanagari, Georgisch, Thai, Arabisch, Hebreeuws, Bengaals, Ethiopisch en CJK vallen allemaal terug op de eigen lettertypen van het platform. Dat is over het algemeen goed voor de leesbaarheid, maar het betekent ook dat de typografische details die we in het Engels beheersen — gewicht, spatiëring en de grootte waarbij kleine tekst niet langer klein genoeg is — in die lokale versies niet door ons worden beheerst.
Sommige interactieve elementen zijn nieuw en minder uitgebreid getest. De vergelijkingsmatrix en de zoekfunctie van de helpsectie filteren rijen op hun plaats, wat het juiste patroon is, maar het aankondigen van een gewijzigd aantal resultaten aan een schermlezer is wel geïmplementeerd en nog niet door gebruikers getest.
Voor de app geldt dezelfde intentie, maar deze wordt minder vaak gecontroleerd dan de site. De app ondersteunt de eigen functies van het platform voor tekstgrootte en schermlezers, die het meeste werk doen, maar momenteel voeren we niet bij elke release een formele toegankelijkheidsaudit uit.
Er is geen formele audit door een externe partij uitgevoerd voor de site of de app. We zeggen dat liever eerlijk dan dat we een certificering suggereren die we niet hebben.
De app en één ding dat je moet weten
De Telvio-app maakt gebruik van de toegankelijkheidsfuncties van het besturingssysteem waarop deze draait: VoiceOver en Dynamic Type op iOS, TalkBack en schalen van lettertypen op Android. Die dekken het grootste deel van wat belangrijk is in een app waarvan de interface bestaat uit een toetsenblok, een saldo en een lijst met tarieven.
Eén ontwerpbeslissing verdient aandacht als toegankelijkheidseigenschap in plaats van als functie. Omdat de app geen account vereist, is er geen registratieformulier, geen wachtwoord om in te voeren, geen e-mailverificatiestap en geen code om uit een bericht te halen — de hele categorie interacties die mensen met hulptechnologie, of iedereen die formulieren lastig vindt, het vaakst in de problemen brengt, is eenvoudigweg niet aanwezig. Installeren, bellen, praten.
De bijbehorende beperking staat op dezelfde pagina als al het andere: met de app kun je geen noodhulpdiensten bellen. Dat staat uitgelegd bij noodoproepen. Als iemand deze app instelt voor een familielid — een veelvoorkomend patroon, vooral bij oudere mensen die familie in het buitenland bellen — is dat het belangrijkste om tijdens het instellen uit te leggen.
Melden dat er iets niet klopt
E-mail [email protected] met als onderwerp Accessibility. Nuttige details zijn: de pagina of het scherm, wat je probeerde te doen, welke hulptechnologie je gebruikte inclusief de versie ervan, en wat er in plaats daarvan gebeurde. Niets daarvan is verplicht — een zin als “Ik kan de tabel met tarieven niet gebruiken met een schermlezer” is een prima melding en die ontvangen we liever dan helemaal niets.
We streven ernaar binnen vijf werkdagen te antwoorden met een beoordeling en, als we het ermee eens zijn dat er een defect is, een globale planning. Dingen die iemand verhinderen een taak af te ronden, krijgen voorrang op ander werk; dingen die een taak moeilijker maken, worden eerlijk ingepland in plaats van vaag beloofd.
Als je in de Europese Unie bent en denkt dat er niet aan een toegankelijkheidsverplichting wordt voldaan, kun je dit ook melden bij de bevoegde nationale handhavingsinstantie. We hebben liever dat je eerst bij ons aanklopt en zullen hoe dan ook antwoorden.
Hoe de controles echt werken
Twee dingen verdienen uitleg, omdat ze het verschil maken tussen een verklaring en een werkwijze.
Contrast wordt weergegeven, niet uitgelezen. Een kleurwaarde die uit een stylesheet wordt gehaald, vertelt je wat een element moest zijn, niet hoe het er uiteindelijk uitzag — bijvoorbeeld een semi-transparant element over een donkere band, een moderne kleurfunctie die een regex niet begrijpt, of een vaste header over een hero-afbeelding. De controle rendert de echte achtergrond van elk element door omhoog te lopen naar de eerste ondoorzichtige voorouder en de kleur via de browser zelf vast te stellen, waarna de verhouding wordt berekend. Zo werd ontdekt dat de hoofdtekst op deze site een verhouding van 4.49:1 had, onder AA, hoewel die er op zichzelf volkomen normaal uitziet.
De pagina wordt gecontroleerd zoals die wordt weergegeven, niet zoals die is geschreven. Een afzonderlijke probe laadt elke pagina in een echte browser en controleert of tekst in de viewport een opacity van nul heeft, of het document horizontaal scrollt en of iets wordt weergegeven in zijn eigen achtergrondkleur. Dat laatste klinkt absurd tot het in productie komt: een enkele gegroepeerde CSS-regel stelde ooit de kleur en achtergrond van een label in op dezelfde waarde, wat een contrastverhouding van 1:1 opleverde die onzichtbaar is in de markup, onzichtbaar in de DOM en onzichtbaar in een screenshot van de bron.
Dingen waar we bewust voor hebben gekozen
- Geen beweging zonder toestemming. Scrollanimaties zijn opt-in vanuit een script dat eerst bevestigt dat beweging gewenst is. Zo ziet een lezer met beperkte beweging ingeschakeld de inhoud meteen en ziet die de inhoud nooit verschijnen.
- Geen inhoud achter JavaScript. Niets wordt onzichtbaar geschreven. Dit is net zo goed een toegankelijkheidsbeslissing als een prestatiebeslissing — een pagina die afhankelijk is van een script om zichtbaar te worden, werkt niet voor iedereen bij wie dat script niet werkt.
- Woorden in plaats van pictogrammen in gegevens. De vergelijkingstabellen gebruiken “Ja”, “Geen” en “Naar boven afgerond” in plaats van vinkjes en kruisjes, omdat een vinkje bij het voorlezen dubbelzinnig is en bij het kopiëren onzichtbaar wordt.
- Lege alt wanneer een beschrijving zich zou herhalen. Een afbeelding in een link die al eigen tekst bevat, krijgt
alt="", zodat een schermlezer de bestemming één keer aankondigt in plaats van twee keer. - Brede tabellen scrollen binnen hun eigen kader in plaats van de pagina zijwaarts te duwen, zodat je op een telefoon nooit horizontaal hoeft te scrollen om een alinea te lezen.
Kort samengevat
We bouwen volgens WCAG 2.2 AA en controleren dit bij elke release. Daarbij meten we het contrast tegen de daadwerkelijk weergegeven achtergrond in plaats van uit te gaan van aannames. Dit is geen claim van volledige conformiteit.
Bekende tekortkomingen: het testen met schermlezers is in slechts één taal uitgevoerd voor alle dertig talen, onze lettertypen ondersteunen alleen het Latijnse schrift waardoor andere schriftsystemen terugvallen op platformlettertypen, de nieuwste interactieve elementen zijn minder uitgebreid getest en er is geen audit door een derde partij uitgevoerd.
Meld alles wat niet bruikbaar is aan [email protected] met als onderwerp Accessibility. We behandelen dit als een defectmelding en lossen zaken die een taak blokkeren op vóór ander werk.
Veelgestelde vragen
Welke toegankelijkheidsstandaard volgt Telvio?
WCAG 2.2 niveau AA is het doel voor de website. Bij elke release wordt dit gecontroleerd, in plaats van periodiek beoordeeld. Het contrast wordt gemeten ten opzichte van de achtergrond waarop elk element daadwerkelijk wordt weergegeven. Een fout blokkeert de build. We claimen geen volledige conformiteit.
Werkt de website van Telvio zonder JavaScript?
Ja. Er wordt standaard niets verborgen om het vervolgens met een script te tonen. Daarom toont elke pagina de inhoud wanneer JavaScript is uitgeschakeld of geblokkeerd. Interactieve functies, zoals de vergelijkingsfilters, zijn aanvullingen op pagina's die al werken.
Heeft Telvio een toegankelijkheidsaudit gehad?
Er is geen externe audit uitgevoerd voor de website of de app. Bij elke release van de site worden geautomatiseerde en handmatige controles uitgevoerd. In deze verklaring staan de bekende tekortkomingen, in plaats van ze weg te laten.
Is de Telvio-app toegankelijk met een screenreader?
De app maakt gebruik van de eigen toegankelijkheidsfuncties van het platform: VoiceOver en Dynamic Type op iOS, TalkBack en het aanpassen van de lettergrootte op Android. De app wordt minder vaak gecontroleerd dan de website en bij elke release wordt geen formele toegankelijkheidsaudit uitgevoerd.
Hoe meld ik een toegankelijkheidsprobleem?
E-mail naar [email protected] met als onderwerp Toegankelijkheid. Vermeld om welke pagina of welk scherm het gaat, wat je probeerde te doen en wat er gebeurde. De gebruikte ondersteunende technologie en versie zijn nuttig, maar niet vereist. We streven ernaar binnen vijf werkdagen te antwoorden.
Waarom gebruikt de site een ander lettertype in mijn taal?
De twee lettertypen waarin de site is ontworpen ondersteunen alleen het Latijnse schrift. Voor Cyrillisch, Devanagari, Georgisch, Thai, Arabisch, Hebreeuws, Bengaals, Ethiopisch en CJK wordt teruggevallen op de eigen lettertypen van het platform. Dat is doorgaans beter voor de leesbaarheid, maar betekent dat we in die taalgebieden geen controle hebben over de typografische details.