Rapport:
Audit digitale toegankelijkheid website MijnObvion

Uitkomst: Onvoldoende

Bevindingen: Linksboven op alle pagina's, bijvoorbeeld op https://ve-12345-mijnobvion.azurewebsites.net/Wonen/Overzicht, staat het logo van Obvion hypotheken. Dit is een informatieve afbeelding, maar mist een tekstalternatief. Voeg een tekstalternatief toe dat in ieder geval de zichtbare tekst bevat. Deze afbeelding gedraagt zich ook als een link en dan moet ook het linkdoel duidelijk gemaakt worden, bijvoorbeeld via het tekstalternatief. Zie ook succescriteria 2.1.1, 2.4.4, 2.5.3 en 4.1.2.

Als de website wordt bekeken op een klein of ingezoomd scherm, staat rechtsboven een icoon van een avatar. Zie bijvoorbeeld pagina https://ve-12345-mijnobvion.azurewebsites.net/Wonen/Overzicht. Dit interactieve icoon heeft nu geen tekstalternatief. Voeg een tekstalternatief toe dat aangeeft wat dit icoon doet, bijvoorbeeld via een visueel onzichtbare tekst of een aria-label. Zie ook succescriterium 4.1.2.

Op de inlogpagina https://ve-12345-mijnobvion.azurewebsites.net/Login staan iconen vóór de tabbladen "Gebruikersnaam" en "iDIN". Dit zijn img-elementen die nu een alt-attribuut missen. Het gevolg is dat mogelijk de bestandsnaam wordt voorgelezen. Voeg het alt-attribuut toe. Omdat deze afbeeldingen decoratief zijn, kan de waarde van het alt-attribuut leeg blijven: alt="". Op die manier kunnen de afbeeldingen genegeerd worden door hulpsoftware, zoals schermlezers.

Op pagina https://ve-12345-mijnobvion.azurewebsites.net/Wonen/Overzicht staan meerdere i-iconen, bijvoorbeeld naast "Marktwaarde" en "Schuldrest" en in de tabel onder "Leningdelen". Deze iconen zijn interactief en hebben het tekstalternatief "i". Dat is niet voldoende om aan te geven wat deze iconen doen. Wijzig dit tekstalternatief naar bijvoorbeeld "Meer informatie over [NAAM]" of iets dergelijks. Zie ook succescriterium 2.4.4.
Dit probleem komt vaker voor, bijvoorbeeld op pagina's https://ve-12345-mijnobvion.azurewebsites.net/MijnAccount en https://ve-12345-mijnobvion.azurewebsites.net/Wonen/IncassorekeningWijzigen.

Op pagina https://ve-12345-mijnobvion.azurewebsites.net/MijnDocumenten staan meerdere onderwerpen die uitgeklapt kunnen worden. Dan wordt een lijst met documenten getoond. Vóór elk document staat een icoon dat aangeeft dat het document een PDF-bestand is. Deze informatie is niet beschikbaar voor hulpsoftware, omdat de iconen geen tekstalternatief hebben. Geef deze svg-elementen een tekstalternatief via het title-element of een aria-label. Andere oplossingen zijn ook mogelijk.

Op pagina https://ve-12345-mijnobvion.azurewebsites.net/MijnDocumenten staan meerdere onderwerpen die uitgeklapt kunnen worden. Dan wordt een lijst met documenten getoond. Achter elk document staat een icoon waarmee het document gedownload kan worden. Dit icoon heeft geen tekstalternatief. Zie ook succescriterium 4.1.2.

Op pagina https://ve-12345-mijnobvion.azurewebsites.net/MijnAccount/AdresWijzigen staat een invoerveld onder "Ingangsdatum". Hierin staat ook een icoon voor het tonen van een kalender. Dit icoon heeft geen tekstalternatief. Zie ook succescriterium 4.1.2 voor meer informatie en een oplossingssuggestie.
Vergelijkbare problemen komen vaker voor, bijvoorbeeld op pagina https://ve-12345-mijnobvion.azurewebsites.net/MijnAccount/TelefoonnummerWijzigen voor het tonen of verbergen van het wachtwoord.

Op pagina https://ve-12345-mijnobvion.azurewebsites.net/MijnBerichten staat een icoon voor het verwijderen van een bericht. Dit icoon heeft geen tekstalternatief. Dit probleem kan vaker voorkomen. Zie succescriterium 4.1.2.

In de laatste stap op pagina https://ve-12345-mijnobvion.azurewebsites.net/Wonen/Rekentool kunnen iconen verschijnen als "Bekijk waarom" onder bijvoorbeeld "Kunt u straks uw hypotheek nog betalen?". Dit zijn iconen van een kruis op een rode achtergrond en een vinkje op een groene achtergrond. Deze iconen zijn informatief, maar hebben geen tekstalternatief. In de tekst onder "Meer info" zou de betekenis indirect kunnen worden afgeleid, maar dat is niet heel duidelijk. Geef de iconen daarom een tekstalternatief als bijvoorbeeld "Waarschijnlijk niet" en "Waarschijnlijk wel" of iets dergelijks.

Uitkomst: Niet aanwezig

Uitkomst: Niet aanwezig

Uitkomst: Niet aanwezig

Uitkomst: Niet aanwezig

Uitkomst: Niet aanwezig

Uitkomst: Onvoldoende

Bevindingen: Op pagina https://ve-12345-mijnobvion.azurewebsites.net/Wonen/Overzicht staat een tabel onder de koptekst "Leningdelen". De cellen in de eerste rij zijn goed opgemaakt als tabelkoppen (th-elementen). Dat moet echter ook gebeuren voor de cellen in de eerste kolom, want de inhoud van deze cellen hebben een relatie met de cellen ernaast.
Dit komt vaker voor, bijvoorbeeld op pagina https://ve-12345-mijnobvion.azurewebsites.net/Wonen/ExtraAflossen in de tweede ("Extra terugbetalen") en laatste stap ("Samenvatting").

Op pagina https://ve-12345-mijnobvion.azurewebsites.net/Wonen/RenteVerlengen staat onder "Vraag uw adviseur" een complexe tabel met meerdere relaties. Hierin is bijvoorbeeld de relatie tussen "Leningdeel / leningdelen waarvoor u een nieuwe rentevaste periode kunt kiezen." en de cellen eronder niet programmatisch te bepalen. Ook is de relatie tussen "Kies nieuwe periode" en de tabelrij die vervolgens verschijnt niet te bepalen. Al deze relaties moeten wel duidelijk worden gemaakt. Dit kan door ze expliciet aan elkaar te koppelen, maar het is wellicht eenvoudiger om hier twee losse tabellen van te maken en de keuzeopties bij "Kies nieuwe periode" in een dialoogvenster te zetten (die dan wel helemaal toegankelijk moet zijn). Andere oplossingen zijn ook mogelijk.

Op pagina https://ve-12345-mijnobvion.azurewebsites.net/MijnBerichten/BerichtSturen staan het label "Bijlagen (optioneel)" en de tekst "Sleep een bestand (PDF, JPEG, JPG…)". Deze zijn echter niet gekoppeld aan de knop "Selecteer een bestand". Het gevolg is dat gebruikers van hulpsoftware (zoals schermlezers) deze informatie kunnen missen. Dit kan op verschillende manieren opgelost worden. Bijvoorbeeld door deze inhoud te groeperen of door het label en de tekst expliciet te koppelen aan de knop. Andere oplossingen zijn ook mogelijk.
Dit komt vaker voor, bijvoorbeeld op pagina https://ve-12345-mijnobvion.azurewebsites.net/Wonen/Bouwdepot/Details/Regulier/DeclaratieIndienen.

Op pagina https://ve-12345-mijnobvion.azurewebsites.net/MijnDocumenten staan meerdere onderwerpen met documenten. Deze onderwerpen zijn eigenlijk een opsommingslijst en moet daarom ook als zodanig opgemaakt worden. Elk onderwerp bevat daarnaast een lijst met documenten. Die moeten ook opgemaakt worden als opsommingslijsten (ul- en li-elementen).

Op pagina https://ve-12345-mijnobvion.azurewebsites.net/Wonen/RenteVerlengen, staat in het uitklapbaar onderdeel "Duurzaamheidskorting voor huis met energielabel B of hoger" een opsommingslijst met twee onderdelen. In het tweede onderdeel is ook een geneste opsomming te vinden. Deze laatste is niet opgemaakt als opsommingslijst en dat is wel nodig. Die moet onderdeel worden van het tweede onderdeel van de bovenliggende lijst.

Op pagina https://ve-12345-mijnobvion.azurewebsites.net/MijnDocumenten staan meerdere onderwerpen met documenten. Naast elk onderwerp staat een knop dat de documenten in een onderwerp kan tonen of verbergen. De naam van deze knoppen is gelijk aan het aantal documenten, bijvoorbeeld "12 documenten". Visueel is wel duidelijk op welk onderwerp elke knop betrekking heeft, maar deze relatie is niet programmatisch te bepalen. Koppel de naam van het onderwerp aan deze knop of voeg dit toe als (onzichtbare) tekst. Hetzelfde probleem geldt ook voor de downloadknoppen naast de documenten die onder een onderwerp staan.

Op pagina https://ve-12345-mijnobvion.azurewebsites.net/MijnAccount staat een descriptielijst (dl-element) vanaf "Gebruikersnaam". Deze lijst bevat ook een div-element met daarin een a-element, maar dit is niet toegestaan. Daarnaast is hierdoor nu niet duidelijk wat met deze links gewijzigd kan worden. Verplaats de link naar het dd-element. Andere oplossingen zijn ook mogelijk.

Op pagina https://ve-12345-mijnobvion.azurewebsites.net/Wonen/Bouwdepot staat de content "Huidig saldo € 10.000,00" t/m "Bouwdepot voor Nieuwbouw" in meerdere descriptielijsten (dl-elementen). Dit moet echter als één lijst opgemaakt worden, waar vervolgens meerdere termen (dt-elementen) en beschrijvingen (dd-elementen) in staan. Dit komt vaker voor.

Op pagina https://ve-12345-mijnobvion.azurewebsites.net/MijnAccount staat de dikgedrukte tekst "Onze brieven online". Deze tekst is visueel en semantisch een koptekst voor de content eronder en moet daarom ook als kop (bijvoorbeeld h2) opgemaakt worden.
Een vergelijkbaar probleem komt meermalen voor in stap 2 van het formulier op pagina https://ve-12345-mijnobvion.azurewebsites.net/Wonen/ExtraAflossen. Dit komt ook op andere pagina's voor.

Op pagina https://ve-12345-mijnobvion.azurewebsites.net/MijnAccount/AdresWijzigen staat een invoerveld onder het label "Ingangsdatum". Dit veld is niet gekoppeld aan het label, waardoor de naam van het invoerveld de inhoud van de placeholdertekst is geworden. Voor gebruikers van hulpsoftware is daardoor niet duidelijk wat hier ingevuld moet worden. Koppel het label met het invoerveld, bijvoorbeeld via het for-attribuut in het label dat verwijst naar een id-attribuut van het input-element. Andere oplossingen zijn ook mogelijk.

Op pagina https://ve-12345-mijnobvion.azurewebsites.net/Wonen/IncassorekeningWijzigen staat een invoerveld onder het label "Uw nieuwe rekeningnummer (IBAN)". Dit veld is niet gekoppeld aan het label, omdat het for-attribuut van het label-element niet verwijst naar het id-attribuut van dit veld. De waarde van dit id-attribuut is "undefined". Zie ook succescriterium 4.1.2.
Dit komt vaker voor, bijvoorbeeld op pagina's https://ve-12345-mijnobvion.azurewebsites.net/Wonen/Bouwdepot/Details/Regulier/DeclaratieIndienen en https://ve-12345-mijnobvion.azurewebsites.net/Wonen/Rekentool.

Op pagina https://ve-12345-mijnobvion.azurewebsites.net/MijnAccount/TelefoonnummerWijzigen staat een select en een invoerveld onder het label "Nieuw telefoonnummer…". Dit label is niet gekoppeld aan beide velden, wat betekent dat voor gebruikers van hulpsoftware niet duidelijk is wat hier ingevuld moet worden. Groepeer deze velden, bijvoorbeeld door ze in een fieldset te zetten en het label te wijzigen naar een legend-element. Vervolgens moeten beide velden nog een goede naam krijgen.

Op pagina https://ve-12345-mijnobvion.azurewebsites.net/Wonen/ExtraAflossen staan meerdere vragen en radiobuttons, bijvoorbeeld de vraag "Heeft u spaargeld voor onverwachte uitgaven?" en de keuzes "Ja" en "Nee". De relatie tussen de vraag en de antwoordmogelijkheden is niet programmatisch te bepalen, wat betekent dat voor gebruikers van hulpsoftware niet duidelijk is waar ze "Ja" of "Nee" op antwoorden. Groepeer deze velden, bijvoorbeeld door ze in een fieldset te zetten en het label te wijzigen naar een legend-element. De extra informatie "Denk hierbij bijvoorbeeld aan…" kan ook in het legend toegevoegd worden of op een andere manier daaraan gerelateerd worden.
Iets vergelijkbaars komt voor op pagina https://ve-12345-mijnobvion.azurewebsites.net/Wonen/Bouwdepot/Details/Regulier/DeclaratieIndienen, bij "Uitbetalen op". Hier staat deze tekst wel in een legend-element, maar er is geen fieldset en daarom zijn deze tekst en de radiobuttons niet gegroepeerd.

Op pagina https://ve-12345-mijnobvion.azurewebsites.net/Wonen/IncassorekeningWijzigen staat onder "Uploaden SEPA-machtiging" een opsommingslijst met de twee onderdelen "Maximaal 2 bestanden" en "Maximale bestandsgrootte:10 MB". Dit is niet opgemaakt als een lijst (ul- en li-elementen). Maak hier een semantische opsommingslijst van.

Op pagina https://ve-12345-mijnobvion.azurewebsites.net/MijnBerichten staat onder "Berichten" een lijst met alle berichten. Dit is echter niet als een opsommingslijst opgemaakt, waardoor gebruikers van hulpsoftware de relaties niet kan bepalen.

Op pagina https://ve-12345-mijnobvion.azurewebsites.net/MijnBerichten staan onder "Berichten" één of meer berichten. De titel van het bericht, bijvoorbeeld "Doorgeven wijziging IBAN" is opgemaakt met het strong-element en niet als koptekst. Het strong-element is echter bedoeld om een of enkele woorden de nadruk te geven. Maak hier een kop (bijv. h2) van.

Op pagina https://ve-12345-mijnobvion.azurewebsites.net/Wonen/ExtraAflossen kunnen in stap 2 twee diagrammen getoond worden. Visueel is duidelijk welk bedrag bij "Voor terugbetaling" hoort en welk bedrag bij "Na terugbetaling". Deze relatie is echter niet programmatisch te bepalen of beschikbaar in tekst. Dit kan op verschillende manieren worden opgelost, bijvoorbeeld door de teksten "Voor terugbetaling" en "Na terugbetaling" te koppelen aan de bedragen of toe te voegen als visueel onzichtbare tekst bij de bedragen.
Let op: tekst kan visueel verborgen worden door het buiten beeld te plaatsen. De CSS-eigenschappen display:none en visibility:hidden zijn niet geschikt, want daarmee wordt het ook verborgen voor hulpsoftware.

Advies: op pagina https://ve-12345-mijnobvion.azurewebsites.net/Wonen/Overzicht staat een tabel onder de koptekst "Leningdelen". De laatste kolom met de knoppen "Details" mist inhoud in de tabelkop in de eerste rij. Officieel moeten tabelkoppen altijd inhoud hebben, maar in de praktijk leidt dit waarschijnlijk niet tot problemen en daarom is dit niet afgekeurd. Het zou wel goed zijn om deze tabelkop inhoud te geven.

Uitkomst: Onvoldoende

Bevindingen: Op pagina https://ve-12345-mijnobvion.azurewebsites.net/Wonen/Bouwdepot staan twee links "Check hier" die beide een dialoogvenster openen. De inhoud van dit dialoogvenster staat helemaal onderaan in de DOM-volgorde en dat is geen logische volgorde. Er is ook geen koppeling tussen de link en de inhoud van het dialoogvenster. Maak dit op als een dialoogvenster volgens https://www.w3.org/WAI/ARIA/apg/patterns/dialog-modal/. Zie ook succescriterium 2.4.3.
Dit komt vaker voor met dialoogvensters, bijvoorbeeld op pagina https://ve-12345-mijnobvion.azurewebsites.net/Wonen/RenteVerlengen.

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Onvoldoende

Bevindingen: Op de inlogpagina https://ve-12345-mijnobvion.azurewebsites.net/Login staan de invoervelden "Gebruikersnaam" en "Wachtwoord". Deze invoervelden hebben het autocomplete-attribuut met de waarde "off". Dit voorkomt dat gebruikers deze velden automatisch kunnen invullen en dat is niet toegestaan. Wijzig daarom deze waarden naar "username" en "current-password". Zie ook pagina https://www.w3.org/Translations/WCAG22-nl/#input-purposes.
Dit probleem komt vaker voor, bijvoorbeeld op pagina's https://ve-12345-mijnobvion.azurewebsites.net/MijnAccount/AdresWijzigen en https://ve-12345-mijnobvion.azurewebsites.net/MijnAccount/TelefoonnummerWijzigen.

Advies: op pagina https://ve-12345-mijnobvion.azurewebsites.net/Wonen/ExtraAflossen staan in stap 2 in de tabel, onder "Terugbetaalbedrag" drie invoervelden die het attribuut autocomplete="undefined" hebben. Deze waarde klopt niet. Omdat deze velden geen autocomplete nodig hebben, wordt dit niet afgekeurd. Wel kan dit bij bepaalde bezoekers tot verwarring leiden en daarom is het goed om dit attribuut hier te verwijderen of eventueel de waarde te wijzigen naar "off".
Dit komt vaker voor, bijvoorbeeld op pagina https://ve-12345-mijnobvion.azurewebsites.net/Wonen/Rekentool.

Uitkomst: Onvoldoende

Bevindingen: In de footer onderaan op de website staan de links "Privacy" t/m "Gebruikersovereenkomst". Zie bijvoorbeeld pagina https://ve-12345-mijnobvion.azurewebsites.net/Wonen/Overzicht. Als deze links de toetsenbordfocus krijgen, verandert de kleur van donkergrijs (HEX #343434) naar paars (HEX #A61462). Hier wordt alleen kleur gebruikt om informatie over te brengen, namelijk welke link de focus heeft. Het contrast tussen deze kleuren is te laag (1,7:1) om goed waargenomen te kunnen worden. Geef (naast kleur) ook een andere visuele hint die aangeeft welke link de focus heeft. Zie ook succescriterium 2.4.7.

Op de inlogpagina https://ve-12345-mijnobvion.azurewebsites.net/Login staan de links "Account deblokkeren" en "Telefoonnummer wijzigen". Als deze links de toetsenbordfocus krijgen, verandert de kleur van paars (HEX #A61462) naar een donkerder tint paars (HEX #620C3A). Hier wordt alleen kleur gebruikt om informatie over te brengen, namelijk welke link de focus heeft. Het contrast tussen deze kleuren is te laag (1,7:1) om goed waargenomen te kunnen worden. Geef (naast kleur) ook een andere visuele hint die aangeeft welke link de focus heeft. Zie ook succescriterium 2.4.7.
Dit komt vaker voor, bijvoorbeeld op pagina https://ve-12345-mijnobvion.azurewebsites.net/MijnBerichten bij de link "Stuur een bericht naar Obvion" en op pagina https://ve-12345-mijnobvion.azurewebsites.net/MijnBerichten/BerichtSturen bij de link "veelgestelde vragen".

Op de inlogpagina https://ve-12345-mijnobvion.azurewebsites.net/Login staan meerdere links in de lopende tekst, bijvoorbeeld "Account deblokkeren" en "Telefoonnummer wijzigen". Deze links zijn alleen herkenbaar doordat ze een andere kleur hebben. Slechtzienden en kleurenblinden kunnen hierdoor mogelijk niet herkennen dat het om links gaat. Zorg ervoor dat hyperlinks in lopende tekst ook herkenbaar zijn aan minimaal één andere eigenschap, bijvoorbeeld door ze te onderstrepen.
Dit probleem komt vaker voor, bijvoorbeeld als op pagina https://ve-12345-mijnobvion.azurewebsites.net/MijnBerichten/BerichtSturen/ een bericht is verstuurd en de inhoud "Bericht verstuurd" wordt getoond. Hier gaat het om de link "pagina 'reactietermijnen'".

Op pagina https://ve-12345-mijnobvion.azurewebsites.net/Wonen/ExtraAflossen staat bovenaan een voortgangsindicator. Hier wordt alleen kleur gebruikt om de voortgang aan te geven: een oranje lijn (HEX #FF7C07) in plaats van een grijze (HEX #A9A9A9). Omdat de contrastratio tussen deze kleuren minder is dan 3,0:1, kan deze informatie gemist worden. Voeg een andere visuele hint toe om deze informatie weer te geven.

Op pagina https://ve-12345-mijnobvion.azurewebsites.net/Wonen/ExtraAflossen kunnen in de tweede stap diagrammen verschijnen onder "Gevolgen extra terugbetaling". Hier wordt alleen kleur gebruikt: een oranje balk (HEX #FF7C07) en een grijze (HEX #DDDDDD). Omdat de contrastratio tussen deze kleuren minder is dan 3,0:1, kan deze informatie gemist worden. Voeg een andere visuele hint toe om deze informatie weer te geven.

Uitkomst: Niet aanwezig

Uitkomst: Onvoldoende

Bevindingen: Op pagina https://ve-12345-mijnobvion.azurewebsites.net/MijnBerichten kan de grijze tekst "We hebben geen berichten voor u kunnen vinden." (HEX a7a7a7) op een witte achtergrond staan. De contrastratio is hier 2,4:1 waar dat minimaal 4,5:1 moet zijn. Dit geldt ook voor de tekst "Ontvangen op [DATUM]", die zichtbaar is bij een bericht.

Op pagina https://ve-12345-mijnobvion.azurewebsites.net/MijnDocumenten kan de lichtoranje tekst "We halen uw documenten op…" (HEX #f7931e) verschijnen op de witte achtergrond. De contrastratio is hier 2,2:1 waar dat minimaal 4,5:1 moet zijn.
Dit probleem komt ook voor op pagina https://ve-12345-mijnobvion.azurewebsites.net/MijnAccount en de tekst "LET OP: UW ADRES IS NIET ZICHTBAAR".
Een vergelijkbaar probleem komt voor op pagina https://ve-12345-mijnobvion.azurewebsites.net/Wonen/Rekentool, in stap 4 onder "Bruto werknemerspensioen per jaar.

Op pagina https://ve-12345-mijnobvion.azurewebsites.net/MijnAccount/AdresWijzigen staat een invoerveld onder "Ingangsdatum". De grijze placeholdertekst (HEX #c7c7c7) heeft een contrastratio van 1,7:1 op de witte achtergrond, waar dit minimaal 4,5:1 moet zijn.
Dit komt vaker voor, bijvoorbeeld op pagina https://ve-12345-mijnobvion.azurewebsites.net/MijnAccount/TelefoonnummerWijzigen.

Op pagina https://ve-12345-mijnobvion.azurewebsites.net/MijnAccount/AdresWijzigen staat een invoerveld onder "Ingangsdatum". Hierin staat ook een knop waarmee een kalender kan worden geopend. De oranje letters van de dagen van de week (HEX #ff7c07) hebben een contrastratio van 2,4:1 op de lichtgrijze achtergrond (HEX #f8f9fa). Dit moet minimaal 4,5:1 zijn.

Op pagina https://ve-12345-mijnobvion.azurewebsites.net/Wonen/ExtraAflossen kan in de tweede stap de volgende melding verschijnen: "U kunt maar op één leningdeel tegelijkertijd extra terugbetalen…". De rode tekst (HEX #e20d0d) heeft een contrastratio van 3,9:1 op de roze achtergrond (HEX #ffdfdf). Dit moet minimaal 4,5:1 zijn.

Op pagina https://ve-12345-mijnobvion.azurewebsites.net/Wonen/Rekentool kan in stap 4 een rekentool geopend worden. Hierin staan grijze teksten (HEX #898989) op een lichtgrijze achtergrond (HEX #f2f2f2). De contrastratio is hier 3,1:1 waar dat minimaal 4,5:1 moet zijn. Het gaat o.a. om de tekst "Kijk in uw polis." onder het invoerveld "Hoeveel lijfrentekapitaal heeft u op dit moment opgebouwd?".

Op pagina https://ve-12345-mijnobvion.azurewebsites.net/Wonen/Bouwdepot/Details/Regulier/DeclaratieIndienen staat onder "Kopie factuur of bon" de grijze tekst "Upload een scan…" (HEX #898989) op een witte achtergrond. De contrastratio is hier 3,4:1 waar dat minimaal 4,5:1 moet zijn.

Op pagina https://ve-12345-mijnobvion.azurewebsites.net/Wonen/Rekentool kan in stap 4 een rekentool geopend worden. Hier kunnen rode foutmeldingen (HEX #e20d0d) verschijnen op een lichtgrijze achtergrond (HEX #f2f2f2). De contrastratio is hier 4,3:1 waar dat minimaal 4,5:1 moet zijn.

Op pagina https://ve-12345-mijnobvion.azurewebsites.net/Wonen/Bouwdepot/Details/Regulier kan in de tabel onder "Looptijd verlengen?" de blauwe tekst "In behandeling" (HEX #14a3c8) op een lichtblauwe achtergrond (HEX #ecfbff) staan. De contrastratio is hier 2,7:1 waar dat minimaal 4,5:1 moet zijn.

Op pagina https://ve-12345-mijnobvion.azurewebsites.net/Wonen/RenteVerlengen staat in het paarse kader (HEX #a61462) naast "HypotheekCheck" de witte tekst "Test in 10 minuten…". Als deze tekst de toetsenbordfocus krijgt, verandert de kleur naar donkerpaars (HEX #620c3a). De contrastratio is hier 1,7:1 waar dat minimaal 4,5:1 moet zijn.

Advies: op pagina https://ve-12345-mijnobvion.azurewebsites.net/Wonen/RenteVerlengen kan een nieuwe periode gekozen worden, waarna het resultaat bij "Maandbedrag stijgt met" in rode tekst wordt weergegeven. Deze rode tekst heeft voldoende contrast. Tijdens deze audit was het niet mogelijk om een situatie te kiezen waarbij het maandbedrag daalt. Let erop dat in dat geval het resultaat ook wordt getoond in een kleur met voldoende contrast op de witte achtergrond.

Uitkomst: Onvoldoende

Bevindingen: Op elke pagina, bijvoorbeeld https://ve-12345-mijnobvion.azurewebsites.net/Wonen/Overzicht, staan in de HTML-code bij meta name="viewport" de volgende instellingen: maximum-scale=1 en user-scalable=no. Op mobiel of tablet kunnen bezoekers daarom in sommige gevallen niet inzoomen. Laat deze instellingen weg.

Als de pagina's worden ingezoomd tot 200%, verdwijnt de link "Obvion.nl" die rechts boven de hoofdnavigatie staat. Dit is verlies van content. Ook de link "Contact" verdwijnt, maar hiervoor is een alternatief beschikbaar in het mobiele hoofdmenu. Zie bijvoorbeeld pagina https://ve-12345-mijnobvion.azurewebsites.net/Wonen/Overzicht.

Op pagina https://ve-12345-mijnobvion.azurewebsites.net/Wonen/Rekentool staat bovenaan een voortgangsindicator met de namen van alle stappen. Als deze pagina wordt ingezoomd tot 200%, verdwijnen de namen van de stappen. Dit is verlies van informatie.

Uitkomst: Voldoende

Uitkomst: Onvoldoende

Bevindingen: Op pagina https://ve-12345-mijnobvion.azurewebsites.net/Wonen/Rekentool staat bovenaan een voortgangsindicator met de namen van alle stappen. Als deze pagina wordt ingezoomd tot 400% of als de pagina wordt bekeken op een klein scherm (320 px breed), verdwijnen de namen van de stappen. Dit is verlies van informatie.

Advies: wanneer bij een schermgrootte van 1280x1024 pixels ingezoomd wordt tot 400%, is op pagina https://ve-12345-mijnobvion.azurewebsites.net/MijnAccount het e-mailadres niet volledig zichtbaar en dat kan een probleem zijn voor mensen die de pagina ingezoomd of op een klein scherm bekijken. Dit wordt echter niet afgekeurd, omdat het volledige e-mailadres wel zichtbaar is als op de link "Wijzigen" wordt geklikt. Dit geldt mogelijk ook voor het adres.

Uitkomst: Onvoldoende

Bevindingen: Op vrijwel alle pagina's, bijvoorbeeld https://ve-12345-mijnobvion.azurewebsites.net/Wonen/Overzicht, staat een select-element naast het hoofdmenu, waarmee een weergave kan worden gekozen. Wanneer dit element de toetsenbordfocus krijgt, is dat zichtbaar door een lichtblauwe focusrand (HEX #c2dbfe). De contrastverhouding tussen de focusrand en de witte achtergrond is 1,4:1, waar dit minimaal 3,0:1 moet zijn. Hierdoor is voor slechtzienden en kleurenblinden het onderscheid niet of moeilijk waar te nemen. Maak gebruik van een kleurencombinatie met voldoende contrast.
Dit komt vaker voor, bijvoorbeeld op pagina's https://ve-12345-mijnobvion.azurewebsites.net/Wonen/Bouwdepot/Details/Regulier/DeclaratieIndienen en https://ve-12345-mijnobvion.azurewebsites.net/MijnAccount/AdresWijzigen bij de invoervelden.

Op de inlogpagina https://ve-12345-mijnobvion.azurewebsites.net/Login staat de knop "Inloggen". Wanneer dit element de toetsenbordfocus krijgt, is dat zichtbaar door een lichtblauwe focusrand (HEX #c2dbfe). De contrastverhouding tussen de focusrand en de witte achtergrond is 1,4:1 waar dit minimaal 3,0:1 moet zijn. Ook de achtergrondkleur verandert naar een donkerder tint paars, maar dat heeft ook een te laag contrast. Maak gebruik van een kleurencombinatie met voldoende contrast.
Dit probleem komt vaker voor, bijvoorbeeld op pagina https://ve-12345-mijnobvion.azurewebsites.net/Wonen/Overzicht bij de knoppen in de caroussel met tips en op pagina https://ve-12345-mijnobvion.azurewebsites.net/Wonen/Bouwdepot.

Op pagina https://ve-12345-mijnobvion.azurewebsites.net/MijnBerichten/BerichtSturen staan de knoppen "Selecteer een bestand" en "Annuleren". Wanneer deze knoppen de toetsenbordfocus krijgen, is dat zichtbaar door een lichtgrijze focusrand (HEX #c0c4c8). De contrastverhouding tussen de focusrand en de witte achtergrond is 1,8:1 waar dit minimaal 3,0:1 moet zijn. Ook de achtergrondkleur verandert naar een donkerder tint paars, maar dat heeft ook een te laag contrast. Maak gebruik van een kleurencombinatie met voldoende contrast.
Dit probleem komt vaker voor, bijvoorbeeld op pagina's https://ve-12345-mijnobvion.azurewebsites.net/Wonen/Bouwdepot en https://ve-12345-mijnobvion.azurewebsites.net/MijnAccount/AdresWijzigen.

De invoervelden op de inlogpagina https://ve-12345-mijnobvion.azurewebsites.net/Login hebben een grijze rand (HEX #bababa). De contrastratio op de witte achtergrond is hier 1,9:1, waar dat minimaal 3,0:1 moet zijn.
Dit probleem komt vaker voor, bijvoorbeeld op pagina's https://ve-12345-mijnobvion.azurewebsites.net/MijnBerichten/BerichtSturen en https://ve-12345-mijnobvion.azurewebsites.net/MijnAccount/AdresWijzigen.

Op pagina https://ve-12345-mijnobvion.azurewebsites.net/Wonen/ExtraAflossen kunnen in de tweede stap diagrammen verschijnen onder "Gevolgen extra terugbetaling". De oranje balk (HEX #ff7c07) heeft een te lage contrastratio van 2,3:1 op de lichtgrijze achtergrond (HEX #f3f3f3). De grijze balk (HEX #dddddd) heeft een te lage contrastratio van 1,2:1 op de lichtgrijze achtergrond. Dit moet minimaal 3,0:1 zijn om goed waargenomen te kunnen worden.
Vergelijkbare problemen komen voor in de voortgangsbalk op deze pagina.

In de laatste stap op pagina https://ve-12345-mijnobvion.azurewebsites.net/Wonen/Rekentool kunnen iconen verschijnen als "Bekijk waarom" onder bijvoorbeeld "Kunt u straks uw hypotheek nog betalen?". Dit zijn iconen van een kruis op een rode achtergrond en een vinkje op een groene achtergrond. Het witte vinkje op de groene achtergrond (HEX #2dcc70) heeft een te lage contrastratio van 2,1:1 waar dit minimaal 3,0:1 moet zijn.

Uitkomst: Onvoldoende

Bevindingen: Als de tekstafstanden uit dit succescriterium worden toegepast bij een schermbreedte van 320 pixels, kan op pagina https://ve-12345-mijnobvion.azurewebsites.net/Wonen/Overzicht de naam van de hypotheek deels onleesbaar worden, bijvoorbeeld "Mijn Obvion Woon Hypothee" en "Mijn Obvion Basis Hypothee".

Als de tekstafstanden uit dit succescriterium worden toegepast bij een schermbreedte van 320 pixels, is een deel van de content in de tabellen op pagina https://ve-12345-mijnobvion.azurewebsites.net/Wonen/Bouwdepot/Details/Regulier niet meer zichtbaar, omdat die buiten beeld vallen. Bijvoorbeeld de datum van vandaag, de status, het rekeningnummer etc. Zorg dat alle content beschikbaar blijft bij deze aanpassingen, eventueel door de content te verdelen over meerdere regels.

Uitkomst: Onvoldoende

Bevindingen: Op alle pagina's na de inlog staat een hoofdnavigatie, bijvoorbeeld op https://ve-12345-mijnobvion.azurewebsites.net/Wonen/Overzicht. Als de muisaanwijzer hierover wordt bewogen, verschijnt een submenu bij de onderdelen "Maandlast verlagen", "Mijn situatie" en "Mijn gegevens". Deze extra content valt ook over de inhoud van de pagina. Deze extra content die verschijnt moet aan drie voorwaarden voldoen. De content kan echter niet gesloten worden zonder de muis te verplaatsen. Een oplossing kan zijn om dit mogelijk te maken met de Escape-toets op het toetsenbord.

Uitkomst: Onvoldoende

Bevindingen: Op alle pagina's, bijvoorbeeld https://ve-12345-mijnobvion.azurewebsites.net/Wonen/Overzicht, staat linksboven het logo van Obvion. Bezoekers die de muis gebruiken kunnen via dit logo naar de startpagina gaan. Dit is niet mogelijk voor toetsenbordgebruikers, omdat dit logo niet bereikbaar is met alleen het toetsenbord (behalve op de inlogpagina). Zie ook succescriterium 4.1.2 voor gerelateerde problemen en een oplossingssuggestie.
Let op: er is een alternatief voor deze 'link', namelijk de link "Hypotheekoverzicht" in het hoofdmenu. Deze link is echter ook niet met het toetsenbord te bereiken en daarom geen toegankelijk alternatief.

Op alle pagina's, bijvoorbeeld https://ve-12345-mijnobvion.azurewebsites.net/Wonen/Overzicht, staat rechtsboven de link "Ingelogd". Deze link is niet met alleen het toetsenbord te bereiken en te bedienen. Dit komt waarschijnlijk doordat het a-element geen href-attribuut heeft. Maak hier een button-element van en zorg ervoor dat die met het toetsenbord te bedienen is.

Op alle pagina's, bijvoorbeeld https://ve-12345-mijnobvion.azurewebsites.net/Wonen/Overzicht, staat bovenaan een hoofdmenu. De onderdelen "Hypotheekadviseur" t/m "Mijn gegevens" zijn niet met alleen het toetsenbord te bereiken en te bedienen. Dit komt door het ontbreken van het href-attribuut op de links.

Als de website op een klein of ingezoomd scherm wordt bekeken, staat bovenaan een knop voor het openen van het menu. Zie bijvoorbeeld pagina https://ve-12345-mijnobvion.azurewebsites.net/Wonen/Overzicht. In dit geopende menu zijn niet alle onderdelen met alleen het toetsenbord te bereiken en te bedienen. Dit gaat onder andere om de onderdelen "Hypotheekoverzicht" en "Extra terugbetalen" t/m "Hypotheeksoort omzetten" onder "Maandlast verlagen", maar ook andere onderdelen. De oorzaak is waarschijnlijk dat deze a-elementen geen href-attribuut hebben.

Op de inlogpagina https://ve-12345-mijnobvion.azurewebsites.net/Login is de link "Gebruikersnaam vergeten?" en de knop voor het tonen of verbergen van het wachtwoord niet bereikbaar en bedienbaar met alleen het toetsenbord.

Op pagina https://ve-12345-mijnobvion.azurewebsites.net/Wonen/Overzicht staan meerdere i-iconen, bijvoorbeeld naast "Marktwaarde" en "Schuldrest" en in de tabel onder "Leningdelen". Ook kunnen in deze tabel iconen met een uitroepteken staan. Verder staan er ook iconen in de caroussel met tips, waarmee tussen de tips genavigeerd kan worden. Al deze iconen zijn niet met alleen het toetsenbord te bereiken en te bedienen. De oorzaak hiervoor verschilt; soms hebben deze knoppen geen interactieve rol en in andere gevallen zijn het a-elementen, maar hebben deze geen href-attribuut. Zie ook succescriterium 4.1.2 voor meer informatie en oplossingssuggesties.

Op pagina https://ve-12345-mijnobvion.azurewebsites.net/Wonen/Overzicht staan meerdere links onder "Makkelijk zelf online regelen". Al deze links zijn niet met alleen het toetsenbord te bereiken en te bedienen. Dit komt waarschijnlijk doordat de a-elementen geen href-attribuut hebben.

Als op pagina https://ve-12345-mijnobvion.azurewebsites.net/MijnBerichten/BerichtSturen een bijlage wordt toegevoegd, verschijnt een link voor het verwijderen van deze bijlage. Deze link is niet bereikbaar en bedienbaar met alleen het toetsenbord. Dit komt waarschijnlijk doordat het a-element geen href-attribuut heeft.
Dit komt vaker voor, bijvoorbeeld op pagina https://ve-12345-mijnobvion.azurewebsites.net/Wonen/IncassorekeningWijzigen.

Op pagina https://ve-12345-mijnobvion.azurewebsites.net/MijnDocumenten staan meerdere onderwerpen die met de muisaanwijzer uitgeklapt kunnen worden. Dit is echter niet mogelijk met alleen het toetsenbord. Dit komt waarschijnlijk doordat het span-elementen zijn met role="button". Dit attribuut geeft alleen aan dat het een knop is, maar zorgt er nog niet voor dat deze met het toetsenbord te bedienen is. Dit moet via JavaScript nog toegevoegd worden, maar het is beter om in plaats daarvan het span-element te wijzigen in een button-element. Dan is toetsenbordtoegankelijkheid al ingebouwd.
Vergelijkbare problemen komen vaker voor, bijvoorbeeld de knoppen "Details" op pagina https://ve-12345-mijnobvion.azurewebsites.net/Wonen/Bouwdepot/Details/Regulier. Ook op pagina https://ve-12345-mijnobvion.azurewebsites.net/Wonen/RenteVerlengen komt dit voor, bij de knoppen "Kies nieuwe periode" in de tabel.

Op pagina https://ve-12345-mijnobvion.azurewebsites.net/MijnAccount/AdresWijzigen staat een invoerveld onder "Ingangsdatum". Hierin staat ook een knop waarmee een kalender kan worden geopend. Dit is echter niet mogelijk met het toetsenbord. Het is wel mogelijk om handmatig een datum in te voeren, maar hier zijn ook toegankelijkheidsproblemen mee. Zie bijvoorbeeld succescriteria 1.4.3 en 3.3.2.

Op pagina https://ve-12345-mijnobvion.azurewebsites.net/MijnBerichten is vrijwel de gehele content niet met het toetsenbord te bereiken en te bedienen. Het gaat bijvoorbeeld om de 'knop' voor het selecteren van het bericht en de link voor het verwijderen van een bericht.

Op pagina https://ve-12345-mijnobvion.azurewebsites.net/Wonen/ExtraAflossen staan in stap 2 enkele onderdelen die in- en uitgeklapt kunnen worden. Bijvoorbeeld "Indicatie nieuwe maandbedrag" en "Betalen via iDEAL". Deze onderdelen zijn niet met het toetsenbord te bereiken en te bedienen. Maak hier knoppen van of kijk op pagina https://www.w3.org/WAI/ARIA/apg/patterns/accordion/ voor tips.

In de laatste stap op pagina https://ve-12345-mijnobvion.azurewebsites.net/Wonen/Rekentool kan uitleg getoond worden via de link "Bekijk waarom". Deze link kan wel bereikt, maar niet bediend worden. Dit komt waarschijnlijk doordat het a-element wel een tabindex-attribuut heeft (waardoor het bereikt kan worden), maar geen href-attribuut (waardoor het niet bediend kan worden). Verwijder het tabindex-attribuut en voeg het href-attribuut toe met een waarde. Of maak er een button-element van.
Dit geldt ook voor de links "Meer info" die eronder staan.

Op pagina https://ve-12345-mijnobvion.azurewebsites.net/Wonen/Bouwdepot staan twee links "Check hier". Beide links zijn niet met alleen het toetsenbord te bereiken en te bedienen. Deze links missen het href-attribuut.

Uitkomst: Voldoende

Uitkomst: Niet aanwezig

Uitkomst: Onvoldoende

Bevindingen: Na ongeveer 10 minuten inactiviteit verschijnt een dialoogvenster waar de bezoeker kan kiezen om ingelogd te blijven. Zie bijvoorbeeld pagina https://ve-12345-mijnobvion.azurewebsites.net/Wonen/Overzicht. Dit venster wordt slechts 10 seconden lang getoond en dat is te kort om gebruikt te kunnen worden. Zorg ervoor dat de bezoeker minstens 20 seconden heeft om de sessie te verlengen. Verder moet de bezoeker minimaal 10 keer de mogelijkheid krijgen om de sessie te verlengen. Dit laatste is vanwege de tijd niet getest. Er zijn meer problemen met deze tijdsgrens, zie bijvoorbeeld succescriteria 2.4.3 en 4.1.3. Vanwege de korte tijd dat dit dialoogvenster wordt getoond, kon dit niet volledig getest worden. Hier kunnen dus nog meer toegankelijkheidsproblemen mee zijn.

Uitkomst: Onvoldoende

Bevindingen: Op pagina https://ve-12345-mijnobvion.azurewebsites.net/Wonen/Overzicht staat midden op de pagina een caroussel met tips. Deze bewegende content kan niet gepauzeerd, gestopt of verborgen worden. Dit is belangrijk voor bijvoorbeeld mensen die snel zijn afgeleid door bewegingen op het scherm. Dit voorkomt dat zij zich kunnen concentreren op de rest van de pagina en daarom moet het mogelijk zijn om deze bewegende content te pauzeren of te stoppen. Voeg een pauzeknop toe of laat de beweging alleen uitvoeren als de bezoeker daar zelf voor kiest.

Uitkomst: Voldoende

Uitkomst: Onvoldoende

Bevindingen: Op elke pagina, bijvoorbeeld https://ve-12345-mijnobvion.azurewebsites.net/Wonen/Overzicht, ontbreekt een mechanisme om de herhalende content over te slaan. Bezoekers die de website met een toetsenbord en/of hulpsoftware bedienen, moeten op elke pagina langs dezelfde onderdelen gaan voordat ze bij de inhoud van de pagina zijn. Dit is op te lossen door een link op de pagina te plaatsen (skiplink) die de focus verplaatst naar de eerste unieke inhoud van de pagina. Deze link moet de eerste link van de pagina zijn. Deze link mag standaard verborgen zijn voor bezoekers, maar moet zichtbaar worden als de focus erop komt wanneer met het toetsenbord wordt genavigeerd.

Advies: voor bepaalde gebruikers kan het ook handig zijn om een main-landmark aan te bieden. Dat is een main-element of element met role="main". Zo kunnen schermlezergebruikers via deze landmark direct naar de hoofdinhoud gaan. Dit helpt echter niet alle gebruikers en is daarom niet voldoende als dit de enige manier is. Zie bijvoorbeeld pagina https://ve-12345-mijnobvion.azurewebsites.net/Wonen/Overzicht.

Uitkomst: Onvoldoende

Bevindingen: De paginatitel van pagina https://ve-12345-mijnobvion.azurewebsites.net/Wonen/Rekentool is "Aflossingsvrij in de toekomst - MijnObvion". Deze titel geeft niet het onderwerp of doel aan. Wijzig de paginatitel naar bijvoorbeeld "Hypotheekcheck aflossingsvrije hypotheek | MijnObvion".

De paginatitel van pagina https://ve-12345-mijnobvion.azurewebsites.net/404 is "MijnObvion". Deze titel geeft niet het onderwerp of doel aan en is niet uniek. Geef deze pagina een unieke titel die beknopt het onderwerp of doel aangeeft, bijvoorbeeld "Pagina niet gevonden | MijnObvion".

De pagina's https://ve-12345-mijnobvion.azurewebsites.net/Wonen/Bouwdepot, https://ve-12345-mijnobvion.azurewebsites.net/Wonen/Bouwdepot/Details/Regulier en https://ve-12345-mijnobvion.azurewebsites.net/Wonen/Bouwdepot/Details/Regulier/DeclaratieIndienen hebben allemaal de paginatitel "Bouwdepot - MijnObvion". Deze titel geeft wel het onderwerp aan voor de eerste pagina, maar is niet uniek en niet voldoende beschrijvend voor de andere twee pagina's. Geef deze pagina's een unieke titel die beknopt het onderwerp of doel aangeeft, bijvoorbeeld "Details bouwdepot | MijnObvion" en "Declaratie indienen bouwdepot | MijnObvion" of iets dergelijks.

Advies: de meeste paginatitels hebben een liggend streepje (" - ") tussen het onderwerp en de organisatienaam. Dit kan mogelijk worden voorgelezen als "minus" of "minteken". Daarom is het beter om een andere scheidingsteken te gebruiken, bijvoorbeeld " | ".

Uitkomst: Onvoldoende

Bevindingen: Na ongeveer 10 minuten inactiviteit verschijnt een dialoogvenster waar de bezoeker kan kiezen om ingelogd te blijven. Zie bijvoorbeeld pagina https://ve-12345-mijnobvion.azurewebsites.net/Wonen/Overzicht. Dit venster wordt slechts 10 seconden lang getoond. Aangezien de toetsenbordfocus niet direct naar deze dialoogvenster gaat, hebben toetsenbordgebruikers te weinig tijd om de sessie te verlengen. Verplaats de toetsenbordfocus direct naar het dialoogvenster als dit verschijnt. Er zijn meer gerelateerde problemen, zie bijvoorbeeld succescriteria 2.2.1 en 4.1.3.

Als de website op een klein of ingezoomd scherm wordt bekeken, staat bovenaan een knop voor het openen van het menu. Zie bijvoorbeeld pagina https://ve-12345-mijnobvion.azurewebsites.net/Wonen/Overzicht. Als dit menu wordt geopend, blijft de toetsenbordfocus op de onderliggende pagina. Dit is geen goede focusvolgorde, want als een menu of venster wordt geopend bovenop een webpagina, moet de toetsenbordfocus daar direct naartoe gaan. Vervolgens moet de focus ook in het geopende menu of venster blijven. Dit komt vaker voor.

Op pagina https://ve-12345-mijnobvion.azurewebsites.net/Wonen/Overzicht staan meerdere i-iconen die een dialoogvenster kunnen openen. Als een dialoogvenster is geopend, blijft de toetsenbordfocus op de onderliggende pagina. De focus moet echter direct naar het geopende dialoogvenster gaan en daar vervolgens ook in blijven totdat de bezoeker het dialoogvenster sluit. Maak deze op volgens pagina https://www.w3.org/WAI/ARIA/apg/patterns/dialog-modal/.
Dit probleem komt ook voor bij andere dialoogvensters, bijvoorbeeld als de sessie bijna verloopt of als de inlogverificatie is mislukt. Zie ook bijvoorbeeld pagina's https://ve-12345-mijnobvion.azurewebsites.net/Wonen/Bouwdepot en https://ve-12345-mijnobvion.azurewebsites.net/Wonen/RenteVerlengen.

Op de inlogpagina https://ve-12345-mijnobvion.azurewebsites.net/Login staat de knop "Inloggen" in het tabblad "Gebruikersnaam". Deze knop heeft het attribuut tabindex="3" gekregen, wat inhoudt dat deze pas helemaal aan het eind (zelfs na de browserbediening) in de focusvolgorde komt. Dit is niet logisch. Verwijder dit tabindex-attribuut.
Let op: er zijn meer elementen met het tabindex-attribuut. Die hebben de waarde "-1" of "0". Het is beter om spaarzaam om te gaan met dit attribuut en deze alleen te gebruiken als het echt nodig is.

Op pagina https://ve-12345-mijnobvion.azurewebsites.net/MijnDocumenten staan meerdere onderwerpen die met de muisaanwijzer uitgeklapt kunnen worden. Als deze nog gesloten zijn, kan de toetsenbordfocus terechtkomen op de knoppen die niet zichtbaar zijn. De focus mag echter niet naar onderdelen die niet zichtbaar zijn. Zorg ervoor dat deze knoppen pas in de focusvolgorde komen als zij zichtbaar zijn.
Een vergelijkbaar probleem komt voor in stap 2 van het formulier op pagina https://ve-12345-mijnobvion.azurewebsites.net/Wonen/ExtraAflossen. Ook op andere pagina's komt dit voor, bijvoorbeeld op https://ve-12345-mijnobvion.azurewebsites.net/Wonen/RenteVerlengen.

Op pagina https://ve-12345-mijnobvion.azurewebsites.net/Wonen/Rekentool staat in stap 4 een knop voor het openen van een rekenhulp. Als deze rekenhulp niet geopend is, kan de toetsenbordfocus alsnog terechtkomen op links en knoppen in die rekentool, terwijl die niet zichtbaar zijn. De focus mag niet terechtkomen op onderdelen die niet zichtbaar zijn.
Vergelijkbare problemen komen vaker voor, bijvoorbeeld op pagina https://ve-12345-mijnobvion.azurewebsites.net/Wonen/RenteVerlengen.

Uitkomst: Onvoldoende

Bevindingen: Linksboven op alle pagina's, bijvoorbeeld https://ve-12345-mijnobvion.azurewebsites.net/Wonen/Overzicht, staat het logo van Obvion hypotheken. Dit element gedraagt zich als een link en daarom moet ook het linkdoel ervan duidelijk worden. Voeg een toegankelijke naam toe aan dit element dat de zichtbare tekst bevat en aangeeft waar de link naartoe gaat (die gaat namelijk niet naar de startpagina van www.obvion.nl). Zie ook succescriteria 1.1.1, 2.5.3 en 4.1.2.

Op pagina https://ve-12345-mijnobvion.azurewebsites.net/Wonen/Overzicht staan meerdere i-iconen, bijvoorbeeld naast "Marktwaarde" en "Schuldrest" en in de tabel onder "Leningdelen". Deze iconen zijn links en hebben de naam "i". Dat is niet voldoende om het linkdoel van deze links aan te geven. Wijzig dit tekstalternatief naar bijvoorbeeld "Meer informatie over [NAAM]" of iets dergelijks. Zie ook succescriteria 1.1.1 en 4.1.2.

Op pagina https://ve-12345-mijnobvion.azurewebsites.net/MijnAccount staan achter "Gebruikersnaam", "E-mailadres" etc links met de naam "Wijzig". Deze links hebben niet automatisch context met de content ervóór en dat betekent dat het linkdoel hiervan niet duidelijk is. Zie ook succescriterium 1.3.1 voor meer informatie en een oplossingssuggestie.

Op pagina https://ve-12345-mijnobvion.azurewebsites.net/MijnBerichten staat een link voor het verwijderen van een bericht. Deze link heeft geen toegankelijke naam, waardoor het linkdoel niet duidelijk is. Geef het een naam dat duidelijk aangeeft wat deze link doet.
Dit probleem kan vaker voorkomen.

In de laatste stap op pagina https://ve-12345-mijnobvion.azurewebsites.net/Wonen/Rekentool kan uitleg getoond worden via de link "Bekijk waarom". Deze link heeft niet automatisch context met de content erboven en daarom kan het linkdoel niet goed bepaald worden. Dit geldt ook voor meerdere links "Meer info" die eronder staan.
Dit probleem kan vaker voorkomen.

Uitkomst: Onvoldoende

Bevindingen: Er is maar één manier om alle pagina's binnen deze website te vinden en dat is door het volgen van links. Zorg dat er nog een manier is om elke pagina te kunnen bereiken, bijvoorbeeld via een zoekmachine of sitemap. Zie bijvoorbeeld pagina https://ve-12345-mijnobvion.azurewebsites.net/Wonen/Overzicht.

Uitkomst: Voldoende

Uitkomst: Onvoldoende

Bevindingen: Op alle pagina's, bijvoorbeeld https://ve-12345-mijnobvion.azurewebsites.net/Wonen/Overzicht, staat rechtsboven een topmenu met o.a. de links "Obvion.nl" en "Contact". Ook staat bovenaan een hoofdnavigatie met o.a. de onderdelen "Berichten", "Documenten" en "Mijn adviseur". Als deze links de toetsenbordfocus krijgen, is dat niet zichtbaar. Zorg ervoor dat bezoekers die met het toetsenbord navigeren weten welk element de focus heeft door een duidelijke focusrand toe te voegen.
Let op: dit geldt mogelijk ook voor andere onderdelen in deze menu's, maar die kunnen momenteel geen focus ontvangen, zie succescriterium 2.1.1.

Op de inlogpagina https://ve-12345-mijnobvion.azurewebsites.net/Login staat een tablist met de tabbladen "Gebruikersnaam" en "iDIN". Als het actieve tabblad de toetsenbordfocus krijgt, is dat niet zichtbaar. Zorg ervoor dat bezoekers die met het toetsenbord navigeren weten welk element de focus heeft door een duidelijke focusrand toe te voegen.

Op de inlogpagina https://ve-12345-mijnobvion.azurewebsites.net/Login staan twee links onder de kop "Account aanmaken of activeren". Als deze links de toetsenbordfocus krijgen, is dat niet zichtbaar. Zorg ervoor dat bezoekers die met het toetsenbord navigeren weten welk element de focus heeft door een duidelijke focusrand toe te voegen.

Op pagina https://ve-12345-mijnobvion.azurewebsites.net/Wonen/Overzicht staat een caroussel met tips. Als de toetsenbordfocus op één van de knoppen in deze caroussel staat, kan dit verdwijnen als de tip buiten beeld komt te staan. De focus is dan niet meer zichtbaar en dat is niet de bedoeling. Zie ook succescriterium 2.2.2.

Op pagina https://ve-12345-mijnobvion.azurewebsites.net/MijnDocumenten staan meerdere onderwerpen die met de muisaanwijzer uitgeklapt kunnen worden. Als deze nog gesloten zijn, kan de toetsenbordfocus terechtkomen op de knoppen die niet zichtbaar zijn. De focusindicator is daarmee ook niet zichtbaar, wat tot gevolg heeft dat toetsenbordgebruikers niet kunnen zien waar zij zich bevinden.
Een vergelijkbaar probleem komt voor in stap 2 van het formulier op pagina https://ve-12345-mijnobvion.azurewebsites.net/Wonen/ExtraAflossen.

Op pagina https://ve-12345-mijnobvion.azurewebsites.net/Wonen/Rekentool staat in stap 4 een knop voor het openen van een rekenhulp. Als deze rekenhulp niet geopend is, kan de toetsenbordfocus alsnog terechtkomen op links en knoppen in die rekentool, terwijl die niet zichtbaar zijn. De focusindicator is daarmee ook niet zichtbaar, wat tot gevolg heeft dat toetsenbordgebruikers niet kunnen zien waar zij zich bevinden.
Vergelijkbare problemen komen vaker voor, bijvoorbeeld op pagina https://ve-12345-mijnobvion.azurewebsites.net/Wonen/RenteVerlengen.

Op pagina https://ve-12345-mijnobvion.azurewebsites.net/MijnAccount staan achter "Gebruikersnaam" t/m "Adres" links voor het wijzigen van deze gegevens. Als deze links de toetsenbordfocus krijgen, is dat niet zichtbaar. Zorg ervoor dat bezoekers die met het toetsenbord navigeren weten welk element de focus heeft door een duidelijke focusrand toe te voegen.

Uitkomst: Niet aanwezig

Uitkomst: Voldoende

Uitkomst: Onvoldoende

Bevindingen: Linksboven op alle pagina's, bijvoorbeeld https://ve-12345-mijnobvion.azurewebsites.net/Wonen/Overzicht, staat het logo van Obvion hypotheken. Dit element gedraagt zich als een link en daarom moet het ook bedienbaar zijn met spraakbedieningssoftware. Voeg een toegankelijke naam toe aan dit element dat in ieder geval de zichtbare tekst bevat en aangeeft waar de link naartoe gaat (die gaat namelijk niet naar de startpagina van www.obvion.nl). Zie ook succescriteria 1.1.1, 2.4.4 en 4.1.2.

Op pagina https://ve-12345-mijnobvion.azurewebsites.net/MijnAccount/AdresWijzigen staat een invoerveld onder "Ingangsdatum". Dit zichtbare label is niet gekoppeld aan het invoerveld, waardoor deze tekst niet gebruikt kan worden met spraakbedieningssoftware. Zie ook succescriterium 1.3.1 voor meer informatie en een oplossingssuggestie.

Op pagina https://ve-12345-mijnobvion.azurewebsites.net/Wonen/IncassorekeningWijzigen staat een invoerveld onder het label "Uw nieuwe rekeningnummer (IBAN)". Omdat dit veld is niet gekoppeld aan het label, heeft dit veld geen toegankelijke naam. Dat betekent dat de zichtbare tekst van het label niet gebruikt kan worden om het veld te bedienen met spraakbedieningssoftware. Zie ook succescriterium 1.3.1 voor meer informatie en een oplossingssuggestie.

Op pagina https://ve-12345-mijnobvion.azurewebsites.net/MijnAccount/TelefoonnummerWijzigen staat een select en een invoerveld onder het label "Nieuw telefoonnummer…". Dit label is niet gekoppeld aan beide velden, waardoor deze tekst niet gebruikt kan worden om deze velden te bedienen. Zie ook succescriterium 1.3.1 voor meer informatie en een oplossingssuggestie.

Uitkomst: Niet aanwezig

Uitkomst: Voldoende

Uitkomst: Onvoldoende

Bevindingen: Op pagina https://ve-12345-mijnobvion.azurewebsites.net/MijnAccount/AdresWijzigen staat een invoerveld onder "Ingangsdatum". Hierin staat ook een knop voor het tonen van een kalender. Hierin staan velden en knoppen met Engelstalige labels, zoals "Previous month", "Select month", etc. Vertaal dit naar het Nederlands of geef hier een taalwisseling aan via lang="en".

Advies: op pagina https://ve-12345-mijnobvion.azurewebsites.net/Wonen/Bouwdepot/Details/Regulier staan enkele Engelstalige woorden, zoals "Description" en "BeneficiaryName". In deze audit is aangenomen dat dit om testdata gaat en niet om teksten die in de live-omgeving staan. Daarom is dit niet afgekeurd.

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Onvoldoende

Bevindingen: Wanneer bezoekers op de inlogpagina https://ve-12345-mijnobvion.azurewebsites.net/Login geen of foutieve invoer invullen, verschijnen meldingen onder de invoervelden "Gebruikersnaam" en "Wachtwoord". Bijvoorbeeld "Voer een geldige gebruikersnaam in." en "Dit veld is verplicht". Dit zijn geen goede foutmeldingen, maar eerder instructies. Een goede foutidentificatie vermeldt welke fout is gemaakt en waar de fout is gemaakt. Bijvoorbeeld "Het veld VELDNAAM is niet (goed) ingevuld".
Dit probleem komt vaker voor, bijvoorbeeld op pagina's https://ve-12345-mijnobvion.azurewebsites.net/Wonen/Rekentool, https://ve-12345-mijnobvion.azurewebsites.net/Wonen/Bouwdepot/Details/Regulier/DeclaratieIndienen, https://ve-12345-mijnobvion.azurewebsites.net/MijnAccount/AdresWijzigen en https://ve-12345-mijnobvion.azurewebsites.net/Wonen/IncassorekeningWijzigen.

Uitkomst: Onvoldoende

Bevindingen: Op alle pagina's, bijvoorbeeld https://ve-12345-mijnobvion.azurewebsites.net/Wonen/Overzicht, staat een select-element naast het hoofdmenu, waarmee een weergave kan worden gekozen. Hier ontbreekt een zichtbaar label, waardoor niet duidelijk is wat dit element doet. Voeg een zichtbaar label toe dat duidelijk aangeeft wat de bezoeker hier kan kiezen. Zorg er ook voor dat dit label gekoppeld is aan het select-element, zodat het ook dient als naam voor dit element. Zie ook succescriterium 4.1.2.

Op pagina https://ve-12345-mijnobvion.azurewebsites.net/MijnAccount/AdresWijzigen staan meerdere invoervelden. De meeste invoervelden zijn verplicht, behalve "Toevoeging". Als er zowel verplichte als optionele velden zijn, moet duidelijk zijn welke velden verplicht zijn en welke optioneel. Dit kan door deze informatie toe te voegen aan het label bij de invoervelden. Omdat hier slechts één veld optioneel is, is het aan te bevelen om bij dit veld "(optioneel)" toe te voegen aan het label. Dan is duidelijk dat de andere velden verplicht zijn. Andere oplossingen zijn ook mogelijk.

Op pagina https://ve-12345-mijnobvion.azurewebsites.net/MijnAccount/AdresWijzigen staat een invoerveld bij "Ingangsdatum". Hier geldt een bepaald format dat is weergegeven in de placeholder: "bijv. '31-01-2025'". Een placeholder is hiervoor niet geschikt, want die verdwijnt als de bezoeker iets invult. Daarnaast geldt blijkbaar een eis dat de datum binnen nu en drie maanden ligt. Deze eis moet vooraf aan de bezoeker gecommuniceerd worden. Voeg deze informatie toe aan het label.
Let op: er is een knop in dit veld aanwezig waarmee wel een goede datum geselecteerd kan worden, maar deze knop is niet toegankelijk. Zie bijvoorbeeld succescriteria 1.4.3 en 2.1.1.
Een vergelijkbaar probleem komt voor op pagina https://ve-12345-mijnobvion.azurewebsites.net/Wonen/Rekentool. Hier geldt ook de eis dat de aanvrager ouder dan 18 jaar moet zijn. In dit veld staat geen knop.

Op pagina https://ve-12345-mijnobvion.azurewebsites.net/MijnAccount/AdresWijzigen kan onder "Reden" ook de optie "Anders" worden geselecteerd. Dan verschijnt een extra veld met de placeholdertekst "Beschrijf de reden van uw adreswijziging". Deze placeholdertekst is het enige dat aangeeft wat hier ingevuld moet worden, maar dat is niet voldoende. De placeholdertekst verdwijnt namelijk als de bezoeker begint met invullen en daardoor kan het onduidelijk zijn wat ingevuld moet worden. Voeg een zichtbaar label toe en koppel deze aan het invoerveld.

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Onvoldoende

Bevindingen: Op alle pagina's, bijvoorbeeld https://ve-12345-mijnobvion.azurewebsites.net/Wonen/Overzicht, staat linksboven het logo van Obvion. Dit interactief element heeft geen naam en geen rol. Maak hier een link (a-element) van en geef het een naam "Obvion hypotheken, ga naar de startpagina van MijnObvion", bijvoorbeeld via een visueel onzichtbare tekst of een aria-label. Let erop dat de visueel zichtbare tekst aanwezig moet zijn en dat duidelijk moet zijn waar de link naartoe gaat (die gaat namelijk niet naar de startpagina van www.obvion.nl).

Op alle pagina's, bijvoorbeeld https://ve-12345-mijnobvion.azurewebsites.net/Wonen/Overzicht, staat rechtsboven de link "Ingelogd". Deze link het attribuut aria-expanded="false" gekregen, waarschijnlijk om aan te geven of het menu gesloten of geopend is. Dit attribuut is echter niet toegestaan op een a-element. Daarnaast verandert de waarde niet naar "true" als het menu geopend is. Maak hier een button-element van en zorg dat de waarde dynamisch wijzigt en de status goed aangeeft.
Een vergelijkbaar probleem komt voor bij de onderdelen "Maandlast verlagen", "Mijn situatie" en "Mijn gegevens" in het hoofdmenu. Hier is een bijkomend probleem, omdat deze interactieve elementen helemaal geen semantische rol hebben (het zijn div-elementen). Maak hier ook button-elementen van.
Let op: het toevoegen van role="button" zorgt er niet voor dat ze ook toetsenbordtoegankelijk zijn, zie ook succescriterium 2.1.1.

Op alle pagina's, bijvoorbeeld https://ve-12345-mijnobvion.azurewebsites.net/Wonen/Overzicht, staat een select-element naast het hoofdmenu, waarmee een weergave kan worden gekozen. Dit interactieve element heeft geen naam. Zie ook succescriterium 3.3.2.
Dit komt vaker voor, bijvoorbeeld op pagina https://ve-12345-mijnobvion.azurewebsites.net/MijnAccount/TelefoonnummerWijzigen onder "Nieuw telefoonnummer…".

Als de website wordt bekeken op een klein of ingezoomd scherm, staat bovenin een icoon dat fungeert als knop om naar "Mijn account" te gaan. Deze knop heeft geen naam. Geef het een naam, bijvoorbeeld via een visueel onzichtbare tekst of een aria-label. Vergeet ook geen aria-expanded mee te geven, omdat de knop uitklapt met menuopties. Zie bijvoorbeeld pagina https://ve-12345-mijnobvion.azurewebsites.net/Wonen/Overzicht.

Op de inlogpagina https://ve-12345-mijnobvion.azurewebsites.net/Login staat een tablist met de tabbladen "Gebruikersnaam" en "iDIN". Het element met role="tablist" mist een naam. Voeg een naam toe via een aria-labelledby- of aria-label-attribuut.

Op de inlogpagina https://ve-12345-mijnobvion.azurewebsites.net/Login, als het tabblad "Gebruikersnaam" actief is, staat er een knop in het wachtwoordveld. Met deze knop kan het wachtwoord getoond of verborgen worden. Deze knop heeft echter geen naam en dat is wel nodig. Daarnaast moet duidelijk worden wat de knop doet, namelijk het wachtwoord tonen of verbergen. Voeg een naam toe, bijvoorbeeld via een onzichtbare tekst of een aria-label met de waardes "Wachtwoord tonen" of "Wachtwoord verbergen" of iets dergelijks.

Op pagina https://ve-12345-mijnobvion.azurewebsites.net/Wonen/Overzicht staan meerdere i-iconen, bijvoorbeeld naast "Marktwaarde" en "Schuldrest" en in de tabel onder "Leningdelen". Deze iconen zijn interactief, want ze openen een dialoogvenster met informatie. Zij hebben nu de rol 'link', maar dit hoort eigenlijk 'button' te zijn. Maak er daarom een button-element van. Ook is niet duidelijk wat deze link of knop doet. Dit kan opgelost worden door het toevoegen van aria-haspopup="dialog".

Op pagina https://ve-12345-mijnobvion.azurewebsites.net/Wonen/Overzicht staan meerdere i-iconen, bijvoorbeeld naast "Marktwaarde" en "Schuldrest" en in de tabel onder "Leningdelen". Deze iconen kunnen een dialoogvenster openen. Dit geopende dialoogvenster heeft geen naam en geen rol. Zie pagina https://www.w3.org/WAI/ARIA/apg/patterns/dialog-modal/ voor meer informatie en oplossingssuggesties. Ook het x-icoon in dit geopende dialoogvenster heeft geen rol. Maak hier een button-element van.
Deze problemen met dialoogvensters komen vaker voor, bijvoorbeeld met het dialoogvenster dat verschijnt als de sessie bijna afloopt of als de inlogverificatie is mislukt.

Op pagina https://ve-12345-mijnobvion.azurewebsites.net/Wonen/Overzicht staan in de caroussel met tips ook twee iconen waarmee door de tips genavigeerd kan worden. Deze interactieve elementen hebben geen naam en geen rol. Geef ze een duidelijke naam en rol, bijvoorbeeld door er button-elementen van te maken.

Op pagina https://ve-12345-mijnobvion.azurewebsites.net/Wonen/Overzicht staan in de tabel onder "Leningdelen" iconen met een uitroepteken, bijvoorbeeld als de hypotheek 670711 is gekozen. Deze interactieve elementen hebben geen naam, geen rol en zijn via aria-hidden="true" verborgen voor hulpsoftware. Verwijder dit attribuut en geef ze een duidelijke naam en rol, bijvoorbeeld door er button-elementen van te maken.

Op pagina https://ve-12345-mijnobvion.azurewebsites.net/MijnDocumenten staan meerdere onderwerpen die met de muisaanwijzer uitgeklapt kunnen worden. Dit zijn span-elementen met role="button". De status van deze knoppen (gesloten of geopend) kan niet door software bepaald worden. Voeg deze informatie toe als onzichtbare tekst of via aria-expanded, waarbij de waarde dynamisch wijzigt tussen "true" en "false".
Dit probleem komt vaker voor, bijvoorbeeld op pagina https://ve-12345-mijnobvion.azurewebsites.net/Wonen/RenteVerlengen.

Op pagina https://ve-12345-mijnobvion.azurewebsites.net/MijnDocumenten staan meerdere onderwerpen die met de muisaanwijzer uitgeklapt kunnen worden. Als deze geopend worden, verschijnen meerdere downloadbare documenten. De knop voor het downloaden heeft geen naam. Voeg een naam toe dat aangeeft wat gedownload wordt, dus inclusief de naam van het document.

Op pagina https://ve-12345-mijnobvion.azurewebsites.net/MijnAccount/AdresWijzigen staat een invoerveld onder "Ingangsdatum". Hierin staat ook een knop voor het tonen van een kalender. Deze knop heeft geen naam en geen rol. Geef het een duidelijke naam en maak er een button-element van.

Op pagina https://ve-12345-mijnobvion.azurewebsites.net/Wonen/IncassorekeningWijzigen staat een invoerveld onder het label "Uw nieuwe rekeningnummer (IBAN)". Omdat dit veld is niet gekoppeld aan het label, heeft dit veld geen naam. Zie ook succescriterium 1.3.1 voor meer informatie en een oplossingssuggestie.
Dit probleem komt vaker voor, bijvoorbeeld op pagina https://ve-12345-mijnobvion.azurewebsites.net/Wonen/Bouwdepot/Details/Regulier/DeclaratieIndienen.

Op pagina https://ve-12345-mijnobvion.azurewebsites.net/MijnBerichten staat een link voor het verwijderen van een bericht. Deze link heeft geen toegankelijke naam.
Vergelijkbare problemen komen vaker voor, bijvoorbeeld op pagina https://ve-12345-mijnobvion.azurewebsites.net/MijnAccount/TelefoonnummerWijzigen de knop voor het tonen of verbergen van het wachtwoord.

Op pagina https://ve-12345-mijnobvion.azurewebsites.net/Wonen/ExtraAflossen staan in stap 2, in de tabel onder "Terugbetaalbedrag", drie invoervelden die allemaal geen naam hebben. Ze hebben allemaal wel een gekoppeld label, maar die zijn onzichtbaar (ook voor hulpsoftware) en hebben geen inhoud.

In de laatste stap op pagina https://ve-12345-mijnobvion.azurewebsites.net/Wonen/Rekentool kan uitleg getoond worden via de link "Bekijk waarom". Deze link heeft geen rol die door software bepaald kan worden. Dit geldt ook voor de links eronder. Mogelijk kan dit opgelost worden door een href-attribuut aan de links toe te voegen of door er button-elementen van te maken.

Uitkomst: Onvoldoende

Bevindingen: Na ongeveer 10 minuten inactiviteit verschijnt een dialoogvenster waar de bezoeker kan kiezen om ingelogd te blijven, bijvoorbeeld op pagina https://ve-12345-mijnobvion.azurewebsites.net/Wonen/Overzicht. Deze nieuwe content wordt niet aan gebruikers van hulpsoftware gecommuniceerd. Dit kan opgelost worden door bijvoorbeeld gebruik te maken van aria-live="alert". Het element en dit attribuut moeten al aanwezig zijn in de DOM als de pagina is geladen, want daarmee kan hulpsoftware achterhalen dat er nieuwe content kan verschijnen. Andere oplossingen zijn ook mogelijk. Zie ook succescriteria 2.2.1 en 2.4.3.
Dit probleem komt vaker voor, ook bij andere dialoogvensters.

Na het inloggen verschijnt de tekst "Aan het laden" en een wachtanimatie, zie bijvoorbeeld pagina https://ve-12345-mijnobvion.azurewebsites.net/Wonen/Overzicht. Vervolgens blijft de wachtanimatie zichtbaar terwijl de pagina aan het laden is. Dit is een statusbericht die ook aan gebruikers van hulpsoftware gecommuniceerd moet worden. Dit kan opgelost worden door bijvoorbeeld gebruik te maken van aria-live="polite". Het element en dit attribuut moeten al aanwezig zijn in de DOM als de pagina is geladen, want daarmee kan hulpsoftware achterhalen dat er nieuwe content kan verschijnen. Andere oplossingen zijn ook mogelijk.
Dit komt vaker voor, bijvoorbeeld op pagina https://ve-12345-mijnobvion.azurewebsites.net/MijnDocumenten als de documenten geladen worden.

Wanneer bezoekers in het formulier op de inlogpagina https://ve-12345-mijnobvion.azurewebsites.net/Login de velden niet goed invullen, verschijnen foutmeldingen zonder dat de pagina ververst. Blinden en slechtzienden die met een screenreader werken krijgen geen signaal dat er iets is gewijzigd en dat er foutmeldingen op het scherm staan. Los dit op met bijvoorbeeld aria-live="assertive" of role="alert".
Dit probleem komt vaker voor, bijvoorbeeld op pagina's https://ve-12345-mijnobvion.azurewebsites.net/Wonen/Bouwdepot/Details/Regulier/DeclaratieIndienen, https://ve-12345-mijnobvion.azurewebsites.net/MijnAccount/AdresWijzigen en https://ve-12345-mijnobvion.azurewebsites.net/Wonen/IncassorekeningWijzigen.

Op pagina https://ve-12345-mijnobvion.azurewebsites.net/MijnBerichten/BerichtSturen verandert de tekst "Verzenden" op de knop in een bewegende wachtanimatie. Deze informatie (dat de pagina aan het laden is) wordt nu niet gecommuniceerd aan hulpsoftware. Dit kan opgelost worden door bijvoorbeeld gebruik te maken van aria-live="polite". Het element en dit attribuut moeten al aanwezig zijn in de DOM als de pagina is geladen, want daarmee kan hulpsoftware achterhalen dat er nieuwe content kan verschijnen. Andere oplossingen zijn ook mogelijk.
Dit komt vaker voor, bijvoorbeeld op pagina https://ve-12345-mijnobvion.azurewebsites.net/MijnAccount/AdresWijzigen, als "Ga verder" wordt geactiveerd.

Op pagina https://ve-12345-mijnobvion.azurewebsites.net/Wonen/IncassorekeningWijzigen kan een bestand toegevoegd worden. Dan verschijnt de melding "Het bestand is toegevoegd". Dit statusbericht wordt niet gecommuniceerd aan hulpsoftware. Dit kan opgelost worden door bijvoorbeeld gebruik te maken van aria-live="polite". Het element en dit attribuut moeten al aanwezig zijn in de DOM als de pagina is geladen, want daarmee kan hulpsoftware achterhalen dat er nieuwe content kan verschijnen. Andere oplossingen zijn ook mogelijk.
Dit komt vaker voor, bijvoorbeeld op pagina's https://ve-12345-mijnobvion.azurewebsites.net/Wonen/Bouwdepot/Details/Regulier/DeclaratieIndienen en https://ve-12345-mijnobvion.azurewebsites.net/MijnBerichten/BerichtSturen.

Als op pagina https://ve-12345-mijnobvion.azurewebsites.net/Wonen/ExtraAflossen in stap 2 in de tabel een te hoog bedrag wordt ingevuld, verschijnt de tekst "Het ingevulde bedrag is hoger dan het nog terug te betalen bedrag van dit leningdeel.". Deze melding wordt niet gecommuniceerd aan hulpsoftware. Dit kan opgelost worden door bijvoorbeeld gebruik te maken van aria-live="polite". Het element en dit attribuut moeten al aanwezig zijn in de DOM als de pagina is geladen, want daarmee kan hulpsoftware achterhalen dat er nieuwe content kan verschijnen. Andere oplossingen zijn ook mogelijk.