Toegankelijkheid met een nul-serverbudget

Het probleem

De markt voor fiets-trackers wordt gedomineerd door apps met durfkapitaal, die de kosten voor toegankelijkheid (voor zover ze daarvoor betalen) dekken uit een marketingbudget dat voor zelfstandige producten niet bestaat. De voor de hand liggende conclusie is: AAA is niet realistisch voor een eenmalig bedrag van € 14,99 zonder financiering.

Sluip verwerpt die redenering. De beperking dat AAA een budget nodig heeft, is een toolingprobleem, geen toegankelijkheidsprobleem. Sluip bestaat uit één HTML-bestand. Het draait in de browser. Het maakt gebruik van de localStorage van het apparaat. Elke beslissing over toegankelijkheid was een ontwerpbeslissing voordat het een technische beslissing was.

De beslissingen

• Eén HTML-bestand. Geen build-pijplijn, geen server, geen afhankelijkheidsboom. Dit betekent dat er geen achteruitgang in de toegankelijkheid kan optreden via een update van de leverancier — er zijn geen updates van de leverancier.

• Geen accounts, geen PII, geen telemetrie. GDPR-toepassingsgebied = er worden geen persoonsgegevens verzameld. Het product kan de privacy van een gebruiker niet schenden omdat het daar geen toegang toe heeft.

• AAA in beide thema's. Zowel het lichte als het donkere thema zijn ontworpen om te voldoen aan de §02 AAA-contrastdrempels. Het donkere thema was moeilijker — de meeste "dark mode"-kleurenpaletten zijn AA op het eerste gezicht en AA-of-mislukt bij de formulierbesturingselementen.

• Aanraakdoelen die geschikt zijn voor trillingen. Alle interactieve besturingselementen voldoen aan WCAG 2.2 SC 2.5.8 (Doelgrootte) met minimaal 44×44 CSS-pixels. Met name de bedieningsknop voor het pauzeren van het fietsen is 56×56, omdat fietsers vaak handschoenen dragen.

• Status zonder kleur, nogmaals. De fietsstatus (actief / gepauzeerd / beëindigd) wordt aangegeven via een pictogram + tekstlabel, nooit alleen via kleur.

• Toetsenbord-PWA. Ja, een fietsapp biedt toetsenbordondersteuning. Ja, dat is belangrijk — voor gebruikers die een schermlezer gebruiken om een route te bekijken voordat ze naar buiten gaan.

Wat het kostte (tijd, afwegingen, verrassingen)

• Tijd: AAA op een PWA met één bestand kostte

ongeveer evenveel als AAA op een app met meerdere pagina's. Het voordeel was dat het AAA-werk niet over 20 sjablonen hoefde te worden verdeeld.

• Afweging: Geen cloudsynchronisatie. Gebruikers die hun telefoon kwijtraken, raken hun ritgeschiedenis kwijt. Gedocumenteerd op de productpagina. Deze afweging was bewust gemaakt — privacy en toegankelijkheid hebben een gemeenschappelijke beperking: hoe eenvoudiger het systeem, hoe minder storingsmogelijkheden er zijn voor de eindgebruiker.
• Verrassing: De moeilijkste AAA-doelstelling bij Sluip was niet visueel — het was het toegankelijk maken van haptische feedback (gebruikt om een succesvolle ritpauze aan te geven) voor gebruikers met motorische beperkingen. Haptische feedback is niet gestandaardiseerd op verschillende apparaten. Oplossing: koppel elke haptische aanwijzing aan een zichtbare animatie.

Wat ik anders zou doen

• Breng eerst het donkere thema uit. Ik heb eerst het lichte thema gebouwd en daarna twee keer het donkere thema herzien. Het donkere thema legt altijd de hardgecodeerde kleuren in het systeem bloot.
• Documenteer het beperkte budget openbaar. De prestatie van Sluip op het gebied van toegankelijkheid is op zichzelf niet indrukwekkend — het is indrukwekkend gezien het budget. Dat is een verkoopargument dat de productpagina niet expliciet naar voren brengt.
• Schrijf vooraf het FAQ-item "waarom geen cloudsynchronisatie". Gebruikers gaan ervan uit dat cloudsynchronisatie een functie is; voor Sluip is het een bewuste weglating. Het vooraf opstellen van de motivering zou 30 supportmails hebben bespaard.

Waarom dit van belang is als u een auditor inhuurt

Het gebruikelijke argument tegen een 'accessibility-first'-ontwerp is het budget. Sluip is het tegenargument op de kleinste schaal waarop dat argument kan gelden: één ontwikkelaar, één HTML-bestand, een prijs van € 14,99, AAA voor beide thema's. Als uw site meer dan dat heeft, is WCAG 2.2 AA, afgestemd op AAA, haalbaar binnen uw opdracht.

Als u op zoek bent naar een EAA-audit, begint het EAA Readiness Audit-pakket bij een vast bedrag van € 2.400. Ik pas dezelfde normen toe als bij Sluip.