Rapport:
Audit digitale toegankelijkheid website Obvion

Uitkomst: Onvoldoende

Bevindingen: Op pagina https://www.obvion.nl/homepage staat een afbeelding van het logo van Obvion hypotheken. De alternatieve tekst is 'Obvion Hypotheken'. Voeg hieraan toe dat het gaat om een logo. Voor bezoekers die gebruikmaken van voorleessoftware is het overdragen dat er een logo staat betekenisvolle informatie.

Op pagina https://www.obvion.nl/homepage staat onder de header een afbeelding met alternatieve tekst 'Afbeelding-campagnebeeld-duurzaamheid-homepage'. Deze alternatieve tekst beschrijft de afbeelding onvoldoende. Voeg een beschrijvende alternatieve tekst toe of maak de afbeelding eventueel decoratief, door middel van een leeg alt-attribuut in het img-element. Dit probleem komt ook voor op pagina https://www.obvion.nl/adviseur bij de afbeelding onder de header. Op beide afbeeldingen is ook de tekst 'Winnaar Gouden spreekbuis 2023' te zien. Voeg deze informatie toe aan de alternatieve tekst, of plaats deze tekst als html op de pagina, zie hiervoor succescriterium 1.4.5. Een vergelijkbaar probleem komt op meerdere pagina's voor, bijvoorbeeld:

• Op pagina https://www.obvion.nl/adviseur/Beleid/Einddatum-hypotheek/Stappenplan-Als-de-hypotheek-afloopt/Aanvraag-vernieuwen-op-einde-looptijd staat onder de header de afbeelding met alternatieve tekst 'Afbeelding-Betalingsproblemen-klant-header'. Deze tekst beschrijft de afbeelding niet.
• Op pagina https://www.obvion.nl/adviseur/Doelgroep/Starten-op-woningmarkt bij de afbeelding 'Slim starten doet u zó!'.

Op pagina https://www.obvion.nl/Hypotheek-en-werk/Expats-Netherlands staat onder de header een afbeelding met bloemen. Deze afbeelding is decoratief en heeft daarom geen alternatieve tekst nodig. Een beschrijving als 'Moving to the Netherlands? Get a mortgage at Obvion' beschrijft de afbeelding niet en is overbodig voor screenreadergebruikers. De afbeelding moet wel een leeg alt-attribuut in het img-element hebben. Dit probleem komt op meerdere pagina's voor, bijvoorbeeld op pagina https://www.obvion.nl/Over-Obvion/Wie-is-Obvion bij de afbeelding met alternatieve tekst 'Afbeelding-waarom-obvion'.

Op pagina https://www.obvion.nl/homepage staan "tegels" met een afbeelding en link. Bijvoorbeeld 'Maximale hypotheek' en 'Actuele rente'. Deze afbeeldingen hebben geen tekstalternatief en dit is ook niet nodig omdat het om decoratieve afbeeldingen gaat en ze hebben wel een leeg alt-attribuut (alt=""), zodat hulpsoftware weet dat de afbeelding genegeerd kan worden. De afbeelding met alternatieve tekst 'Renteverlaging' mag ook op deze manier decoratief gemaakt worden want nu is die tekst dubbel op. Als de afbeelding als informatief beschouwd moet worden dan is de beschrijving onvoldoende, geef dan ook aan dat het hier om een icoon gaat. Hetzelfde probleem komt voor op pagina https://www.obvion.nl/adviseur.

Op pagina https://www.obvion.nl/homepage en https://www.obvion.nl/adviseur staan onder de kop 'Volg het ritme van onze hypotheken' drie afbeeldingen met een alternatieve tekst die de afbeelding niet beschrijven. Deze afbeeldingen zijn decoratief en hebben daarom geen alternatieve tekst nodig. Een beschrijving als 'Als starter uit de verf' is overbodig voor screenreadergebruikers. De afbeeldingen moeten wel een leeg alt-attribuut in het img-element hebben.

Op pagina https://www.obvion.nl/Hypotheek-en-werk/Expats-Netherlands staat een afbeelding met alternatieve tekst 'expats mortgage at obvion', deze tekst beschrijft de afbeelding niet. Hetzelfde probleem komt voor op pagina https://www.obvion.nl/Contact staat een afbeelding met alternatieve tekst 'Afbeelding-contact'. Deze tekst beschrijft de afbeelding niet, maar omdat de afbeelding decoratief is, is er geen alternatieve tekst nodig. De afbeelding moet wel een leeg alt-attribuut in het img-element hebben.

Op pagina https://www.obvion.nl/Over-Obvion/Wie-is-Obvion staat een animatie video. De video heeft geen beschrijvende titel. Voeg een korte titel of samenvatting van de video toe, bijvoorbeeld in het title-attribuut van het video element of via een aria-label. Hetzelfde probleem komt voor bij de video 'Veelgestelde vragen over meetekenen ouders bij Obvion' op pagina https://www.obvion.nl/adviseur/Doelgroep/Starten-op-woningmarkt.

Op pagina https://www.obvion.nl/Over-Obvion/Wie-is-Obvion staat een animatie video met een afbeelding met alternatieve tekst 'Afbeelding-animatie-funding-obvion'. Pas de alternatieve tekst aan naar 'Open video [naam video]' of plaats te videospeler rechtstreeks op de pagina.

Op pagina https://www.obvion.nl/Hypotheekadvies/zoek-adviseur staat een kaart. De kaart wordt door de screenreader voorgelezen als 'kaart'. Zorg voor een beschrijvende titel via het title attribuut.

Op pagina https://www.obvion.nl/adviseur/Doelgroep/Starten-op-woningmarkt staat een infographic onder de kop 'Wat zet u nu wanneer in?'. Er is geen toegankelijk alternatief beschikbaar. Zorg voor een toegankelijk alternatief bij de infographic.

Op pagina https://www.obvion.nl/homepage staat onder de hoofdnavigatie een afbeelding van een campagnebeeld duurzaamheid. Op de afbeelding is tekst te zien 'Winnaar Gouden Spreekbuis 2023'. Voeg deze tekst toe aan de alternatieve tekst van de afbeelding.

Op pagina https://www.obvion.nl/Zoeken?query=hypotheek staat bij de zoekresultaten een icoon met 'Blog'. Zorg voor een beschrijvende alternatieve tekst.

Opmerking: Op meerdere pagina's, bijvoorbeeld pagina https://www.obvion.nl/homepage staan afbeeldingen die in de alternatieve tekst het woord 'Afbeelding' hebben staan. Omdat de rol van het element al role=image is, geeft voorleessoftware deze informatie al door aan de bezoeker. Het is dus dubbelop om de tekst 'Afbeelding' te vermelden in de alternatieve tekst. Omdat de meeste afbeeldingen waar dit voorkomt decoratief zijn, is er hier geen concrete bevinding vermeld, maar let hier wel op wanneer een afbeelding een alternatieve tekst krijgt.

Uitkomst: Niet aanwezig

Uitkomst: Onvoldoende

Bevindingen: Op pagina https://www.obvion.nl/Over-Obvion/Wie-is-Obvion wordt een video getoond. Deze video heeft een automatisch gegenereerde ondertiteling. Op een aantal plekken staan onjuiste woorden. Bijvoorbeeld op 0:04 waar in plaats van 'Obvion' de tekst 'opion' staat. Ook ontbreekt de interpunctie waardoor de zinnen moeilijk te begrijpen zijn. Maak een goede ondertiteling. Hetzelfde probleem komt voor bij de video op pagina https://www.obvion.nl/adviseur/Doelgroep/Starten-op-woningmarkt.

Uitkomst: Onvoldoende

Bevindingen: Op pagina https://www.obvion.nl/Over-Obvion/Wie-is-Obvion is er in de video tekst in beeld rond 0:01. Er ontbreekt uitgeschreven tekst en er is geen audiodescriptie die vertelt wat er op het scherm staat. Zo kunnen mensen die de video niet kunnen zien en afhankelijk zijn van hulpsoftware zoals een screenreader niet weten wat er wordt getoond in de video. Zet deze en andere informatie in een transcript. Of maak gebruik van een extra audiospoor om ook te voldoen aan SC 1.2.5. Hetzelfde probleem komt voor in de video op pagina https://www.obvion.nl/adviseur/Doelgroep/Starten-op-woningmarkt, waar bijvoorbeeld om 0:28 de naam en functie van de spreker in beeld komt

Op de pagina https://www.obvion.nl/Over-Obvion/Wie-is-Obvion is een animatie video waar het logo aan het begin eind in beeld komt. Als je dat niet kan zien mis je dat dit een video van Obvion is. Voeg deze informatie toe aan de audiodescriptie, of laat alle informatie uitspreken door de voiceover waardoor de audiodescriptie overbodig wordt. Hetzelfde probleem komt voor in de video op pagina https://www.obvion.nl/adviseur/Doelgroep/Starten-op-woningmarkt waar het logo van Obvion aan het begin en het einde van de video in beeld komt.

Uitkomst: Niet aanwezig

Uitkomst: Onvoldoende

Bevindingen: Op de pagina https://www.obvion.nl/Over-Obvion/Wie-is-Obvion is een video. De audiodescriptie ontbreekt in deze video. Audiodescriptie is een (extra) audiospoor waarin verteld wordt wat er in beeld te zien is, zodat iemand die blind is weet wat er op het scherm te zien is. Hetzelfde probleem komt voor in de video op pagina https://www.obvion.nl/adviseur/Doelgroep/Starten-op-woningmarkt.

Op de pagina https://www.obvion.nl/Over-Obvion/Wie-is-Obvion is een animatie video waar het logo aan het begin eind in beeld komt. Als je dat niet kan zien mis je dat dit een video van Obvion is. Voeg deze informatie toe aan de audiodescriptie, of laat alle informatie uitspreken door de voiceover waardoor de audiodescriptie overbodig wordt. Hetzelfde probleem komt voor in de video op pagina https://www.obvion.nl/adviseur/Doelgroep/Starten-op-woningmarkt waar het logo van Obvion aan het begin en het einde van de video in beeld komt.

Uitkomst: Onvoldoende

Bevindingen: Op pagina https://www.obvion.nl/Contact staat onder 'Meest gestelde vragen' een opsomming (geordende lijst). Gebruik het ol- en li-element om de opsomming op te maken.

Op pagina https://www.obvion.nl/Hypotheekadvies/adviseur/de-hypotheekshop-voerendaal staat een enkel list item onder de kaart met de tekst 'Afstand'. Een enkel lijst-item is geen lijst en deze lijst lijkt hier geen functie te hebben. Verwijder de lijst van de pagina of vul een afstand in, maar dit kan dan beter worden weergegeven in een tabel (om de relatie tussen het woord afstand en de cijfers duidelijk te communiceren).

Op pagina https://www.obvion.nl/adviseur staat een kop die ook een link is (en eruitziet als knop) 'Naar nieuwsarchief'. Dit is geen kop, het ziet er niet uit als een kop en het gedraagt zich niet als een kop en dient daarom ook niet als zodanig te zijn opgemaakt. Hetzelfde probleem komt voor op pagina https://www.obvion.nl/homepage bij de kop 'Naar nieuwsarchief'. Een vergelijkbaar probleem komt voor op de homepagina bij de kop daaronder 'Obvion. Hypotheken vanuit het hart'. Deze kop is meer een slogan en beschrijft niet de onderliggende content. Aangezien deze tekst ook al als slogan in de footer staan mag deze kop verwijderd worden.

Op pagina https://www.obvion.nl/adviseur/Beleid/Einddatum-hypotheek/Stappenplan-Als-de-hypotheek-afloopt/Aanvraag-vernieuwen-op-einde-looptijd?wmstepid=gegevens_kantoor staat een formulier met stappen. Het strong-element is geplaatst op de actieve stap, bijvoorbeeld stap 1. 'Waarom dit formulier?' Het strong-element is bedoeld voor het benadrukken van kleine stukjes tekst in een paragraaf, niet voor opmaak. De tekst kan vet worden opgemaakt via CSS. De huidige stap is enkel door opmaak aangegeven. Voor bezoekers die het scherm slecht- of niet kunnen zien is deze informatie niet beschikbaar. Voeg aria-current toe om aan te geven wat de actieve stap is van het formulier.

Op pagina https://www.obvion.nl/Contact staat bij 'Wat is je vraag' de tekst 'Heb je het antwoord op je vraag gevonden?' opgemaakt met het strong- en em-element. Deze elementen zijn bedoeld om nadruk te geven aan enkele woorden en niet enkel voor opmaak. Maak gebruik van een andere manier om deze elementen op te maken. Een vergelijkbaar probleem komt meerdere keren voor op de pagina, zoals bijvoorbeeld bij de tekst 'Antwoord'. Een vergelijkbaar probleem komt op meerdere pagina's voor, bijvoorbeeld op pagina https://www.obvion.nl/Hypotheek-rente/Actuele-hypotheekrente-Obvion?duurzaamheidskorting=Ja staat onder de tabel bij 'Let op' een heel stuk tekst opgemaakt met het em-element.

Op pagina https://www.obvion.nl/Begrippenlijst staan links, bijvoorbeeld de link 'bankgarantie'. Een screenreader leest dit voor als een lijst met negen items en dan de naam van de link. Het gebruik van lijsten en lijst-items is hier niet correct, hier worden namelijk begrippen/definities verklaard en daarvoor worden het DD en DT element gebruikt in HTML. Pas de opmaak aan zodat de structuur van de pagina beter te begrijpen is voor bezoekers die gebruik maken van een screenreader.

Op pagina https://www.obvion.nl/Hypotheek-berekenen/Maximale-hypotheek-berekenen wanneer de knop 'Bereken de maximale hypotheek' wordt geactiveerd, dan verschijnt er onder de rekentool een melding met bijvoorbeeld de tekst 'Dit kun je maximaal lenen'. Het verschijnen van deze melding wordt niet doorgegeven aan bezoekers die gebruikmaken van een screenreader. Maak bijvoorbeeld gebruik van live region om dit probleem op te lossen.

Op pagina https://www.obvion.nl/fout staat een lijn voor opmaak die bestaat uit een rij min tekens achter elkaar. Een screenreader leest deze tekens mogelijk voor. Een mogelijke oplossing is door <hr> te gebruiken en de opmaak via CSS.

Op pagina https://www.obvion.nl/adviseur/Beleid/Einddatum-hypotheek/Stappenplan-Als-de-hypotheek-afloopt/Aanvraag-vernieuwen-op-einde-looptijd staat bij de eerste stap een groep keuzerondjes (radiobuttons). Boven deze groep staat de tekst "Is er sprake van een leven of beleggen component met een tekort op de einddatum?". Deze tekst is nu niet gekoppeld aan de groep keuzerondjes. Gebruik een combinatie van fieldset en legend of een andere vergelijkbare techniek om dit probleem op te lossen.

De PDF's op pagina https://www.obvion.nl/Downloads/Wijzigingsformulier-extra-leningdeel-Verduurzamen en pagina https://www.obvion.nl/Downloads/Woonhypotheek-Alg-voorwaarden-11-2023 zijn niet gecodeerd (van tags voorzien). Dit betekent dat de documentstructuur niet is te bepalen. Software kan daardoor bijvoorbeeld niet bepalen wat koppen zijn, de alternatieve tekst bij afbeeldingen en wat de leesvolgorde is. Omdat tags ontbreken kan de PDF niet volledig onderzocht worden (alle succescriteria met betrekking tot de PDF code laag zoals semantische koppen en ALT-teksten bij afbeeldingen). Let daarom op dat bij het oplossen van dit probleem nieuwe toegankelijkheidsproblemen kunnen ontstaan.

Advies: Op pagina https://www.obvion.nl/homepage mist h1 en op de meeste pagina's staat er een kop in de header afbeelding, bijvoorbeeld op pagina https://www.obvion.nl/Begrippenlijst met h3 'Huis kopen'. Deze staat boven de h1 'Begrippenlijst'. Zorg voor een goede koppenvolgorde door te starten met h1. Bezoekers die gebruikmaken van een screenreader kunnen aan de hand van een sneltoets of een koppenlijst over een pagina navigeren om snel informatie te vinden. Daarom is het belangrijk om een goed lopende koppenstructuur te gebruiken. Een goede koppenstructuur begint bij een kopniveau 1 voor de titel van de pagina, kopniveau 2 voor de koppen, kopniveau 3 voor de tussenkoppen, etcetera.

Opmerking: Wanneer op pagina https://www.obvion.nl/adviseur/Beleid/Einddatum-hypotheek/Stappenplan-Als-de-hypotheek-afloopt/Aanvraag-vernieuwen-op-einde-looptijd het hele formulier is ingevuld komt er bij stap 9 een download link voor het formulier in beeld. Deze PDF heeft geen codelaag en is daarom niet toegankelijk. Let ook op de andere voorwaarden voor het toegankelijk maken van een PDF zoals bijvoorbeeld de taalinstelling.

Uitkomst: Onvoldoende

Bevindingen: Op pagina https://www.obvion.nl/Hypotheek-rente/Actuele-hypotheekrente-Obvion?duurzaamheidskorting=Ja bij een schermgrootte van 1280 bij 1024 pixels en inzoomen vanaf 175%, komt onder de tabel "selectie wijzigen..." te staan met een lijst van filters die gewijzigd kunnen worden. Zorg ervoor dat deze informatie boven de tabel staat, zodat duidelijk is welke filters geselecteerd zijn en dat deze gewijzigd kunnen worden.

Opmerking: Let op bij pagina https://www.obvion.nl/adviseur en https://www.obvion.nl/homepage staan onder de kop 'Volg het ritme van onze hypotheken' drie afbeeldingen met alternatieve tekst zoals 'Als starter uit de verf'. Wanneer de afbeeldingen niet decoratief worden gemaakt zoals beschreven in de bevinding bij succescriterium 1.1.1, dan moeten de koppen boven de afbeeldingen geplaatst worden, anders is de relatie tussen de afbeelding en de kop niet meer duidelijk en dus de leesvolgorde ook niet.

Uitkomst: Onvoldoende

Bevindingen: Op pagina https://www.obvion.nl/Contact/Contact-met-Obvion staat onder de tekst '1. Chat met ons' een stuk tekst 'Als er een medewerker beschikbaar is, dan zie je rechtsonder aan de pagina een oranje blokje met ‘Vragen? Live Chat’.' Zowel de instructie 'rechtsonder aan de pagina' als de instructie 'oranje blokje' zijn nutteloos voor een blinde bezoeker. Zorg ervoor dat instructies niet enkel afhankelijk zijn van visuele locatie of kleur.

Uitkomst: Voldoende

Uitkomst: Onvoldoende

Bevindingen: Op pagina https://www.obvion.nl/adviseur/Beleid/Einddatum-hypotheek/Stappenplan-Als-de-hypotheek-afloopt/Aanvraag-vernieuwen-op-einde-looptijd is een formulier waar de bezoeker bij stap 3 onder andere het eigen e-mailadres, postcode en telefoonnummer kan invullen. Het doel van deze en een aantal andere velden moet programmatisch kunnen worden bepaald, zodat velden automatisch kunnen worden ingevuld of extra hulp kan worden geboden bij het invullen. Dit kan door het autocomplete-attribuut aan de input-elementen toe te voegen. Bijvoorbeeld voor e-mailadres autocomplete="email".
Een overzicht van de velden waarvoor het autocomplete-attribuut van toepassing is en de waarde die nodig is in dit attribuut, staat op de pagina: https://www.w3.org/tr/wcag21/#input-purposes. Dit probleem komt op meerdere pagina's voor, bijvoorbeeld op pagina https://www.obvion.nl/Hypotheekadvies/adviseur/de-hypotheekshop-voerendaal nadat bij de aanhef een keuzerondje is aangevinkt.

Uitkomst: Voldoende

Bevindingen: Opmerking: Wanneer bij een schermgrootte van 1280 bij 1024 pixels ingezoomd wordt vanaf 175% op pagina https://www.obvion.nl/adviseur dan staan er links onder 'Info & contact'. Deze links zijn niet onderstreept en zijn enkel door een andere kleur te herkennen als links. Omdat het contrast met de zwarte kleur bij hover wel minimaal 3:1 is, is het hier niet afgekeurd. Zorg ervoor dat de links ook aan een andere eigenschap te herkennen zijn, bijvoorbeeld door ze te onderstrepen.

Uitkomst: Voldoende

Uitkomst: Onvoldoende

Bevindingen: Op pagina https://www.obvion.nl/homepage heeft de skiplink een witte tekst op een oranje (HEX #FF7C07) achtergrondkleur. De contrastverhouding is 2,5:1, waar dit minimaal 4,5:1 moet zijn. Hetzelfde probleem komt voor:

• Bij de chatfunctie, de witte tekst 'Vragen? Live Chat' op de oranje achtergrondkleur heeft een te laag contrast.
• Op pagina https://www.obvion.nl/adviseur/Beleid/Einddatum-hypotheek/Stappenplan-Als-de-hypotheek-afloopt/Aanvraag-vernieuwen-op-einde-looptijd?wmstepid=gegevens_kantoor, bijvoorbeeld bij stap 2 staat de knop 'Vorige'. De witte tekst op de oranje achtergrond heeft een te laag contrast.
• Op pagina https://www.obvion.nl/Zoeken?query=hypotheek staat de link 'Hypotheek hulp'. De kleurencombinatie is hetzelfde, maar omgedraaid (oranje tekst op een witte achtergrondkleur) en heeft een te laag contrast. Dit probleem doet zich ook voor bij alle links wanneer de checkbox 'Blog' is aangevinkt.

Op pagina https://www.obvion.nl/homepage heeft de placeholdertekst 'e-mailadres' een grijze (HEX #999999) kleur op een witte achtergrond met een contrastverhouding van 2,8:1, waar dit minimaal 4,5:1 moet zijn. Een vergelijkbaar probleem komt voor op pagina https://www.obvion.nl/Hypotheekadvies/adviseur/de-hypotheekshop-voerendaal bij de placeholdertekst voor 'Postcode'. De grijze (HEX #999999) tekst op de lichtgrijze (HEX #F4F4F4) achtergrond contrastverhouding 2,5:1.

Op pagina https://www.obvion.nl/homepage bij geen of foutieve invoer in het zoekveld 'Vragen? Zoek een adviseur op' dan verschijnt er (op een andere pagina https://www.obvion.nl/Hypotheekadvies/zoek-adviseur) een foutmelding boven het veld 'Er zijn geen resultaten gevonden. Probeer een specifiekere locatie in te voeren.'. De rode tekst (HEX #FF0000) op de lichtgrijze (HEX #F3F3F3) achtergrond heeft een te laag contrast. De contrastverhouding is 3,6:1, waar dit minimaal 4,5:1 moet zijn. Hetzelfde probleem komt voor op pagina https://www.obvion.nl/Hypotheek-berekenen/Maximale-hypotheek-berekenen wanneer er geen resultaten zijn na het zoeken onder de kop 'Vind een onafhankelijke hypotheekadviseur bij jou in de buurt'.

Op pagina https://www.obvion.nl/Hypotheekadvies/adviseur/de-hypotheekshop-voerendaal bij foutieve invoer in de afsprakenmodule dan verschijnt er een uitroepteken met een rode (HEX #FF0000) tooltip tekst, op een witte achtergrond. De contrastverhouding is 4:1, waar dit minimaal 4,5:1 moet zijn.

Op pagina https://www.obvion.nl/Hypotheek-berekenen/Maximale-hypotheek-berekenen staat een info-icoon met een witte letter 'i' op een lichtgrijze (HEX #B3B3B3) knop. De contrastverhouding is hier 2,1:1, waar dit minimaal 4,5:1 moet zijn. Hetzelfde probleem komt voor op pagina https://www.obvion.nl/adviseur/Beleid/Einddatum-hypotheek/Stappenplan-Als-de-hypotheek-afloopt/Aanvraag-vernieuwen-op-einde-looptijd, bijvoorbeeld bij stap 3 achter invoerveld 'hypotheeknummer'.

Op pagina https://www.obvion.nl/Hypotheek-berekenen/Maximale-hypotheek-berekenen wanneer de bezoeker geen invoer geeft in de invoervelden van de rekentool en de knop activeert om de maximale hypotheek te berekenen, dan verschijnt er een rood uitroepteken met een tooltip tekst wanneer erop geklikt wordt. Deze tooltip heeft een rode (HEX #FF0000) tekst op een witte achtergrond met een contrastverhouding van 4:1, waar dit minimaal 4,5:1 moet zijn.

In de chatfunctie staat een knop 'Verstuur'. De groene knop (HEX #92CE93) met de lichtgroene tekst (HEX #D7ECD8) heeft een contrastverhouding van 1,4:1, waar dit minimaal 4,5:1 moet zijn. Hetzelfde probleem komt voor bij de knop 'Beëindig chat'. Er doen zich in de chatfunctie meer contrastproblemen voor:

• De blauwe (HEX #337AB7) tekst 'Chat van Channel.me' op de witte (HEX #F7F8FA) achtergrondkleur heeft een contrastverhouding van 4,2:1.
• De placeholdertekst 'Typ je bericht hier' (HEX #999999) op de witte achtergrond heeft een contrastverhouding van 2,8:1.

Bij focus op de knoppen in de cookiemelding is het contrast te laag. De kleurencombinatie van roze (HEX #C15B92) en wit voor de kleine teksten op de knoppen, heeft een contrastverhouding van 4:1, waar dat minimaal 4,5:1 moet zijn.

Uitkomst: Voldoende

Uitkomst: Onvoldoende

Bevindingen: Op pagina https://www.obvion.nl/Over-Obvion/Wie-is-Obvion staat een afbeelding met tekst 'Deskundigheid en persoonlijke aandacht zijn de meerwaarden van een adviseur'. Slechtzienden kunnen deze tekst niet aanpassen om de leesbaarheid te verhogen. De tekst op de afbeelding komt verder niet voor op de pagina. Plaats deze tekst daarom als HTML-tekst op de pagina. Deze tekst is een quote en dient als zodanig geplaatst en opgemaakt te worden.

Uitkomst: Onvoldoende

Bevindingen: Op pagina https://www.obvion.nl/homepage wanneer bij een schermgrootte van 1280 bij 1024 pixels ingezoomd wordt op 150%, dan valt de tekst 'Mijn situatie' uit de hoofdnavigatie over de tekst van het logo van Obvion heen. Daardoor wordt de tekst slecht leesbaar.

Wanneer bij een schermgrootte van 1280 bij 1024 pixels ingezoomd wordt vanaf 200% dan valt van de chatfunctie de header 'Chat met Obvion' buiten beeld. Op 400% vallen ook het invoerveld en de antwoorden in de chat (deels) buiten beeld.

Op pagina https://www.obvion.nl/adviseur/Beleid/Einddatum-hypotheek/Stappenplan-Als-de-hypotheek-afloopt/Aanvraag-vernieuwen-op-einde-looptijd?wmstepid=gegevens_kantoor wanneer bij een schermgrootte van 1280 bij 1024 pixels ingezoomd wordt vanaf 200% dan vallen de knoppen 'volgende' en 'vorige' onder elkaar en vanaf 250% vallen de stappen buiten beeld.

Op pagina https://www.obvion.nl/adviseur/Contact staat een tabel onder
'Deskaccountmanagement'. Wanneer bij een schermgrootte van 1280 bij 1024 pixels ingezoomd wordt op 250% dan valt een deel van de informatie uit de tabel buiten beeld en er zijn geen scrollbalken om de tekst te kunnen bekijken. Vanaf 300% gaat dat wel weer goed.

Op pagina https://www.obvion.nl/adviseur/Doelgroep/Starten-op-woningmarkt wanneer bij een schermgrootte van 1280 bij 1024 pixels ingezoomd wordt op 150% en 300% dan klopt de weergave van de tekst niet bij 'Tip' onder de kop 'Ook deze 2 opties zorgen voor een vliegende start:'

Wanneer bij een schermgrootte van 1280 bij 1024 pixels ingezoomd wordt op 400% op pagina https://www.obvion.nl/Begrippenlijst dan komt het grijze blok met de alfabetische filter, in combinatie met onderdelen die altijd in beeld blijven staan zoals de live chat en het feedback formulier, over de content van de pagina te staan. De bezoeker kan daar niet meer bijkomen, de tekst is compleet onleesbaar. Zorg ervoor dat alle content leesbaar en bedienbaar blijft, ook na inzoomen.

Advies: Wanneer bij een schermgrootte van 1280 bij 1024 pixels ingezoomd wordt vanaf 175% op pagina https://www.obvion.nl/Hypotheek-rente/Actuele-hypotheekrente-Obvion?duurzaamheidskorting=Ja dan komen er extra filter opties in beeld boven de tabel, namelijk 'Tariefgroep' en 'Rentevaste periode'. Dit is hier niet afgekeurd omdat het voor alle bezoekers van toepassing is. Het zou gebruiksvriendelijker zijn als deze extra filteropties al vanaf 100% beschikbaar zouden zijn.

Opmerking: Wanneer bij een schermgrootte van 1280 bij 1024 pixels ingezoomd wordt vanaf 300% dan verdwijnt op pagina https://www.obvion.nl/Contact een deel van de tekst die als opties in de comboboxen staat, buiten beeld, de tekst wordt afgebroken met '...'.

Opmerking: Wanneer bij een schermgrootte van 1280 bij 1024 pixels ingezoomd wordt vanaf 250% wanneer de bezoeker het Feedback dialoog opent, dan staat het tabje van de "Live chat" over de 'Volgende' knop in het feedback formulier heen.

Opmerking: Wanneer bij een schermgrootte van 1280 bij 1024 pixels ingezoomd wordt op 175% en de bezoeker zowel het feedback formulier als de chatfunctie heeft openstaan dan vallen deze over elkaar heen. Het feedback formulier is dan niet meer te gebruiken. Omdat dit probleem zich alleen voordoet wanneer beide open staan en de chatfunctie af te sluiten is, wordt het hier niet afgekeurd.

Opmerking: Op pagina https://www.obvion.nl/Hypotheekadvies/zoek-adviseur wanneer bij een schermgrootte van 1280 bij 1024 pixels ingezoomd wordt op 400% ziet de 'Maak afspraak' knop er een beetje anders uit omdat er een icoontje van een telefoon bij het envelopje komt te staan.

Opmerking: Op pagina https://www.obvion.nl/Download/Algemene-voorwaarden wanneer bij een schermgrootte van 1280 bij 1024 pixels ingezoomd wordt op 400% dan heeft het tabje 'Feedback' dezelfde kleurencombinatie als de tekst met achtergrondkleur in de header. Omdat het tabje altijd op de pagina zichtbaar is, komt het bij inzoomen over de bestaande tekst te staan. Door dezelfde kleurencombinatie kan dit verwarrend werken en de leesbaarheid van de tekst in de weg zitten. Zet bijvoorbeeld een zwarte rand om het tabje zodat het onderscheid iets duidelijker is. Dit probleem komt ook voor op andere pagina's.

Uitkomst: Onvoldoende

Bevindingen: Wanneer op pagina https://www.obvion.nl/homepage bij 'Over Obvion' het submenu geopend wordt, en de bezoeker gaat met de muis over de onderwerpen (hover) dan heeft de grijze (HEX F4F4F4) kleur op de witte achtergrond een contrastverhouding van 1,1:1, waar dit minimaal 3:1 moet zijn.

Op pagina https://www.obvion.nl/homepage is het contrast van de rand van het zoekveld in de header te laag met de achtergrond. De lichtgrijze (HEX #E7E7E7) kleur op de witte achtergrond heeft een contrastverhouding van 1,2:1, waar dit minimaal 3:1 moet zijn. Dit probleem komt op meerdere pagina's voor.

Op pagina https://www.obvion.nl/Hypotheek-berekenen/Maximale-hypotheek-berekenen staat een info-icoon, de lichtgrijze (HEX #B3B3B3) knop op de witte achtergrond heeft een contrastverhouding van 2,1:1, waar dit minimaal 3:1 moet zijn. Een vergelijkbaar probleem komt voor bij het info-icoon op de lichtgrijze en groene achtergrond die verschijnen wanneer er een lening mogelijk is. Deze lichtgrijze 'tooltip questions' hebben in beide gevallen een te laag contrast met de achtergrondkleur. Zorg ervoor dat de contrastverhouding minimaal 3:1 is.
Een vergelijkbaar probleem komt voor op pagina https://www.obvion.nl/Hypotheekadvies/adviseur/de-hypotheekshop-voerendaal waar na het selecteren bij de aanhef, het grijze (HEX #B3B3B3) info-icoon op een lichtgrijze (HEX #F3F3F3) achtergrond een contrastverhouding heeft van 1,8:1.

Bij de cookiemelding bij het klikken op knop die eruit ziet als een link ‘Cookies beheren’ komt er een diaoog. De kleur van de focusrand heeft niet overal voldoende contrast. Bijvoorbeeld wanneer de knop ‘Alle toestaan’ de focus krijgt dan is er geen onderscheid tussen de kleur van de knop en de kleur van de focusrand. Zorg voor een duidelijke focusrand.

Bij de cookieinstelling wanneer de bezoeker het schuifje aanzet dan is er te weinig contrastverschil tussen twee statussen. Het grijs (HEX #7D7D7D) ten opzichte van het paars (HEX #A61462) heeft een contrastverhouding van 1,7:1.

Op pagina https://www.obvion.nl/Hypotheek-berekenen/Maximale-hypotheek-berekenen staat onder de kaart de tekst 'Naam' en 'Afstand' met daarnaast twee pijlen die omhoog en naar beneden wijzen om de filter voor de afstand aan te passen (vergroten of verkleinen). De lichtgrijze (HEX #E2E2E2) staat van de pijl op de witte achtergrond heeft een contrastverhouding van 1,3:1, waar dit minimaal 3:1 moet zijn.

Wanneer op pagina https://www.obvion.nl/Hypotheekadvies/zoek-adviseur in de kaart de sluit-knop van een pop-up toetsenbordfocus krijgt, dan veranderd de kleur van paars naar wit. Hierdoor is de contrastverhouding te laag met de witte achtergrond. Bijvoorbeeld slechtziende bezoekers die met het toetsenbord navigeren weten nu niet welk element de focus heeft. Zorg ervoor dat ook bij focus op de knop het kruisje met de achtergrond een contrastverhouding heeft van minimaal 3:1.

Op pagina https://www.obvion.nl/Zoeken?query=hypotheek heeft de grijze (HEX #F4F4F4) kleur van het zoekveld onvoldoende contrast met de witte achtergrond. De contrastverhouding is 1,1:1, waar dit minimaal 3:1 moet zijn.

Advies: De randen van inactieve keuzerondjes en checkboxes hebben een erg laag contrast. Bijvoorbeeld op pagina https://www.obvion.nl/adviseur/Beleid/Einddatum-hypotheek/Stappenplan-Als-de-hypotheek-afloopt/Aanvraag-vernieuwen-op-einde-looptijd. De lichtgrijze (HEX #E0E3E3) kleur op de witte achtergrond heeft een contrastverhouding van 1,2:1. Dit is niet af te keuren omdat ze wanneer ze actief zijn wel voldoende contrast hebben, maar het zou gebruiksvriendelijker zijn om te zorgen dat de contrastverhouding altijd minimaal 3:1 is.

Uitkomst: Onvoldoende

Bevindingen: Wanneer bezoekers bijvoorbeeld op pagina https://www.obvion.nl/homepage de regelhoogte, alinea- en tekstafstand wijzigen naar de waarden zoals beschreven voor dit succescriterium, is de tekst in de chatfunctie niet meer (goed) leesbaar omdat hier de tekstafstand niet gewijzigd wordt. Zorg ervoor dat informatie beschikbaar en leesbaar blijft, ook wanneer bezoekers een eigen tekstopmaak toepassen.

Op pagina https://www.obvion.nl/adviseur/Doelgroep/Starten-op-woningmarkt wanneer bij een schermgrootte van 1280 bij 1024 pixels ingezoomd wordt op 150% en 300% en de bezoeker de regelhoogte, alinea- en tekstafstand wijzigt naar de waarden zoals beschreven voor dit succescriterium dan klopt de weergave van de tekst niet bij 'Tip' onder de kop 'Ook deze 2 opties zorgen voor een vliegende start:'

Advies: Op een pagina https://www.obvion.nl/Begrippenlijst en https://www.obvion.nl/adviseur/Doelgroep/Starten-op-woningmarkt staan grijze blokken met tekst bij 'Begrippenlijst' en 'Tip'. Wanneer de regelhoogte, alinea- en tekstafstand wijzigen naar de waarden zoals beschreven voor dit succescriterium dan worden de woorden afgebroken op onlogische manier, wat de leesbaarheid enigszins in de weg zit.

Uitkomst: Onvoldoende

Bevindingen: Op pagina https://www.obvion.nl/adviseur bij Info & contact staat een submenu. Als de muis hierover wordt bewogen verschijnt het submenu. Deze content valt ook over de inhoud van de pagina. De content is niet 'dismissable'. Dit wil zeggen dat het niet mogelijk is om de content te laten verdwijnen zonder de muis te verplaatsen. Een oplossing kan zijn om dit mogelijk te maken met de Escape toets. Hetzelfde probleem komt voor op de https://www.obvion.nl/homepage bij 'Over Obvion'?. Zorg er ook voor dat het menu wordt opgemaakt als fly-out menu, zie ook succescriterium 4.1.2.

Op pagina https://www.obvion.nl/homepage is een tooltip die een foutmelding weergeeft, die alleen verschijnt met hover met de muis en die verdwijnt als je met de muis beweegt, bijvoorbeeld wanneer het 'e-mailadres' niet is ingevoerd en de verstuur knop aangeklikt. Zorg ervoor dat deze informatie bij het veld komt te staan en niet in een tooltip. Een vergelijkbaar probleem komt voor bij pagina https://www.obvion.nl/adviseur/Beleid/Einddatum-hypotheek/Stappenplan-Als-de-hypotheek-afloopt/Aanvraag-vernieuwen-op-einde-looptijd bij stap 3, bij de tooltips bij de info iconen. Zorg ervoor dat deze toegankelijk zijn voor toetsenbordgebruikers, of plaats de tekst bij het veld en link de tekst aan het veld met aria-describedby.

Uitkomst: Onvoldoende

Bevindingen: Op pagina https://www.obvion.nl/homepage krijgen een aantal interactieve elementen gezamenlijk tab-focus. Het gaat om de links (die eruitzien als knop) in de header naast de zoekfunctie, zoals 'MijnObvion', maar ook het submenu 'Over Obvion'. Zorg ervoor dat alle interactieve elementen afzonderlijk de te bedienen zijn met het toetsenbord, in logische focus volgorde. Dit probleem komt ook voor op pagina https://www.obvion.nl/adviseur .

Op pagina https://www.obvion.nl/homepage staat onder menuitem 'Over Obvion' een submenu. Wanneer een bezoeker met het toetsenbord navigeert krijgen de links (met rol menuitem) in het submenu zoals 'Wie is Obvion' geen focus. Zorg ervoor dat alle interactieve elementen te bedienen zijn met het toetsenbord. Dit probleem komt ook voor op pagina https://www.obvion.nl/adviseur bij 'Info & contact'.

Wanneer een bezoeker op pagina https://www.obvion.nl/Hypotheekadvies/zoek-adviseur over de tekst 'Toon telefoonnummer' hovert met de muis, dan veranderd de tekst naar de cijfers van het telefoonnummer. Een bezoeker die gebruik maakt van het toetsenbord kan dit niet voor elkaar krijgen en ziet enkel de tekst. Toon standaard het telefoonnummer op de pagina.

Op pagina https://www.obvion.nl/homepage krijgt de "go to top" knop geen focus met toetsenbordbediening en is daardoor niet te gebruiken voor bezoekers die hiervan gebruikmaken. Zorg ervoor dat er een interactief element wordt gebruikt zoals een knop of een link.

Op pagina https://www.obvion.nl/Contact bij 'Wat is je vraag?' komt er na het kiezen van opties een antwoord en onderaan de vraag 'Heb je het antwoord op je vraag gevonden?' met twee knoppen 'Ja' en 'Nee'. Deze knoppen krijgen geen toetsenbordfocus omdat er geen buttton-element is gebruikt.

Op pagina https://www.obvion.nl/Contact is het "huisje" in het kruimelpad, de link voor de link 'Contact' niet bereikbaar met het toetsenbord, maar wel bedienbaar met de muis. Zorg ervoor dat bedienbare interactieve elementen ook met het toetsenbord te bedienen zijn. In CSS is de link "verborgen" met visibility:hidden, daardoor wordt ook de linktekst en de toegankelijke naam van de link verwijderd.

Op pagina https://www.obvion.nl/Contact/Contact-met-Obvion staat tijdelijk een melding over een storing MijnObvion. De sluitknop van deze melding krijgt geen toetsenbord focus, zodoende is de melding is niet af te sluiten voor bezoekers die gebruikmaken van toetsenbordbediening.

Op pagina https://www.obvion.nl/Hypotheek-berekenen/Maximale-hypotheek-berekenen staat er naast de invoervelden bij de rekentool een i-icoon. Wanneer hier met de muis op geklikt wordt verschijnt er extra informatie. Dit icoon krijgt geen toetsenbordfocus en is daarom voor bezoekers die enkel met het toetsenbord navigeren niet te bedienen. Ook de sluit-knop die bij de extra informatie verschijnt is niet te bereiken met het toetsenbord. Dit probleem doet zich ook voor nadat de knop 'Bereken de maximale hypotheek' is geactiveerd bij 'Dit kun je maximaal lenen' en de tekst met sluit-knop die verschijn na het klikken op het i-icoon. Zorg ervoor dat alle interactieve elementen te bedienen zijn met het toetsenbord.

De chatfunctie is niet te bereiken met toetsenbordbediening. Ook wanneer de chatfunctie open staat zijn de knoppen niet te bereiken en bedienen met het toetsenbord, zoals bijvoorbeeld de knop 'Verstuur'.

Op de pagina's waar een formulier kan worden verstuurd zoals bijvoorbeeld pagina https://www.obvion.nl/adviseur/Beleid/Einddatum-hypotheek/Stappenplan-Als-de-hypotheek-afloopt/Aanvraag-vernieuwen-op-einde-looptijd verschijnt bij invoervelden een uitroepteken als er een foutmelding is. Dit uitroepteken is enkel met de muis aan te klikken om de extra informatie te lezen, er komt geen toetsenbordfocus op. Bezoekers die gebruikmaken met het toetsenbord kunnen zodoende de informatie niet lezen omdat ze die niet kunnen bereiken. Dit probleem komt op meerdere pagina's voor, bijvoorbeeld op pagina https://www.obvion.nl/Hypotheekadvies/adviseur/de-hypotheekshop-voerendaal.

Advies: Op pagina https://www.obvion.nl/Over-Obvion/Wie-is-Obvion is de sluit-knop van de overlay met de video op sluitbaar maken met de ESC-toets

Uitkomst: Voldoende

Uitkomst: Onvoldoende

Bevindingen: Op de pagina https://www.obvion.nl/Over-Obvion/Wie-is-Obvion wordt gebruikgemaakt van de videospeler van YouTube. Deze videospeler maakt gebruik van bediening door enkele tekentoetsen, bijvoorbeeld f voor fullscreen. Deze functionaliteit is iets wat mensen die afhankelijk zijn van spraaksoftware in de weg kan staan. Deze mensen zijn juist afhankelijk van die korte commando's om met spraaksoftware hun computer te bedienen. Los dit op door de embedcode van de YouTube video aan te passen zodat de bediening met tekentoetsen uit staat. Voeg de volgende eigenschap aan de embedcode toe: 'disablekb=1'. Met deze aanpassing zorg je ervoor dat je voldoet aan dit succescriterium.

Uitkomst: Onvoldoende

Bevindingen: Op pagina https://www.obvion.nl/adviseur/Beleid/Einddatum-hypotheek/Stappenplan-Als-de-hypotheek-afloopt/Aanvraag-vernieuwen-op-einde-looptijd?wmstepid=persoonlijke_gegevens komt er een 403 melding wanneer een bezoeker lang niks doet met het formulier. Geef een melding vooraf waarin wordt aangeven wanneer de sessie gaat verlopen en geef een optie om de sessie te verlengen.

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Onvoldoende

Bevindingen: Op pagina https://www.obvion.nl/Contact staat wel een skiplink (een mechanisme om naar een ander deel van de pagina te springen), maar deze werkt niet. Wanneer de skiplinks 'hoofdmenu' of 'content' worden geactiveerd keert de bezoeker terug naar de homepagina, in plaats van naar het hoofdmenu of de hoofdinhoud van de pagina. Op de homepagina https://www.obvion.nl/homepage zelf ververst de pagina bij het activeren van de skiplinks. Zorg dat bezoekers direct naar de hoofdinhoud van een pagina kunnen springen, zonder dat zij daar extra handelingen voor moeten uitvoeren. Dit probleem komt op meerdere pagina's voor, bijvoorbeeld op pagina https://www.obvion.nl/adviseur.

Uitkomst: Onvoldoende

Bevindingen: Obvion heeft drie contactpagina's: een voor consumenten, een voor adviseurs en een voor klanten. Zorg ervoor dat het doel van de pagina's voldoende beschreven wordt in de paginatitel. De paginatitel 'Contact - Obvion Hypotheken' komt twee keer voor twee verschillende pagina's, namelijk pagina https://www.obvion.nl/adviseur/Contact en https://www.obvion.nl/Contact. Zorg ervoor dat hier een onderscheid in komt, bijvoorbeeld door 'adviseurs' en 'consumenten' toe te voegen voor de betreffende pagina's. De paginatitel 'Contact met Obvion - Obion Hypotheken van pagina https://www.obvion.nl/Contact/Contact-met-Obvion is ook onvoldoende beschrijvend. Voeg toe dat het hier om de contactpagina voor klanten gaat.

De PDF's op pagina https://www.obvion.nl/Downloads/Wijzigingsformulier-extra-leningdeel-Verduurzamen en pagina https://www.obvion.nl/Downloads/Woonhypotheek-Alg-voorwaarden-11-2023 hebben geen documenttitel in de eigenschappen. Zorg voor een titel die de inhoud van het document beschrijft en dat niet de bestandsnaam maar de titel van het document wordt getoond.

Opmerking: De pagina https://www.obvion.nl/adviseur heeft als paginatitel 'Obvion Hypotheken - Voor adviseurs. De organisatienaam staat voor de paginatitel, waar dat bij alle andere pagina's op de website andersom staat. Een consistente benaming helpt bezoekers de website beter te begrijpen. Draai de volgorde in de paginatitel om.

Uitkomst: Onvoldoende

Bevindingen: De eerste keer dat een bezoeker de website bezoekt, verschijnt er een cookiemelding over de pagina heen. De cookiemelding krijgt niet als eerste focus. Dit belemmert het gebruik van de website voor bezoekers die met het toetsenbord navigeren. Zorg dat de melding als eerste weg te klikken is of integreer de melding in de webpagina.

Op pagina https://www.obvion.nl/homepage onder 'Volg het ritme van onze hypotheken' staan verhalen met per verhaal een afbeelding, kop, tekst en link. Deze krijgen alle vier afzonderlijk de focus. Zorg ervoor dat het hele item de focus krijgt. Hetzelfde probleem komt voor op pagina https://www.obvion.nl/adviseur.

Op de homepagina https://www.obvion.nl/homepage staan hoofdnavigatie items zoals 'Mijn situatie'. Wanneer deze link wordt geactiveerd verschijnt er een submenu. Wanneer de bezoeker klaar is in het submenu gaat de tab focus verder naar de volgende link in de hoofdnavigatie. Omdat er geen mechanisme is om het submenu in- of uit te vouwen, blijft een opengeklapt submenu over de pagina staan. De enige manier om een submenu af te sluiten is door op de link van de hoofdnavigatie te klikken met de enter-toets. Dit is bijvoorbeeld bij de laatste link 'Duurzaamheid' onhandig, omdat de bezoeker eerst terug moet tabben over de submenu links, om deze te sluiten via de hoofdnavigatielink 'Duurzaamheid' zodat het menu niet over de pagina blijft staan. Zorg ervoor dat er een mechanisme beschikbaar is waarmee het submenu kan worden in-en uitgevouwen of dat deze af te sluiten is met de escape-toets.

Op pagina https://www.obvion.nl/homepage wanneer bij een schermgrootte van 1280 bij 1024 pixels ingezoomd wordt op 175% en het hamburgermenu wordt geopend, dan krijgt eerst het volledige dialoog focus, voordat de eerste link de focus krijgt. Dit komt omdat er tabindex op staat. Zorg ervoor dat deze uit de tab-volgorde verdwijnt, dit is geen interactief, klikbaar element.

Op pagina https://www.obvion.nl/Contact staat tijdelijk een bericht op de pagina over afwijkende openingstijden. De sluit-knop van de melding krijgt de focus aan het einde van de pagina, na de link 'hier'. Zorg ervoor, bij een melding die over de pagina heen staat, dat deze als eerste de focus krijgt en af te sluiten is, zodat de melding niet over de content van de pagina blijft staan.

Op pagina https://www.obvion.nl/Download/Brochures-en-formulieren wanneer er geklikt wordt op de links die werken als skiplinks zoals bijvoorbeeld de link 'Brochures' dan komt wel de inhoud van het onderdeel 'Brochures' in beeld, maar de focus verplaatst niet naar dit onderdeel. Zodoende heeft deze link geen functie voor bezoekers die navigeren met het toetsenbord. Zorg ervoor dat na het klikken op de link de focus verplaatst naar het eerste interactieve element van het onderdeel waar de link naar verwijst. In dit voorbeeld is dat de link 'pdf Brochure-wegwijzer-bouw-Woon-Hypotheek'.

Op pagina https://www.obvion.nl/Contact onder 'Wat is je vraag?' staan comboboxen. Wanneer er een optie gekozen wordt en er een nieuwe combobox verschijnt, dan springt de focus steeds weer naar de eerste combobox. Zorg voor een logische focus volgorde.

Op pagina https://www.obvion.nl/Hypotheek-rente/Actuele-hypotheekrente-Obvion?duurzaamheidskorting=Ja onder 'Overige rentetarieven' staan accordions. Wanneer deze ingevouwen zijn, dan zijn de links in de tekst nog steeds bereikbaar met het toetsenbord. Zorg ervoor dat de links niet in de focusvolgorde staan wanneer deze is ingevouwen.

Op pagina https://www.obvion.nl/Begrippenlijst wanneer een bezoeker via de letters een link activeert, dan verspringt het beeld naar de betreffende letter. Met het toetsenbord is deze tekst echter niet bereikbaar omdat deze in de begrippenlijst met alfabetische letters blijft staan. Zorg ervoor dat de focus verder gaat vanaf het nieuwe punt waar de bezoeker terecht is gekomen. Bijvoorbeeld bij de keuze voor de letter 'L' verspringt de focus mee naar de link 'levenhypotheek'.

Als op pagina https://www.obvion.nl/Hypotheek-berekenen/Maximale-hypotheek-berekenen op de knop "Bereken de maximale hypotheek" wordt geklikt en er is een veld niet ingevuld dan wordt dat veld rood en verschijnt er een uitroepteken met foutmelding bij hover. Bezoekers die met het toetsenbord navigeren moeten met de tabtoets direct bij die foutmelding uitkomen, dat is nu niet het geval.

Advies: Op pagina https://www.obvion.nl/adviseur/Beleid/Einddatum-hypotheek/Stappenplan-Als-de-hypotheek-afloopt/Aanvraag-vernieuwen-op-einde-looptijd staat bij stap 3 een info-icoon achter het invoerveld 'Hypotheeknummer'. De focus komt eerst op dit icoon en daarna op het invoerveld. Draai deze focus volgorde om, zodat de leesvolgorde klopt.

Uitkomst: Onvoldoende

Bevindingen: Op pagina https://www.obvion.nl/Over-Obvion/Wie-is-Obvion staat een lege link bij de afbeelding en tekst 'Deskundigheid en persoonlijke aandacht..'. Het doel van de link is een pagina met paginatitel 'Hypotheekadvies bij Obvion'. De link heeft geen toegankelijke naam. Omdat de link daarmee geen linkdoel heeft, is het voor blinden en slechtzienden die gebruikmaken van een screenreader niet duidelijk waar de link heen gaat. Voeg een toegankelijke naam waarin het linkdoel is omschreven toe om dit probleem op te lossen. Zie ook succescriterium 4.1.2.

Op pagina https://www.obvion.nl/fout staat de link 'Brochures en formulieren'. Direct hierna staat een link die geen zichtbare linktekst heeft op de pagina, maar wel focus krijgt wanneer een bezoeker met het toetsenbord navigeert. De toegankelijke naam van de link is 'Veelgestelde vragen overzicht' met als linkdoel een pagina met dezelfde titel. Deze link staat echter al op de pagina als tweede lijst-item, verwijder daarom de link van de pagina. Na deze link wordt de lijst afgesloten en volgt in de code in een paragraaf weer een link met dezelfde toegankelijke naam. Verwijder ook deze link van de pagina, een screenreader leest dit voor als 'leeg'. Een vergelijkbaar probleem komt voor:

• Op pagina https://www.obvion.nl/Download/Brochures-en-formulieren bij de link (die toetsenbordfocus krijgt direct voor de link 'overzicht incassodatums 2024') zonder zichtbare linktekst met toegankelijke naam 'Obvion-overzicht-incassodata-2023.pdf'. Verwijder deze link.
• Op pagina https://www.obvion.nl/Contact staat onder 'Adresgegevens Obvion' een link met toegankelijke naam 'http://www.kvk.nl/orderstraat/product-kiezen/?kvknummer=140547330000&origq=14054733'. Er staat geen visuele linktekst voor deze link op de pagina. Het lijkt erop dat deze link hier geen functie heeft en verwijderd mag worden.

Op pagina https://www.obvion.nl/Zoeken?query=hypotheek is een navigatie om tussen de zoekresultaten te kunnen navigeren. De naam van de links luiden nu '1', '2', '3', etc. Voor ziende bezoekers is het duidelijk dat het hier gaat om paginanummers, maar bezoekers die het scherm niet kunnen zien, weten niet dat deze links naar volgende zoekresultaten verwijzen. Vul de toegankelijke naam van deze links daarom aan met het woord 'pagina 'of 'resultaat ' zodat het linkdoel voor screenreadergebruikers duidelijk is.

Op pagina https://www.obvion.nl/Hypotheek-en-werk/Expats-Netherlands staat een link met een toegankelijke naam 'Look for a mortgage advisor in your area' en bij beschrijving 'Zoek een adviseur'. Vertaal de Nederlandse tekst naar het Engels, zie ook succescriterium 3.1.2 voor het toepassen van de juiste taalaanduiding in de code.

Op pagina https://www.obvion.nl/Download/Brochures-en-formulieren staan pijltjes die naar beneden wijzen bij de links waarmee een deel van de content kan worden overgeslagen, zoals de link 'Zelf regelen'. Visueel is het door de afbeelding van het naar beneden wijzende pijltje duidelijk wat het linkdoel is, maar deze informatie komt niet terug in de toegankelijke naam van de link. Zorg dat het linkdoel duidelijk is, bijvoorbeeld door deze aan te vullen met de tekst 'skiplink naar...'. Een alternatieve oplossing is door er een blokje “Inhoudsopgave” van te maken. Door de kop van de blokje krijgen de links in dat blokje context.

Op pagina https://www.obvion.nl/Hypotheek-berekenen/Maximale-hypotheek-berekenen staat een paginering met links naar de pagina's. De toegankelijke naam van de links bestaat uit het betreffende cijfer voor de pagina, bijvoorbeeld '2' voor pagina 2. Voeg het woord 'pagina' toe aan de toegankelijke naam, zodat het linkdoel duidelijk is voor bezoekers die gebruikmaken van een screenreader. Hetzelfde probleem komt voor bij de paginering op pagina https://www.obvion.nl/Hypotheekadvies/zoek-adviseur.

Op pagina https://www.obvion.nl/Over-Obvion/Wie-is-Obvion staat een link naar een Youtube video. De toegankelijke naam van de link is 'Afbeelding-animatie-funding-obvion'. Dit is geen correcte toegankelijke naam van de link. Zorg ervoor dat de tekst de link en het linkdoel beschrijft. Vermijd het gebruik van tekens in de toegankelijke naam, deze zijn overbodig en sommige screenreaders lezen de tekens voor.

Op pagina https://www.obvion.nl/Hypotheek-berekenen/Maximale-hypotheek-berekenen staat een kaart wanneer er een adviseur wordt gezocht. Onder de kaart staan de links 'Naam' en 'Afstand'. Deze links hebben geen duidelijk linkdoel. De status van oplopend of aflopend sorteren wordt niet meegegeven. Een mogelijke oplossing is om boven de tabel een select-element te gebruiken die de diverse opties bevat, of keuzerondjes.

Op pagina https://www.obvion.nl/Contact/Contact-met-Obvion staat onder de kop 'Contact met Obvion' een stuk tekst met een link (voor het woord 'Daar') die geen visuele linktekst op de pagina heeft staan, maar wel voorkomt in de focusvolgorde wanneer de bezoeker met het toetsenbord navigeert. De toegankelijke naam van de link is 'https://acceptatie.obvion.nl/Hypotheekadvies/zoek-adviseur.html'. Het lijkt erop dat deze link verwijderd mag worden.

Op pagina https://www.obvion.nl/Contact staat in het kruimelpad een afbeelding van een huisje. In CSS wordt de link verborgen met visibility:hidden. Dit probleem komt op meerdere pagina's voor bijvoorbeeld op pagina https://www.obvion.nl/adviseur/Contact.

Op pagina https://www.obvion.nl/Over-Obvion/Wie-is-Obvion staat een video. Er staat een link om de video te openen met toegankelijke naam 'Afbeelding-animatie-funding-obvion'. Zorg ervoor dat het linkdoel duidelijk is, bijvoorbeeld door de toegankelijke naam van de link aan te passen naar 'Open video [naam video]'. Zie ook succescriterium 1.1.1. Een andere oplossing is om de videospeler direct op de pagina te plaatsen.

Advies: Op de homepagina https://www.obvion.nl/homepage staan "tegels" met links zoals 'Actuele rente'. Deze link heeft als toegankelijke naam 'Actuele rente' en een beschrijving met de tekst

'/Hypotheek-rente/Actuele-hypotheekrente-Obvion.htm?duurzaamheidskorting=Ja'. Dit is de naam de URL waar de link naartoe leidt. Wanneer een bezoeker met het toetsenbord navigeert, dan wordt deze tekst die het linkdoel beschrijven meegenomen door voorleessoftware. Het is goed dat hiermee het linkdoel wordt aangegeven, maar bij sommige links is het niet gebruiksvriendelijk omdat er teveel overbodige informatie zoals leestekens in de URL voorkomen. Dit is storend voor een bezoeker die afhankelijk is van een duidelijke beschrijving van de link en het linkdoel. Zorg ervoor dat bij dergelijke links het linkdoel wordt beschreven en neem niet letterlijk een url tekst over. In dit geval zou de beschrijving bijvoorbeeld 'Actuele hypotheekrente Obvion' kunnen zijn. Hetzelfde probleem komt voor op meerdere pagina's, bijvoorbeeld: - Op pagina https://www.obvion.nl/adviseur bij de link 'Ja dat wil ik' met beschrijving 'https://dxp.obvion.nl'.

• Op pagina https://www.obvion.nl/Hypotheekadvies/zoek-adviseur bij de link 'Wat kun je zelf aan je hypotheek wijzigen?'. Beschrijf het doel van de link (bijvoorbeeld de titel van de PDF en dat het hier om een PDF gaat), plak niet de url met bestandsnaam van de PDF in het title attribuut 'Uw-hypotheek-veranderen-2312.pdf'.

Advies: Op pagina https://www.obvion.nl/Contact staat onder '1. Ik kan de hypotheek niet betalen. Wat moet ik doen?' een link 'veelgestelde vragen rondom betalingsproblemen' die naar een pagina gaat die niet bestaat.

Advies: Op pagina https://www.obvion.nl/adviseur/Beleid/Einddatum-hypotheek/Stappenplan-Als-de-hypotheek-afloopt/Aanvraag-vernieuwen-op-einde-looptijd bij stap 7 'Samenvatting' staan links om gegevens te wijzigen. De toegankelijke naam van de links is 'Wijzigen'. Bezoekers die gebruikmaken van een screenreader kunnen een lijst met links opvragen. Wanneer alle links dezelfde linknaam hebben, is het niet duidelijk wat het linkdoel is. Vul de toegankelijke naam aan met het linkdoel (bijvoorbeeld welke gegevens gewijzigd kunnen worden).

Opmerking: Op pagina https://www.obvion.nl/Hypotheek-en-werk/Expats-Netherlands staat een link met een toegankelijke naam 'Look for a mortgage advisor in your area'. De pagina heeft als linkdoel een Nederlandstalige pagina. Voeg toe aan de toegankelijke naam van de link dat deze link verwijst naar een Nederlandstalige pagina.

Opmerking: Op pagina https://www.obvion.nl/Over-Obvion/Wie-is-Obvion staat een link die eruitziet als knop 'Hypotheekadvies bij Obvion'. In de beschrijving staat precies dezelfde tekst, daarom wordt dit dubbel voorgelezen. Verwijder het title-attribuut van de link.

Uitkomst: Onvoldoende

Bevindingen: Voor de meeste pagina's zijn er meerdere manieren om deze te vinden via de zoekfunctie en via links vanaf de homepagina. Er zijn echter een aantal pagina's waarbij dat niet het geval is, zoals bijvoorbeeld de pagina https://www.obvion.nl/Contact/Contact-met-Obvion. Zorg dat er minstens twee manieren zijn om elke pagina te kunnen bereiken. Bijvoorbeeld via een sitemap.

Uitkomst: Onvoldoende

Bevindingen: Op pagina https://www.obvion.nl/Begrippenlijst staat twee keer dezelfde kopnaam 'Begrippenlijst'. De h2 kopnaam 'Begrippenlijst' beschrijft de onderliggende content onvoldoende, namelijk het filteren op letters. Pas deze kop aan om dit probleem op te lossen.

Advies: Op pagina https://www.obvion.nl/homepage staat de kop 'Volg het ritme van onze hypotheken'. De onderliggende content bestaat uit twee verhalen en een item over duurzaamheid. De kop is weinig beschrijvend voor de onderliggende content. Voor bezoekers met verschillende beperkingen zijn goede koppen essentieel om de content (snel) te kunnen begrijpen. Bezoekers die gebruik maken van voorleessoftware zoals een screenreader kunnen een lijst opvragen met koppen om snel een beeld te krijgen van de inhoud. Maak er bijvoorbeeld een paragraaf tekst van.

Uitkomst: Onvoldoende

Bevindingen: Op alle pagina's is de focus niet zichtbaar in zowel Chrome als Firefox. Zorg ervoor dat bezoekers die met het toetsenbord navigeren weten welk element de focus heeft door een duidelijke focusrand toe te voegen. Op dit moment is de focusrand verwijderd in de CSS door het gebruik van outline:0.

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Onvoldoende

Bevindingen: Op onder andere pagina https://www.obvion.nl/homepage, staat de knop Feedback. De toegankelijke naam van deze knop is echter 'Toon enquête'. Doordat het visuele label en de toegankelijke naam van deze knop niet overeenkomen, is de knop niet of moeilijk te bedienen door bezoekers die afhankelijk zijn van spraaksoftware. Zorg ervoor dat het visuele label van deze knop in de toegankelijke naam voorkomt, het liefst vooraan.

In de header van elke pagina staat een zoekveld met een zoek-knop. Deze knop heeft als toegankelijke naam 'search_top_button_textstretch' en is daarom niet te bedienden door bezoekers die afhankelijk zijn van spraaksoftware. Zorg ervoor dat het woord zoek in de toegankelijke naam voorkomt, het liefst vooraan.

Uitkomst: Niet aanwezig

Uitkomst: Voldoende

Bevindingen: Opmerking: Let er op dat in de eigenschappen van PDF de taal goed is ingevuld. Zorg ervoor dat de taalinstelling overeenkomt met de taal die gebruikt wordt in de PDF. Dat gaat goed bij de PDF's uit de sample.

Uitkomst: Onvoldoende

Bevindingen: Op de pagina https://www.obvion.nl/Hypotheek-en-werk/Expats-Netherlands is een deel van de tekst op de pagina in het Engels. Hiervoor moet in de code een taalwisseling aangegeven worden. Dit kan door de omliggende html-code een lang="en" toe te voegen.

Op onder andere pagina https://www.obvion.nl/homepage staat een zoekknop met toegankelijke naam 'search_top_button_textstretch'. Het is voor screenreadergebruikers nu niet duidelijk wat de knop doet. Zorg voor een correcte toegankelijke naam voor de knop (in het Nederlands), bijvoorbeeld 'Zoek'. Een vergelijkbaar probleem komt voor:

• Op pagina https://www.obvion.nl/Contact staat een melding met afwijkende openingstijden. De sluit-knop bij deze melding heeft als toegankelijke naam 'Close'.
• Bij de melding dat er een storing is bij MijnObvion op pagina https://www.obvion.nl/Contact/Contact-met-Obvion.
• Op pagina https://www.obvion.nl/Over-Obvion/Wie-is-Obvion wanneer de animatie video in pop-up op het scherm staat, is er een sluit-knop in beeld met toegankelijke naam 'Close (Press escape to close)', het woord "escape" mag wel voor de betreffende toets worden gebruikt, de overige tekst moet vertaald naar het Nederlands.
• Op bijvoorbeeld de homepagina staat een dialoogvenster met een feedback formulier, de toegankelijke naam van het dialoog is 'Survey'.

Advies: Op pagina https://www.obvion.nl/Hypotheek-en-werk/Expats-Netherlands staat een link 'Look for a mortgage advisor in your area' met title 'Zoek een adviseur'. Zorg ervoor dat enkel de taal wordt gebruikt waarin wordt gecommuniceerd, in dit geval het Engels, vertaal de Nederlandse tekst naar het Engels. Een vergelijkbaar probleem komt voor in het Feedback formulier op bijvoorbeeld de homepagina (dialoog linksonder op de pagina) staan opties met aria-label 'Wat vind je van onze website of deze pagina? Select an option from 1 to 5, with 1 being Helemaal niet goed and 5 being Erg goed'. Pas enkel de taal toe die wordt gebruikt op de pagina, in dit voorbeeld is dat het Nederlands.

Uitkomst: Voldoende

Uitkomst: Onvoldoende

Bevindingen: Op pagina https://www.obvion.nl/adviseur/Beleid/Einddatum-hypotheek/Stappenplan-Als-de-hypotheek-afloopt/Aanvraag-vernieuwen-op-einde-looptijd is de tekst die bij het keuzerondje 'Ja' hoort niet bereikbaar met het toetsenbord. Bezoekers die gebruikmaken van hulpsoftware kunnen daardoor deze tekst niet lezen. Dit is op te lossen door het antwoord niet meteen te laten verschijnen, maar op het scherm nadat de bezoeker de knop “volgende” heeft geactiveerd. Een alternatieve oplossing is de tekst in een live region te laten verschijnen, zodat dit meteen voorgelezen wordt. Een vergelijkbaar probleem komt voor op meerdere pagina's, bijvoorbeeld:

• Op pagina https://www.obvion.nl/Contact na het selecteren van opties onder 'Wat is je vraag?' is het antwoord niet bereikbaar voor toetsenbordgebruikers. Zorg ervoor dat de tekst in een live region verschijnt, zodat dit meteen wordt voorgelezen door een screenreader. Een andere mogelijke oplossing is om de vragen niet te selecteren via een select-element, maar de vragen op de pagina te plaatsen als lijst met links naar pagina’s waar die vragen (en antwoorden) staan als uitklapbare blokjes.
• Op pagina https://www.obvion.nl/Hypotheek-rente/Actuele-hypotheekrente-Obvion?duurzaamheidskorting=Ja bij het selecteren van opties in de comboboxen, bijvoorbeeld bij label 'Duurzaamheidskorting' veranderd de inhoud (tabel) mee met de gekozen opties, maar deze inhoud is vervolgens niet bereikbaar met het toetsenbord. Zet de tabel in een live region, zodat veranderingen voorgelezen worden door hulpsoftware.

Advies: Op pagina https://www.obvion.nl/homepage wanneer een selectievakje is aangevinkt en een e-mailadres correct opgegeven en de 'verstuur' knop wordt geactiveerd, dan komt de bezoeker op een nieuwe pagina waar de bezoeker zich kan aanmelden voor de nieuwsbrief of rentemail. Er wordt niet medegedeeld of het versturen van informatie gelukt is of niet. Dit kan verwarrend werken voor alle bezoekers van de website, vandaar dat het niet af te keuren is als toegankelijkheidsprobleem. Het zou gebruiksvriendelijker zijn als zou worden aangekondigd dat er meer stappen volgen voor het aanmelden.

Uitkomst: Onvoldoende

Bevindingen: Op de homepagina voor consumenten https://www.obvion.nl/homepage staat in de header een menuitem die eruitziet als een knop 'Voor Adviseurs'. Deze knop is op veel pagina's te vinden die je kan bereiken via pagina https://www.obvion.nl/homepage. Via de knop 'Voor Adviseurs' komt de bezoeker op de homepagina voor adviseurs https://www.obvion.nl/adviseur. Op deze pagina mist echter een knop die verwijst naar de homepagina van de consumentensite. Dit is verwarrend voor alle bezoekers. Beide pagina's zien er vrijwel hetzelfde uit, maar zowel de hoofdnavigatie als de inhoud van de pagina's is verschillend. Zorg ervoor dat het menu consistent wordt weergegeven en niet afwijkt per set aan pagina's, of maak een duidelijker onderscheid tussen de twee "homepagina's". Een mogelijke oplossing zou zijn om op de pagina's voor adviseurs een knop te plaatsen waarmee de bezoeker terug kan naar de homepagina voor consumenten.

De footer is niet op alle pagina's aanwezig. Bijvoorbeeld op pagina https://www.obvion.nl/Zoeken?query=hypotheek mist de footer, waar deze op de meeste andere pagina's wel aanwezig is, bijvoorbeeld op pagina https://www.obvion.nl/Hypotheek-berekenen/Maximale-hypotheek-berekenen. Zorg ervoor dat de footer op elke pagina staat.

Uitkomst: Onvoldoende

Bevindingen: Op pagina https://www.obvion.nl/adviseur/Beleid/Einddatum-hypotheek/Stappenplan-Als-de-hypotheek-afloopt/Aanvraag-vernieuwen-op-einde-looptijd staat een formulier met een knop 'Verzenden' om het formulier in te sturen. Op pagina https://www.obvion.nl/Hypotheekadvies/adviseur/de-hypotheekshop-voerendaal staat een formulier om een adviesgesprek aan te vragen met een 'Verstuur' knop voor het indienen van het formulier. Zorg voor een consistente benaming.

Op pagina https://www.obvion.nl/Hypotheek-rente/Actuele-hypotheekrente-Obvion?duurzaamheidskorting=Ja kan de bezoeker zich inschrijven voor de nieuwsbrief of rentemail met invoervelden en een knop 'Verstuur'. Op pagina https://www.obvion.nl/adviseur kan de bezoeker zich ook inschrijven voor rentemail of de nieuwsbrief, maar dat gaat met een ander formulier die opent wanneer de knop 'Direct inschrijven' wordt aangeklikt. Het is te verklaren doordat de ene aanmelding voor adviseurs is en de andere niet, maar voor een bezoeker is dit onderscheid mogelijk niet duidelijk, bijvoorbeeld wanneer de bezoeker op de verkeerde contactpagina terechtkomt (deze hebben voor zowel de consumentensite als de site voor adviseur dezelfde paginatitel). Zorg voor een consistente benaming en maak de doelgroep duidelijk. Dit probleem komt ook voor op pagina https://www.obvion.nl/Hypotheekadvies/adviseur/de-hypotheekshop-voerendaal waar een bezoeker zich ook kan aanmelden voor een rentemail of nieuwsbrief, met weer een andere procedure.

Advies: Op verschillende pagina's kan gezocht worden naar een onafhankelijk adviseur. De ene keer gaat dat met een invoerveld en zoekknop bij 'Vragen? Zoek een adviseur op', de andere keer met een blokje 'Interesse?' en een link 'Ja, ik wil zoeken'. Op sommige pagina's zoals pagina https://www.obvion.nl/Hypotheek-rente/Actuele-hypotheekrente-Obvion?duurzaamheidskorting=Ja staan beide opties. Dit kan verwarrend werken.

Uitkomst: Onvoldoende

Bevindingen: Op pagina https://www.obvion.nl/homepage wanneer er bij het invoerveld 'e-mailadres' geen of verkeerde invoer wordt gegeven, dan verschijnt er een rode rand om het invoerveld en een uitroepteken. Bij het uitroepteken is een tooltip tekst 'Dit veld is verplicht'. Een goede foutidentificatie vermeld welke fout is gemaakt, en waar de fout is gemaakt. Bijvoorbeeld 'Het veld 'e-mailadres' is niet ingevuld’. Zorg ervoor dat per veld een goede foutmelding beschikbaar is voor hulpsoftware.
Hetzelfde probleem komt voor op pagina https://www.obvion.nl/adviseur/Beleid/Einddatum-hypotheek/Stappenplan-Als-de-hypotheek-afloopt/Aanvraag-vernieuwen-op-einde-looptijd?wmstepid=gegevens_kantoor wanneer er bij stap 2 geen invoer wordt gegeven en de 'Volgende' knop geactiveerd.

Op pagina https://www.obvion.nl/Hypotheekadvies/zoek-adviseur staan twee plekken waar er naar een adviseur gezocht kan worden. Bij de kop 'Vind een onafhankelijke hypotheekadviseur bij jou in de buurt' en bij de kop in de footer 'Vragen? Zoek een adviseur op'. Wanneer de zoekfunctie in de footer wordt gebruikt, dan verschijnt de foutmelding boven de invoervelden van de zoekfunctie op de pagina. Zorg ervoor dat een foutmelding bij het invoerveld staat waar de invoer is ingevuld.

Op pagina https://www.obvion.nl/homepage bij het invoerveld 'Je postcode / plaatsnaam'. Wanneer dit invoerveld verkeerd wordt ingevuld, dan verschijnt er (op een andere pagina https://www.obvion.nl/Hypotheekadvies/zoek-adviseur) een foutmelding boven het veld 'Er zijn geen resultaten gevonden. Probeer een specifiekere locatie in te voeren.' Wanneer er niks wordt ingevuld dan komt er helemaal geen foutmelding. Wanneer er geen invoer wordt gegeven moet er een foutmelding komen dat er invoer wordt verwacht. Het geven van een foutmelding op een andere pagina is verwarrend voor meerdere bezoekers, bijvoorbeeld voor bezoekers met cognitieve problemen. Een mogelijke oplossing is om het invoerveld te verwijderen van de homepagina en een link te plaatsen naar de pagina waar bezoekers naar een adviseur kunnen zoeken.

Op pagina https://www.obvion.nl/Hypotheek-berekenen/Maximale-hypotheek-berekenen wanneer er geen invoer wordt gegeven in de invoervelden van de rekentool en de knop wordt geactiveerd om de maximale hypotheek te berekenen dan verschijnt er een rood uitroepteken bij het invoerveld 'Bruto jaarinkomen' met de tooltip tekst: 'Vul een bruto jaarinkomen in'. Een tooltip is geen toegankelijke manier om een foutmelding te geven. Plaats de foutmelding bij het betreffende invoerveld op de pagina. Een vergelijkbaar probleem komt voor op meerdere pagina's. Bijvoorbeeld wanneer in de afspraakmodule op pagina https://www.obvion.nl/Hypotheekadvies/adviseur/de-hypotheekshop-voerendaal geen invoer wordt gegeven en de 'Verstuur' knop geactiveerd, dan verschijnt er een uitroepteken met tooltip bij de velden zoals bijvoorbeeld 'Telefoonnummer'. De rol van de tooltip klopt niet, maar de foutmelding moet sowieso niet in de tooltip, maar in beeld staan bij het invoerveld.

Op pagina https://www.obvion.nl/Hypotheekadvies/adviseur/de-hypotheekshop-voerendaal wanneer er niks is ingevuld (behalve een radiobutton bij 'Aanhef') dan verschijnen er uitroeptekens met tooltip teksten bij de velden. Deze teksten zijn instructies zoals "Vul de [naam veld] in". Dit is geen goede foutmelding omdat er niet wordt aangegeven wat de fout is, namelijk dat het veld niet is ingevuld. Pas de foutmelding aan.

Op pagina https://www.obvion.nl/adviseur/Beleid/Einddatum-hypotheek/Stappenplan-Als-de-hypotheek-afloopt/Aanvraag-vernieuwen-op-einde-looptijd zijn foutieve velden niet programmatisch als foutief aangeduid met aria-invalid. Bij alle velden die verplicht zijn moet dit worden toegepast, anders krijgen bezoekers die gebruikmaken van een screenreader niet door dat er een fout is.

Uitkomst: Onvoldoende

Bevindingen: De invoervelden 'Je postcode / plaatsnaam' en 'e-mailadres' op pagina https://www.obvion.nl/homepage hebben geen zichtbaar label maar wel een placeholder-tekst. De placeholder-tekst is niet voldoende, want die verdwijnt zodra de bezoeker begint met typen. Voor sommige mensen kan het moeilijk zijn om te onthouden wat ze moeten invullen als dat er niet duidelijk bij staat. Voeg een label toe dat altijd zichtbaar blijft om dit probleem op te lossen. Dit probleem komt op meerdere pagina's voor, bijvoorbeeld op pagina https://www.obvion.nl/Hypotheekadvies/zoek-adviseur.

Het invoerveld voor de zoekfunctie in de header op pagina https://www.obvion.nl/homepage heeft geen zichtbaar label maar wel een placeholder-tekst en een vergrootglas icoon. De placeholder-tekst is niet voldoende, want die verdwijnt zodra de bezoeker begint met typen. Het vergrootglas-icoon zou voldoende zijn, als de toegankelijke naam van de knop correct zou zijn, maar dat is hier niet zo. De toegankelijke naam is 'search_top_button_textstretch'. Voor sommige mensen kan het moeilijk zijn om te onthouden wat ze moeten invullen als dat er niet duidelijk bij staat. Voeg een correcte toegankelijke naam toe om dit probleem op te lossen. Dit probleem komt op meerdere pagina's voor.

Op pagina https://www.obvion.nl/Contact hebben de selectielijsten voor de vragen onder de kop 'Wat is je vraag?' geen label. Zorg voor een beschrijvend label boven elke combobox en zorg dat het label toegankelijk is, bijvoorbeeld door het met aria-labelledby te koppelen aan de combobox.

Uitkomst: Onvoldoende

Bevindingen: Op pagina https://www.obvion.nl/homepage bij invoerveld 'e-mailadres' vraag om een e-mailadres maar het is niet duidelijk in welk formaat je dit moet invullen (bijvoorbeeld: naam@domein.nl). Zorg dat het voor bezoekers duidelijk is hoe zij dit invoerveld moeten invullen. Een vergelijkbaar probleem komt voor bij het invoerveld 'Je postcode / plaatsnaam' op de homepagina, het vraagt om onder andere een postcode, maar het is niet duidelijk in welk formaat je de postcode moet invullen (bijvoorbeeld 1234AA of 1234 AA). Hetzelfde probleem komt voor op pagina https://www.obvion.nl/adviseur/Beleid/Einddatum-hypotheek/Stappenplan-Als-de-hypotheek-afloopt/Aanvraag-vernieuwen-op-einde-looptijd. Op de pagina staat een formulier met verplichte invoervelden zoals postcode, e-mailadres en telefoonnummer, bijvoorbeeld bij stap 3. Wanneer deze velden verkeerd worden ingevuld, kan de bezoeker niet door naar de volgende stap en verschijnt er in een tooltip bij het veld een melding zoals 'Onjuiste postcode' en 'Vul a.u.b. een geldig e-mailadres in'. Hetzelfde probleem komt voor op pagina https://www.obvion.nl/Hypotheekadvies/adviseur/de-hypotheekshop-voerendaal bij het veld e-mailadres en telefoonnummer. Hier wordt geen formaat gegeven hoe het moet worden ingevuld. Bij postcode gaat het hier wel goed.
Zorg er ook voor dat de foutsuggestie beschikbaar is voor hulpsoftware bij het betreffende veld.

Uitkomst: Niet aanwezig

Uitkomst: Voldoende

Uitkomst: Onvoldoende

Bevindingen: Onder andere op pagina https://www.obvion.nl/homepage staat een uitklapmenu bij 'Over Obvion'. Er zijn verschillende problemen met dit menu:

• De status van dit submenu wordt niet doorgegeven aan voorleessoftware zoals of dit menu is ingevouwen of uitgevouwen.
• De links in het submenu hebben de rol menuitem. Evenals de links die eruitzien als knoppen 'Voor Adviseurs' en 'Mijn Obvion'.
• Op de menu-items (links) staat role=presentation. Dit zijn elementen die informatie overdragen.

Het menu is gedefinieerd met role=menu. Dit is echter niet bedoeld voor websitenavigatie. Maak van het pijltje een knop die het submenu opent. Het pijltje moet als knop een label krijgen en aria-expanded. Zorg ervoor dat het is opgemaakt als een correct fly-out menu, zie bijvoorbeeld https://www.w3.org/WAI/tutorials/menus/flyout/.

Hetzelfde probleem komt voor op pagina https://www.obvion.nl/adviseur.

Op onder andere op pagina https://www.obvion.nl/homepage staat een zoekveld met toegankelijke naam 'Zoeken zoekveld'. Een screenreader leest dit voor als 'Zoeken zoekveld, invoerveld zoeken'. De rol is al 'searchbox' dus het is dubbelop om te melden dat het hier om een zoekveld gaat. Verwijder 'Zoekveld' uit de toegankelijke naam.

Op https://www.obvion.nl/Zoeken?query=hypotheek staan onder de zoekresultaten paginanummers. Het huidige nummer heeft een andere opmaak om aan te geven dat dit de huidige pagina is. Software kan daardoor niet deze status bepalen. Dit kan je bijvoorbeeld oplossen met een aria-current-attribuut.

Op pagina https://www.obvion.nl/Over-Obvion/Wie-is-Obvion staat een lege link bij de afbeelding en tekst 'Deskundigheid en persoonlijke aandacht..'. Het doel van de link is een pagina met paginatitel 'Hypotheekadvies bij Obvion'. De link heeft geen toegankelijke naam. Omdat de link daarmee geen linkdoel heeft, is het voor blinden en slechtzienden die gebruikmaken van een screenreader niet duidelijk waar de link heen gaat. Voeg een toegankelijke naam toe waarin het linkdoel is omschreven om dit probleem op te lossen. Zie ook succescriterium 2.4.4. Een vergelijkbaar probleem komt voor op pagina https://www.obvion.nl/adviseur/Doelgroep/Starten-op-woningmarkt, wanneer de focus op de video komt dan staat er een link zonder toegankelijke naam. Geef de link een toegankelijke naam.

Op pagina https://www.obvion.nl/Hypotheek-berekenen/Maximale-hypotheek-berekenen staat onder de kop 'Vind een onafhankelijke hypotheekadviseur bij jou in de buurt' een combobox zonder toegankelijke naam. Het is nu niet duidelijk wat deze combobox doet. Voeg een toegankelijke naam toe. Hetzelfde probleem komt voor op pagina https://www.obvion.nl/Hypotheekadvies/zoek-adviseur en op pagina https://www.obvion.nl/Contact staan onder 'Wat is je vraag?' comboboxen zonder toegankelijke naam.

In de chatfunctie heeft de sluit-knop geen toegankelijke naam. Voeg een toegankelijke naam toe om dit probleem op te lossen.

Op pagina https://www.obvion.nl/Contact na het selecteren van opties, bij 'Wat is je vraag?' komt er na het kiezen van opties een antwoord en onderaan de vraag 'Heb je het antwoord op je vraag gevonden?' met twee lijst-items die eruitzien als knoppen 'Ja' en 'Nee'. De functionaliteit is toegevoegd via CSS waardoor het voor hulpsoftware niet te herkennen is dat het knoppen zijn. Los dit bijvoorbeeld op door dit in html op te maken als knoppen met het button element.

Op pagina https://www.obvion.nl/Contact staan links genest in interactieve bedieningselementen. Bijvoorbeeld de link 'Persvragen'. Dit kan een probleem zijn voor gebruikers van voorleessoftware, omdat niet alle screenreaders dit voorlezen. De opmaak role=tab is hier niet correct, ook ontbreekt informatie dat het een interactief element is zoals een knop. Zorg voor de juiste opmaak, bijvoorbeeld een accordion. Hetzelfde probleem komt op de meeste pagina's voor waar deze uitvouwbare elementen voorkomen, bijvoorbeeld op pagina https://www.obvion.nl/Hypotheek-berekenen/Maximale-hypotheek-berekenen bij de link 'Uitgangspunten bij de berekening'.

Op pagina https://www.obvion.nl/Download/Brochures-en-formulieren staan PDF documenten. De PDF's zijn te downloaden via links. Om aan te geven dat het om PDF's gaat is een aria-label toegevoegd met 'pdf'. Deze aria-labels staan op een <span>. Een aria-label kan op deze manier niet gebruikt worden. Een mogelijke oplossing is door er visueel verborgen tekst van te maken, maar dat het nog wel leesbaar is voor screenreaders en het aria-label attribuut te verwijderen, of plaats een tekst op de pagina waarin wordt aangegeven dat het om PDF documenten gaat.

Op pagina https://www.obvion.nl/Hypotheekadvies/adviseur/de-hypotheekshop-voerendaal is een formulier waar bij de verplichte velden een * wordt getoond. Nergens binnen het formulier staat vermeld dat dit betekent dat dit veld verplicht is. Plaats een melding bovenaan, binnen het formulier, bijvoorbeeld: ‘Velden met een sterretje (*) zijn verplicht'. Een vergelijkbaar probleem komt voor bij andere formulieren op de website, hier staat het wel aangegeven, maar onderaan het formulier, bijvoorbeeld op pagina https://www.obvion.nl/adviseur/Beleid/Einddatum-hypotheek/Stappenplan-Als-de-hypotheek-afloopt/Aanvraag-vernieuwen-op-einde-looptijd bij stap 2. Plaats de melding bovenaan, binnen het formulier.

Op alle pagina's, bijvoorbeeld op pagina https://www.obvion.nl/adviseur wanneer bij een schermgrootte van 1280 bij 1024 pixels ingezoomd wordt vanaf 175% dan veranderd het menu in een 'hamburgermenu-knop' met zwarte strepen rechts bovenaan in beeld. Bij deze knop mist een beschrijvend label met de tekst 'Menu'.

In de chatfunctie staat een invoerveld met een placeholder-tekst, maar dat is niet genoeg voor dit succescriterium. Een placeholder wordt namelijk niet door alle schermlezers voorgelezen en verdwijnt als de gebruiker begint te typen. Zorg dat de tekst zichtbaar blijft door een label te gebruiken zodat bezoekers op elk moment kunnen zien wat ze moeten invullen in het veld.
Hetzelfde probleem komt voor onder andere op pagina https://www.obvion.nl/Hypotheekadvies/zoek-adviseur bij het invoerveld 'Je postcode/plaatsnaam' onder 'Vind een onafhankelijke hypotheekadviseur bij jou in de buurt' en 'Vragen? Zoek een adviseur op'.

De iframe van de chatfunctie heeft geen toegankelijke naam. Zorg voor een duidelijke beschrijving van de chatfunctie via het title-attribuut.

Op pagina https://www.obvion.nl/adviseur/Doelgroep/Starten-op-woningmarkt staat een interactief element '1.Meetekenen'. Dit is opgemaakt als role=tab, wat semantisch niet bij de uitklapbare onderdelen hoort. De rol is bedoeld voor tab-menu's. Verwijder role=tab en zorg dat het voor bezoekers die gebruikmaken van een screenreader duidelijk is dat dit een interactief element is, door bijvoorbeeld een button toe te voegen. Het is wel duidelijk dat het uitvouwbaar is. Dit probleem komt meerdere keren voor, bijvoorbeeld op pagina https://www.obvion.nl/Contact/Contact-met-Obvion.

Advies: Op pagina https://www.obvion.nl/adviseur/Beleid/Einddatum-hypotheek/Stappenplan-Als-de-hypotheek-afloopt/Aanvraag-vernieuwen-op-einde-looptijd bij stap 4 staat een invoerveld 'Nieuwe einddatum' met een formaat waarin ingevuld moet worden (dd-mm-jjjj). Dit formaat wordt niet doorgegeven aan een screenreader. Omdat er ook een andere toegankelijke optie is om de datum in te vullen, is het hier niet afgekeurd.

Opmerking: Op pagina https://www.obvion.nl/Zoeken?query=hypotheek staat een checkbox met toegankelijke naam 'blog blog'. Dit is dubbelop. Vermeld een enkele keer de tekst 'blog'.

Uitkomst: Onvoldoende

Bevindingen: Wanneer bezoekers op pagina https://www.obvion.nl/homepage een invoerveld niet goed invullen, bijvoorbeeld bij het invoerveld 'e-mailadres', verschijnt er zonder dat de pagina ververst een foutmelding. Blinden en slechtzienden die met een screenreader werken krijgen geen signaal dat er iets is gewijzigd en dat er foutmeldingen staan op het scherm. Los dit op met bijvoorbeeld role="alert". Een vergelijkbaar probleem komt op meerdere pagina's voor, bijvoorbeeld:

• Op pagina https://www.obvion.nl/Hypotheek-berekenen/Maximale-hypotheek-berekenen wanneer er geen invoer wordt gegeven in de invoervelden van de rekentool en de knop wordt geactiveerd om de maximale hypotheek te berekenen. De foutmelding wordt niet opgemerkt door een screenreader. -
• Wanneer op pagina https://www.obvion.nl/Hypotheekadvies/zoek-adviseur een verkeerde postcode wordt ingevuld, dan verschijnt er zonder dat de pagina ververst boven het invoerveld een foutmelding 'Er zijn geen resultaten gevonden. Probeer een specifiekere locatie in te voeren.'
• Op pagina https://www.obvion.nl/Hypotheekadvies/adviseur/de-hypotheekshop-voerendaal bij geen of foutieve invoer in de afsprakenmodule.

Het is voor ziende gebruikers duidelijk dat na verzending het feedback formulier (bijvoorbeeld linksonder op de homepagina) succesvol ingediend is met de tekst 'Bedankt voor je feedback!', maar deze informatie is niet beschikbaar voor bezoekers die afhankelijk zijn van hulpsoftware. Maak bijvoorbeeld gebruik van role="status". Hetzelfde probleem komt voor op pagina https://www.obvion.nl/adviseur/Beleid/Einddatum-hypotheek/Stappenplan-Als-de-hypotheek-afloopt/Aanvraag-vernieuwen-op-einde-looptijd wanneer bij stap 9 de tekst 'Uw aanvraag is verstuurd' verschijnt.

Wanneer op pagina https://www.obvion.nl/Hypotheekadvies/zoek-adviseur bij 'Vind een onafhankelijke hypotheekadviseur bij jou in de buurt' een postcode wordt ingevuld, dan verschijnt er onder het invoerveld een zoekresultaat en een kaart met adviseurs. Hulpsoftware krijgt niet door dat er nieuwe content op de pagina is geladen en dat er een resultaat is. Los dit probleem op door role=status toe te voegen.

Opmerking: In de chatfunctie wanneer Obvion een antwoord heeft getypt, is dat voor ziende bezoekers te lezen. Blinden en slechtzienden die met een screenreader werken krijgen geen signaal dat er iets is gewijzigd en dat er een bericht staat op het scherm. Los dit op met bijvoorbeeld role="status".
Omdat de chatfunctie tijdens de 4-ogen van dit onderzoek niet beschikbaar was, is dit probleem hier niet meer als bevinding opgeschreven.