Hercontrole digitale toegankelijkheid van de iOS-app MijnEteck, versie 26.7.2

#1 - Alle schermen zijn beperkt tot één weergavestand

De lay-out van alle schermen is beperkt tot één weergavestand, namelijk staand.

Apps moeten zowel staand als liggend goed werken. Bezoekers kiezen zelf welke stand voor hen het beste werkt. Je mag daar alleen van afwijken als één stand echt noodzakelijk is. Dit is belangrijk voor mensen die hun toestel aan hun rolstoel hebben gemonteerd en de stand niet kunnen aanpassen.

User story

Ik gebruik mijn telefoon in een houder aan mijn rolstoel. Die houder staat vast in liggende stand. Wanneer ik de app open, staat de inhoud gedraaid en kan ik hem niet lezen. Ik verwacht dat de app meedraait met de stand van mijn toestel.

Oplossing:

Zorg ervoor dat de inhoud van de app draait en zich aanpast aan de weergavestand.

#2 - Statusberichten worden niet voorgelezen

Op sommige schermen verschijnt informatie als resultaat van de interactie van de bezoeker met de app. Er verschijnt bijvoorbeeld een foutmelding of een bericht dat een actie is geslaagd. Die informatie is een statusbericht, maar de schermlezer leest het niet voor.

User story

Ik lees de app met VoiceOver. Wanneer ik een formulier verstuur en er verschijnt een foutmelding, hoor ik daar niets van. Ik denk dat het gelukt is en ga verder. Ik verwacht dat de schermlezer zo'n bericht meteen aankondigt.

Oplossing:

Zorg ervoor dat nieuwe of bijgewerkte informatie duidelijk wordt aangekondigd aan gebruikers van hulpsoftware.

#6 - Tekst kan niet worden vergroot

Nieuwe bevinding als gevolg van het oplossen van een bevinding uit de vorige audit:

In het menu onderaan het scherm verandert de tekstgrootte niet mee wanneer je de tekst in de instellingen van je telefoon tot de maximale grootte vergroot. De tekst valt daardoor niet meer weg, want hij schaalt helemaal niet meer mee.

User story

Ik heb een visuele beperking en heb de tekst in iOS op de grootste stand gezet. Overal in de app groeit de tekst mee, maar in het menu onderaan blijft hij even klein. Juist die knoppen gebruik ik het vaakst. Ik verwacht dat ook die labels meegroeien.

Oplossing:

Zorg ervoor dat de tekst in het menu onderaan het scherm meeschaalt met de tekstinstelling van het toestel.

#15 - Kop is niet gemarkeerd als koptekst

In de carrousel staan de koppen "Welkom bij MijnEteck", "Regel het eenvoudig zelf" en "Heb je een storing?". Deze teksten zijn niet als koptekst gemarkeerd.

User story

Ik lees de app met een schermlezer en spring van kop naar kop om te weten waar ik ben. Op dit scherm vindt de schermlezer geen enkele kop, dus moet ik alle tekst achter elkaar aanhoren. Ik verwacht dat wat er als kop uitziet ook een kop is in de code.

Oplossing:

Maak hier een kop van.

#17 - Kop is niet gemarkeerd als koptekst

Op dit scherm staan de kopjes "Overzicht" en "Zelf regelen". Deze teksten zijn niet als koptekst gemarkeerd.

User story

Ik gebruik VoiceOver en navigeer met de rotor op koppen. Op dit scherm krijg ik te horen dat er geen koppen zijn. Ik moet daardoor het hele scherm doorlopen om bij "Zelf regelen" te komen.

Oplossing:

Maak hier een kop van.

#18 - Link heeft geen correcte toegankelijke rol

Op dit scherm heeft de link met de tekst "Maandbedrag" niet de juiste toegankelijke rol.

Elk element heeft standaard een bepaalde rol. Die rol bepaalt wat het element doet en welke eigenschappen en functies het heeft. Schermlezers en andere hulpmiddelen moeten de rol van elk element kennen. Zo kunnen ze op een goede manier met het element omgaan en aan de bezoeker uitleggen wat het doet.

User story

Ik lees de app met een schermlezer. Bij "Maandbedrag" hoor ik alleen de tekst, niet dat ik erop kan tikken. Ik loop er dus gewoon voorbij. Ik verwacht te horen dat het een link is.

Oplossing:

Zorg dat de link de juiste rol heeft.

#19 - Kop is niet gemarkeerd als koptekst

Op dit scherm staan kopjes "Maandbedrag", "Opbouw maandbedrag", "Zelf regelen" en andere, die niet als koptekst zijn gemarkeerd.

User story

Ik lees de app met een schermlezer. Ik wil weten hoe mijn maandbedrag is opgebouwd, maar ik kan niet naar dat blok springen omdat er geen koppen zijn. Ik verwacht dat ik met de rotor direct bij "Opbouw maandbedrag" kom.

Oplossing:

Maak hier een kop van.

#20 - Leesvolgorde is niet logisch

Op dit scherm staat de knop "Wijzigen" naast "Je betaalt 50 euro". De schermlezer leest voor: "Je betaalt Wijzigen 50 euro". Dat is geen logische leesvolgorde.

User story

Ik lees de app met een schermlezer. Op dit scherm hoor ik het bedrag door de knoptekst heen. Ik moet twee keer luisteren om te begrijpen wat ik betaal. Ik verwacht dat de tekst wordt voorgelezen in de volgorde waarin hij op het scherm staat.

Oplossing:

Zorg ervoor dat tekst die bij elkaar hoort in de juiste volgorde wordt gelezen door schermlezers.

#22 - De accordeon heeft geen koppen of de rol van kop is overschreven

Op dit scherm staat een sectie met verborgen inhoud, "Voorschot € 199,00". Het element dat die inhoud opent en sluit heeft niet de rol van koptekst. De teksten waarmee je delen van een accordeon in- en uitklapt, doen dienst als kop voor de inhoud van dat deel. Daarom moeten die teksten ook de rol van kop hebben.

User story

Ik lees de app met een schermlezer en gebruik koppen om snel het juiste onderdeel te vinden. Deze accordeon staat niet in de lijst met koppen, dus ik moet alles langs om te zien welke delen er zijn.

Oplossing:

Markeer deze tekst als kop of zorg dat de bestaande rol van kop niet wordt overschreven.

#23 - Tekst valt weg bij vergroting

Wanneer je de tekst in de instellingen van je telefoon tot de maximale grootte vergroot, wordt de tekst op de link "Jouw voorschotbedrag kan omlaag" afgesneden.

User story

Ik heb slechtziendheid en gebruik de app met vergrote tekst. De link over mijn voorschotbedrag loopt buiten het scherm, dus ik lees maar de helft van de zin. Ik verwacht dat de tekst binnen het scherm blijft en volledig leesbaar is.

Oplossing:

Zorg ervoor dat tekst leesbaar blijft wanneer deze wordt vergroot.

#24 - Kop is niet gemarkeerd als koptekst

Op dit scherm staan de tussenkopjes "Voorschot wijzigen" en "Samenvatting". Deze teksten zijn niet als koptekst gemarkeerd. Hetzelfde probleem staat bij de kop "Waarom je voorschot wijzigen?" in de pop-up die opent via de link "Nieuw voorschot", en bij de koppen "Bedankt voor het doorgeven van je wijziging!" en "Samenvatting" in de pop-up die opent via de knop "Voorschot wijzigen".

User story

Ik lees de app met een schermlezer. Nadat ik mijn voorschot heb gewijzigd, opent er een pop-up. Ik hoor niet waar die over gaat, want de titel is geen kop. Ik weet daardoor niet meteen of mijn wijziging is gelukt.

Oplossing:

Maak hier een kop van.

#25 - De accordeon heeft geen koppen of de rol van kop is overschreven

Op dit scherm staan onder "Samenvatting" de secties met verborgen inhoud "Nieuw maandbedrag" en "Oud maandbedrag". Bij de elementen waarmee je die inhoud opent en sluit ontbreekt de rol van koptekst.

Hetzelfde probleem staat op de pop-up "Bedankt voor het doorgeven van je wijziging!", die verschijnt nadat de bezoeker op de knop "Voorschot wijzigen" heeft getikt.

User story

Ik lees de app met een schermlezer. Ik wil mijn oude en nieuwe maandbedrag vergelijken, maar ik kan niet tussen die twee blokken springen omdat het geen koppen zijn. Ik moet steeds vanaf het begin van het scherm opnieuw beginnen.

Oplossing:

Markeer deze tekst als kop of zorg dat de bestaande rol van kop niet wordt overschreven.

#29 - De kleur van de slider heeft niet genoeg contrast

Op dit scherm is de contrastverhouding tussen de grijze schuifregelaar en de achtergrond van het invoerscherm 1,3:1. Een bezoeker met een milde visuele beperking ziet deze schuifregelaar niet goed.

User story

Ik heb een visuele beperking. Op dit scherm zie ik wel dat er iets staat, maar ik zie de schuifregelaar zelf nauwelijks tegen de achtergrond. Ik verwacht dat een element dat ik moet bedienen duidelijk te onderscheiden is.

Oplossing:

De randen van interactieve elementen moeten minimaal een contrast van 3,0:1 hebben met de achtergrond.

#32 - Knop heeft niet de juiste toegankelijke rol en toegankelijke naam

Op dit scherm opent de link "Nieuw voorschot" de pop-up "Waarom je voorschot wijzigen?". Op die pop-up staat een knop met een kruisje. Die knop mist een toegankelijke rol en een toegankelijke naam.

User story

Ik lees de app met een schermlezer. De pop-up is open en ik wil hem sluiten, maar ik hoor niet waar de sluitknop staat of wat hij doet. Ik kom niet verder in de app.

Oplossing:

Zorg dat de knop de juiste toegankelijke rol en toegankelijke naam heeft.

#33 - Kop is niet gemarkeerd als koptekst

De tussenkopjes "Contact", "Storingen", "Veelgestelde vragen", "Digitaal contact" en andere zijn niet als koptekst gemarkeerd.

User story

Ik lees de app met een schermlezer en zoek het telefoonnummer voor een storing. Zonder koppen moet ik de hele contactpagina afluisteren voordat ik bij het juiste blok ben.

Oplossing:

Maak hier een kop van.

#35 - Kop is niet gemarkeerd als koptekst

De kopjes "Meer", "Betalingen", "Storingen", "Documenten" en andere zijn niet als koptekst gemarkeerd.

User story

Ik lees de app met een schermlezer. Dit scherm is een menu met veel onderdelen. Zonder koppen krijg ik één lange lijst en moet ik tellen waar ik ben.

Oplossing:

Maak hier een kop van.

#36 - De naam van de knop beschrijft niet wat de knop doet

Op dit scherm staan onder "Wat vind je van de app?" knoppen met smileys. De schermlezer leest voor: "enigszins lachend gezicht", "neutraal gezicht" en "licht fronsend gezicht". Die knoppen staan voor goed, neutraal en niet goed.

Hetzelfde probleem staat bij twee andere knoppen met een neutrale en een treurige smiley, die doorsturen naar de webpagina van de klantenservice.

User story

Ik lees de app met een schermlezer en wil een oordeel geven over de app. Ik hoor alleen beschrijvingen van gezichtjes, niet wat ze betekenen. Ik weet niet welke knop staat voor "tevreden".

Oplossing:

Voeg tekst toe die beschrijft wat de knop doet. Gebruik bijvoorbeeld "Ik ben tevreden" en "Ik ben niet tevreden, neem contact op met de klantenservice".

#37 - Link heeft geen correcte toegankelijke rol

Op dit scherm hebben de interactieve elementen die naar een ander scherm leiden geen juiste rol, bijvoorbeeld het element met de tekst "Facturen en betalingen Overzicht van facturen". Hetzelfde probleem staat bij de interactieve elementen met smileys in het gedeelte "Wat vind je van de app?".

User story

Ik lees de app met een schermlezer. Ik hoor tekst die eruitziet als een menu-item, maar ik hoor niet dat ik erop kan tikken. Ik verwacht te horen of iets een link of een knop is.

Oplossing:

Zorg dat deze elementen de juiste rol krijgen, link of knop.

#39 - Kop is niet gemarkeerd als koptekst

De tussenkopjes "Mijn gegevens", "Persoonlijke gegevens", "Account", "Adres" en andere zijn niet als koptekst gemarkeerd.

User story

Ik lees de app met een schermlezer en wil mijn adres controleren. Zonder koppen loop ik eerst langs al mijn persoonlijke gegevens voordat ik bij het adres ben.

Oplossing:

Maak hier een kop van.

#40 - Er zijn knoppen met dezelfde tekst maar een andere functie

Op dit scherm staan meerdere knoppen met de naam "Wijzigen", terwijl ze verschillende dingen doen. Dat is verwarrend voor bezoekers.

User story

Ik lees de app met een schermlezer en krijg een lijst met knoppen te horen. Ze heten allemaal "Wijzigen". Ik kan niet zien welke bij mijn e-mailadres hoort en welke bij mijn adres.

Oplossing:

Zorg dat knoppen met dezelfde tekst dezelfde functie hebben. Gaat het om een andere functie, geef de knop dan een andere tekst.

#41 - Invoervelden hebben geen toegankelijke namen

Op dit scherm openen de knoppen "Wijzigen" schermen met invoervelden, bijvoorbeeld het scherm "Contactgegevens". Die invoervelden hebben geen toegankelijke naam. Is een invoerveld leeg, dan leest de schermlezer de tekst in het veld voor als label. Is het veld ingevuld, dan verdwijnt die tekst en hoort de bezoeker alleen de ingevulde waarde, niet waar het veld voor dient.

Blinde en slechtziende bezoekers die een schermlezer gebruiken weten daardoor niet wat ze moeten invullen.

Omdat de zichtbare tekst van de velden niet in de toegankelijke naam staat, zijn deze velden ook niet met spraak te bedienen, zie succescriterium 2.5.3.

User story

Ik lees de app met een schermlezer en wil mijn telefoonnummer aanpassen. Zodra het veld is ingevuld, hoor ik alleen het nummer en niet meer waar het veld voor is. Ik weet niet zeker of ik in het goede veld sta.

Oplossing:

Geef elk invoerveld een toegankelijke naam die de zichtbare tekst bevat.

#43 - Kop is niet gemarkeerd als koptekst

Op dit scherm zijn de tussenkopjes "Storingen", "Mijn meldingen" en "Zelf regelen" niet als koptekst gemarkeerd.

User story

Ik lees de app met een schermlezer en wil weten of mijn melding er nog staat. Ik kan niet direct naar "Mijn meldingen" springen, want dat is geen kop.

Oplossing:

Maak hier een kop van.

#44 - Informatie is niet toegankelijk voor schermlezers

De schermlezer leest de inhoud van een melding onder "Mijn meldingen" niet voor. In plaats van tekst als "Individueel (Warmte)" en de rest van de melding hoort de schermlezergebruiker alleen de naam van de knop, "open details".

Omdat de zichtbare tekst afwijkt van de tekst op de knop, is deze knop ook niet met spraak te bedienen, zie succescriterium 2.5.3.

User story

Ik lees de app met een schermlezer. Ik heb een storing gemeld en wil weten waar die over ging. Ik hoor alleen "open details" en moet elke melding openen om te ontdekken welke ik zoek.

Oplossing:

Zorg ervoor dat alle informatie en relaties die zichtbaar zijn op het scherm ook beschikbaar zijn voor schermlezers.

#46 - Kop is niet gemarkeerd als koptekst

De tussenkopjes "Communicatie-voorkeuren", "Hoe mogen we je bereiken?" en "Zelf regelen" zijn niet als koptekst gemarkeerd.

User story

Ik lees de app met een schermlezer. Op dit scherm stel ik in hoe Eteck mij benadert. Zonder koppen weet ik niet waar de ene instelling ophoudt en de volgende begint.

Oplossing:

Maak hier een kop van.

#47 - Kop is niet gemarkeerd als koptekst

De kopjes "Betalingen", "Openstaande facturen", "Betaalde facturen" en "Zelf regelen" zijn niet als koptekst gemarkeerd.

User story

Ik lees de app met een schermlezer en wil zien of ik nog iets openstaan heb. Ik kan niet naar "Openstaande facturen" springen, dus ik luister eerst de hele lijst met betaalde facturen af.

Oplossing:

Maak hier een kop van.

#49 - De accordeon heeft geen koppen

Op dit scherm staan secties met verborgen inhoud, bijvoorbeeld "maart 2025 € 650,34 Betaal factuur voor 24 februari 2025". Het element dat die inhoud opent en sluit heeft niet de rol van koptekst. De teksten waarmee je delen van een accordeon in- en uitklapt, doen dienst als kop voor die delen. Daarom moeten die teksten ook de rol van kop hebben.

User story

Ik lees de app met een schermlezer en zoek de factuur van maart. De maanden staan niet in mijn koppenlijst, dus ik loop alle facturen langs tot ik de goede tegenkom.

Oplossing:

Markeer deze tekst als kop of zorg dat de bestaande rol van kop niet wordt overschreven.

#52 - Als je een knop selecteert, verschuift de focus

Op dit scherm verplaatst de toetsenbordfocus onverwacht naar de bovenkant wanneer je met een extern toetsenbord de knop "Bekijk alle facturen" selecteert, of "Toon alleen laatste drie facturen" wanneer de lijst met facturen open staat. Bezoekers krijgen daar vooraf geen melding van.

Een contextwijziging, zoals het verplaatsen van de focus, mag niet zomaar gebeuren als een bezoeker iets in een formulier aanpast. Het mag dus niet gebeuren als een bezoeker een keuzevakje aanvinkt, een invoerveld invult of een optie uit een keuzelijst kiest. Ook het verzenden van een formulier of het openen van een nieuw venster is een grote contextwijziging. Die mogen alleen gebeuren als de bezoeker vooraf is gewaarschuwd.

User story

Ik bedien de app met een extern toetsenbord. Ik klap de lijst met facturen open en sta ineens weer bovenaan het scherm. Ik moet opnieuw naar beneden om te lezen wat er is opengeklapt.

Oplossing:

Zorg ervoor dat de focus na het selecteren van "Bekijk alle facturen" of "Toon alleen laatste drie facturen" naar het volgende logische element gaat.

#54 - Tekst valt weg bij vergroting

Deze bevinding hebben we tijdens de hercontrole niet opnieuw kunnen onderzoeken. De sectie "Openstaande facturen" was er op dat moment niet. De tekst hieronder komt ongewijzigd uit de audit van juli 2025.

Wanneer je de tekst in de instellingen van je telefoon tot de maximale grootte vergroot, worden de teksten in de secties met verborgen inhoud onder "Openstaande facturen" afgesneden. Zie bijvoorbeeld "januari 2025 € 73,31 Factuur status: Aanmaning".

User story

Ik heb slechtziendheid en gebruik de app met vergrote tekst. Bij mijn openstaande facturen valt het einde van de regel weg, dus ik zie niet welk bedrag erbij hoort.

Oplossing:

Zorg ervoor dat tekst leesbaar blijft wanneer deze wordt vergroot.

#55 - Kop is niet gemarkeerd als koptekst

Op dit scherm zijn de kopjes "Documenten", "MijnEteck - Informatie", "MijnEteck - Tarieven" en "Zelf regelen" niet als koptekst gemarkeerd.

User story

Ik lees de app met een schermlezer en zoek mijn tarieven. Zonder koppen kan ik niet direct naar dat blok, dus ik luister eerst alle andere documenten af.

Oplossing:

Maak hier een kop van.

#56 - Kop is niet gemarkeerd als koptekst

De tussenkopjes "Voorkeuren", "App beveiligingen", "Beveiliging app" en andere zijn niet als koptekst gemarkeerd.

User story

Ik lees de app met een schermlezer en wil de beveiliging van de app instellen. Ik hoor een reeks losse teksten en schakelaars zonder dat duidelijk is welke bij elkaar horen.

Oplossing:

Maak hier een kop van.

#58 - Schakelknoppen hebben geen toegankelijke namen

Op dit scherm missen meerdere schakelknoppen een toegankelijke naam. Bezoekers die een schermlezer gebruiken begrijpen daardoor niet wat een knop doet.

User story

Ik lees de app met een schermlezer. Ik hoor "schakelaar, uit", maar niet waar die schakelaar over gaat. Ik durf hem niet aan te zetten, want ik weet niet wat er dan gebeurt.

Oplossing:

Zorg ervoor dat elke schakelknop een toegankelijke naam heeft die de functie duidelijk beschrijft.

#61 - Kop is niet gemarkeerd als koptekst

Op dit scherm zijn de tussenkopjes "Individueel (Warmte)", "Service ticket code: S000118573", "Historie" en andere niet als koptekst gemarkeerd.

User story

Ik lees de app met een schermlezer en wil de historie van mijn storing nalezen. Zonder koppen weet ik niet waar het ene onderdeel eindigt en het volgende begint.

Oplossing:

Maak hier een kop van.

#62 - Het aantal alinea's in de code wijkt af van de visuele weergave

Op het scherm staat een kopje "Service ticket code: S000118573" met daaronder meerdere alinea's over de storing. De schermlezer leest die tekst voor als één blok.

Een blinde bezoeker kan dan niet naar een stukje in het midden van de tekst luisteren. Het hele blok moet opnieuw worden voorgelezen.

User story

Ik lees de app met een schermlezer. De omschrijving van mijn storing komt als één lange lap tekst voorbij. Wil ik één zin teruglezen, dan moet ik het hele verhaal opnieuw aanhoren.

Oplossing:

Plaats deze alinea's in afzonderlijke alinea's.

#63 - Kop is niet gemarkeerd als koptekst

Op dit scherm staat de kop "Vul een toegangscode in". Die tekst is niet als koptekst gemarkeerd. Hetzelfde probleem staat bij de kop "Herhaal de toegangscode", die verschijnt nadat een bezoeker een code van 4 cijfers heeft ingevoerd.

Let op: de invoervelden om de code aan te maken reageren niet op aanraking. Dat is een probleem voor alle bezoekers, niet alleen voor mensen met een beperking.

User story

Ik lees de app met een schermlezer en stel een toegangscode in. Ik hoor niet dat er een nieuwe stap begint wanneer ik de code moet herhalen. Ik denk dat mijn invoer niet is aangekomen.

Oplossing:

Maak hier koppen van.

#67 - Kop is niet gemarkeerd als koptekst

Op dit scherm staan de koppen "Verbruik", "Vergelijken", "Koude december" en "Zelf regelen". Deze teksten zijn niet als koptekst gemarkeerd.

User story

Ik lees de app met een schermlezer en wil mijn verbruik vergelijken met vorig jaar. Zonder koppen kan ik niet naar het blok "Vergelijken" springen.

Oplossing:

Maak hier een kop van.

#68 - Interactieve elementen hebben geen juiste toegankelijke rol

Op dit scherm hebben de interactieve elementen "Maand" en "Jaar" geen passende rol. Hetzelfde probleem staat bij het interactieve element dat wisselt tussen "Energie" en "€" om de bijbehorende inhoud te tonen.

User story

Ik lees de app met een schermlezer en wil van maand naar jaar wisselen. Ik hoor de woorden wel, maar niet dat ik er iets mee kan. Ik ontdek de knop pas als ik er per ongeluk op tik.

Oplossing:

Zorg ervoor dat deze elementen de juiste rol hebben.

#72 - Tekst valt weg bij vergroting

Wanneer je de tekst in de instellingen van je telefoon tot de maximale grootte vergroot, wordt de tekst op de knop "Hoe en wanneer meten we dit?" afgesneden. Hetzelfde gebeurt bij de tekst op het interactieve element "Energie €".

User story

Ik heb slechtziendheid en gebruik de app met vergrote tekst. Op dit scherm valt het einde van de knoptekst weg, dus ik moet raden wat de knop doet.

Oplossing:

Zorg ervoor dat tekst leesbaar blijft wanneer deze wordt vergroot.