Belsimpel

Belsimpel

Onze bevindingen over de webwinkel van Belsimpel

Logo Belsimpel

Belsimpel

URL voorpagina: https://www.belsimpel.nl/
Datum van testen: 20 november 2023
Getest door: Florian Schroiff

De site van Belsimpel bestaat uit een bijeengeraapt allegaartje van plugins en libraries. Sommige van deze libraries hebben accessibility features. Deze zijn niet goed in de site geïntegreerd. Bijvoorbeeld heeft het overbodige select-widget Engelse hulpteksten. 

De autoplay-slideshow leest doodleuk alle zichtbare slides voor, ongeacht waarmee je op dat moment bezig bent. Het lijkt wel een kleuter vlak voor Sinterklaas. Tenminste krijgen gebruikers van schermlees-software op deze manier een vergelijkbaar irritante ervaring als ziende gebruikers wat betreft autoplay. 

Je kunt je met veel moeite door het bestelproces heen worstelen, alleen om uiteindelijk voor een onoverwinnelijke muur te belanden omdat het onmogelijk is om zonder muis een bank te kiezen voor de betaling. 

Vergelijking vorig jaar

Sommige onderdelen zijn hetzelfde gebleven, andere zijn slechter geworden. Net zoals vorig jaar is het uiteindelijk niet mogelijk om een bestelling te plaatsen. 

  • opties van het product invoeren is iets makkelijker geworden voor schermlezer-gebruikers (0 -> 5)
  • het bereiken van de bestelpagina is moeilijker geworden voor toetsenbord én screenreader gebruikers
  • het ingeven van een bezorgadres is moeilijker of onmogelijk geworden
  • het kiezen van een bezorgmoment is makkelijker geworden voor screenreader-gebruikers
  • uiteindelijk is het allemaal irrelevant, want screenreader- en toetsenbord-gebruikers kunnen, net zoals één jaar geleden al, geen bank kiezen en daarom geen bestelling plaatsen

Algemeen: Op de voorpagina is er een autoplay slideshow van aanbiedingen. Deze spreekt elke wissel van slide uit. Dat is erg storend voor een screenreader gebruiker en kletst door alle acties heen.

Kan ik de cookies accepteren en daarna de website gebruiken?

Geen cookiebanner aanwezig, dat is prettig. Alleen wordt wel allerlei tracking-meuk geladen, cookies van Facebook, Microsoft en Google.

Kan ik het hoofdmenu gebruiken?

Testresultaten toetsenbord

Er is geen duidelijke visuele focus voor alle knoppen. De submenu’s klappen ook niet uit met het toetsenbord. Dit was vorig jaar ook al zo.

Testresultaten VoiceOver

Er zijn knoppen in het taalmenu zonder naam. Ik kan de hoofdmenu items gebruiken. De submenu’s niet. Onveranderd t.o.v. vorig jaar.

Kan ik de zoekfunctie op de voorpagina gebruiken?

Testresultaten toetsenbord

De zoekbalk is te bereiken na het hoofdmenu eronder, het lijkt dus alsof de zoekbalk niet te besturen is met het toetsenbord, maar dit kan pas als het menu eerst doorlopen is. Ik kan hem dus gebruiken, maar ik moet eerst maar zoeken wanneer ik hem tegenkom. Als ik een term zoek en daarna op enter of de “zoek” knop druk gebeurt er niks. Ik moet door de zoeksuggesties lopen om te kiezen. Hierin is in het laatste jaar niks veranderd.

Testresultaten VoiceOver

Als ik op de naam van een telefoon zoek en vervolgens op enter druk gebeurt er niks. Er komen visueel zoeksuggesties tevoorschijn, maar ik hoor dit niet met mijn screen reader. Ik moet op de gok naar beneden met de pijltjestoetsen om te zoeken. Met heel veel moeite en gokken kan dit dus.

Kan ik het filter bij de zoekresultaten gebruiken?

https://www.belsimpel.nl/telefoon-met-abonnement/samsung

Testresultaten toetsenbord

Een dialoog over klantenkorting opent bij het eerste bezoek. Het opent met zichtbare focus op de sluiten knop, maar alle andere elementen binnen de dialoog hebben geen zichtbare focus. Het is dus gokken wat je kiest. Gelukkig sluit de dialoog wel met de escape-toets.

De filters zijn op zich wel bestuurbaar met het toetsenbord, maar er is geen of nauwelijks zichtbare visuele focus waardoor je blijft gokken. Of je moet tellen hoe vaak je hebt getabd, dat is zeer frustrerend. Dit is zoals vorig jaar.

Er zijn ook elementen die als tabgroup gestyled zijn, maar zich niet zo gedragen.

Testresultaten VoiceOver

De sluiten knop van het “Klantvoordeel” dialoog heeft geen accessible naam. 

Er zijn geen duidelijke labels gekoppeld aan de filters. De sliders hebben helemaal geen naam. Ik kan sommige filters gebruiken, maar lang niet allemaal en het is totaal niet intuïtief. Onveranderd t.o.v. vorig jaar.

De knopjes met meer informatie lezen wel voor dat er een knop is met meer informatie, maar de informatie wordt niet voorgelezen. 

Kan ik een item kiezen uit de zoekresultaten?

Testresultaten toetsenbord

Ook hier is geen duidelijke visuele focus aanwezig. Ik moet ook het volledige filtermenu doorlopen voor ik bij de resultaten kom. Geen verandering.

Testresultaten VoiceOver

Ik kan met gebruik van de headings skippen naar de producten. De links hebben duidelijke namen. Dit ging vorig jaar ook al goed. 

Vorig jaar werd een enorme hoeveelheid aan buttons met de naam “Meer informatie” bekritiseerd. Ik zie ze nog steeds terug, maar het lijken er minder te zijn dan vorig jaar of ze zitten niet allemaal bij elkaar. Zoals in het vorige stuk gezegd: De “Meer informatie” buttons geven hun informatie niet prijs aan een screenreader gebruiker. Dus goed zijn ze nog steeds niet.

Kan ik een product bekijken (titel, prijs en omschrijving)?

https://www.belsimpel.nl/samsung-galaxy-s23/zwart/aanbieding?abonnement=hollandsnieuwe-15000-mb-min-sms-4g-2-jaar&bundel%5B0%5D=hollandsnieuwe-toestelbundel-100pr-2500-2-jaar

Testresultaten toetsenbord

Ja. Maar ook op deze pagina is de visuele focus zo goed als nergens te bekennen. 

Testresultaten VoiceOver

De link “Uitgebreid kostenoverzicht” is via het Links menu te vinden. Deze opent een overlay met veel tekst, hier zijn wel de prijzen in te vinden. Alleen zit de focus vast op de sluiten-knop die geen toegankelijke naam heeft. Ook al laat je VoiceOver alles voorlezen wordt de tekst in de dialoog niet voorgelezen. Via het koppenmenu kan je de informatie wel vinden, maar dat is niet intuitief. De inhoud van de dialoog zit in een iframe zonder toegankelijke naam.

De titel van de pagina geeft belangrijke productinformatie weer, dat is handig. Via het koppenmenu kan ik uitgebreide productinformatie vinden. 

Kan ik de opties wijzigen/ingeven (kleur, maat, aantal)?

Testresultaten toetsenbord

Ik kan de opties wijzigen, echter is de visuele focus dus zeer slecht. Dit was vorig jaar ook al zo.

Testresultaten VoiceOver

Radiobuttons hebben een duidelijk label gekregen, dit is beter dan vorig jaar.

De aria-live region van de gestylede selectie-menu’s leest informatie in het Engels op, terwijl de pagina een Nederlands lang attribuut heeft. Dus je krijgt in een verkeerde taal voorgelezen hoe een select-menu werkt. Als de developers een gewoon select-menu met een label hadden gebruikt, was het direct goed geweest. De functionaliteit die met veel moeite via een complexe plugin is toegevoegd zit gewoon gratis bij elke browser.

Kan ik een artikel in het winkelwagentje stoppen?

Testresultaten toetsenbord

Ja, er opent een modal waar de focus meteen in terecht komt. De “bestel nu” knop licht subtiel op wanneer die focus heeft, maar voor een echte focus indicatie is dit niet voldoende. Maar dit was vorig jaar ook al zo.

Testresultaten VoiceOver

Ja, als ik op de bestel nu knop focus krijg ik zowaar te horen wat hetgeen is dat ik geselecteerd heb. Er wordt duidelijk uitgesproken dat het item is toegevoegd aan de winkelmand. Dit was vorig jaar ook al goed.

Kan ik het winkelwagentje openen en uitlezen wat ik heb besteld?

https://www.belsimpel.nl/winkelwagen

Testresultaten toetsenbord

Ja, het wordt alleen erg moeilijk gemaakt door ontbreken van de visuele focus.

Testresultaten VoiceOver

Ja. 

Ook noemenswaardig: Er is een balk met upsells (“Accessoires voor [Toestelnaam]”) die allemaal een verkorte “voeg toe aan winkelwagen” knop hebben. Deze heeft als toegankelijke tekst louter het teken “+”.

Kan ik naar bestellen?

Testresultaten toetsenbord

Wederom lastig ivm ontbreken van visuele focus op de bestelknop en bijna alle overige links en knoppen. 

Bestel nu – ongefocusseerd

Bestel nu – gefocusseerd

Testresultaten VoiceOver

Wanneer je twee particuliere abonnementen in je winkelmand hebt is er visueel een foutmelding “Je mag maximaal 1 particulier abonnement tegelijk bestellen.” in beeld. Deze melding wordt niet voorgelezen wanneer je op “verder met bestellen” klikt. Je blijft op dezelfde pagina hangen zonder te weten waarom. De melding staat boven de titel “Winkelwagen”, de kans dat je hem vindt is daarom klein. Je moet de gehele pagina laten voorlezen om erachter te komen waarom je niet kan bestellen. Met zeer veel moeite kan het dus. 

Kan ik een account aanmaken?

Er zijn twee manieren om een account aan te maken: 

  • Via het hoofdmenu
  • Tijdens het bestelproces

Via het hoofdmenu

Testresultaten toetsenbord

De ontbrekende focus maakt het lastig, maar in dit geval valt het mee. De velden krijgen wel een enigszins zichtbare visuele focus. 

Testresultaten VoiceOver

De foutmeldingen bij ongeldige invoer worden niet voorgelezen. Ook de melding “Minimaal 8 karakters” bij het wachtwoord is niet gekoppeld aan het veld. 

Tijdens het bestelproces

Testresultaten toetsenbord

De helft van de inputs heeft weer geen visuele focus. Het werkt erg vervelend. Er staat niet van tevoren aangegeven welke velden verplicht zijn. De visuele focus bij het kiezen van een verzekering ontbreekt. Blijkbaar moest ik dit invullen, de foutmeldingen zijn dus ook niet heel duidelijk. Dit is onveranderd sinds vorig jaar. 

Na een tijdje verschijnt een dialoog die geen toetsenbord focus krijgt. Deze dialoog valt niet te sluiten met het toetsenbord. Allerlei inputs worden hierdoor verstopt. Je kan het formulier dus niet invullen.

Testresultaten VoiceOver

De checkboxes en keuzerondjes hebben labels. Dat was vorig jaar niet zo.

Ik weet niet welke velden verplicht zijn. Er staat ook een Bankrekeningnummer veld bij, dit is een extra optie, dit wordt niet duidelijk aangegeven bij het invullen van het formulier. Dit is precies dezelfde situatie als vorig jaar.

Ik kan verder zonder een wachtwoord in te voeren? Ik krijg geen foutmeldingen te horen. Dit is precies dezelfde situatie als vorig jaar.

Kan ik een bezorgadres ingeven?

Adres ingeven kan op twee manieren: 

  1. tijdens bestelproces: zie boven
  2. via “Mijn account” in het hoofdmenu.  Deze methode wordt hier beschreven.

https://www.belsimpel.nl/mijnaccount/gegevens/klant

Testresultaten toetsenbord

Het is moeilijk om bij “Mijn account” > “Mijn gegevens” te komen omdat 

  1. de drop-down op “Mijn account” niet opent bij toetsenbordbesturing. Deze bevat een directe link naar “Mijn gegevens”, maar die is dus niet te bereiken
  2. er geen visuele focus is wanneer je door de “Mijn account” pagina tabt om naar de “Mijn gegevens” link te komen. 

Als je de pagina “Mijn gegevens” bereikt hebt, kan je een adres invullen. 

Er staat alleen niet welke velden verplicht zijn, dit zie ik pas als ik een veld leeg laat. Dat was vorig jaar ook al zo.

Testresultaten VoiceOver

De link om gegevens te wijzigen is “Wijzig”, dat is niet duidelijk genoeg. 

Velden hebben geen labels, ik weet niet wat ik moet kiezen of invullen. Ik weet niet welke velden verplicht zijn. Foutmeldingen worden niet voorgelezen.

Kan ik een bezorgmoment kiezen?

https://www.belsimpel.nl/winkelwagen/bezorging

De bolletjes bovenin kunnen allemaal geselecteerd worden, maar de lichtgrijze drie doet niks, terwijl de lichtgrijze twee naar het volgende scherm gaat. Dit is ietwat verwarrend, vooral wanneer je de pagina laat voorlezen door VoiceOver.

Testresultaten toetsenbord

Je kunt kiezen, maar de visuele focus is weer nergens te bekennen. Was vorig jaar ook al zo.

Testresultaten VoiceOver

De opties worden duidelijk voorgelezen. Vorig jaar was dat slechter.

Kan ik de wijze van betalen kiezen?

https://www.belsimpel.nl/winkelwagen/betaling

Testresultaten toetsenbord

Ik kan kiezen tussen iDeal of Bankoverschrijving (wederom zonder visuele focus), ik kan echter geen bank kiezen bij een iDeal betaling! Ik kan met het toetsenbord niet in de dropdown terecht komen. (het is een div, geen select). Dit was vorig jaar ook al zo. 

Testresultaten VoiceOver

Vóór de betaalmethode moet je nog info over je huiselijke situatie geven wat erg moeilijk is omdat de velden niet duidelijk gelabeld zijn. Er komt een succes-bericht in beeld wat niet voorgelezen wordt. 

Bovendien kan ik geen bank kiezen bij betaling met iDeal. Net zoals vorig jaar.

Kan ik op de bestelknop drukken om te betalen of te bestellen?

Testresultaten toetsenbord

Ik kan op deze knop drukken, maar ik word telkens teruggestuurd, omdat ik een bank moet kiezen. Dit werkt niet, dus ik kan nooit bestellen. Vorig jaar bestond dit probleem ook al.

Testresultaten VoiceOver

Zelfde als toetsenbord.

Kan ik om hulp vragen via de website?

https://www.belsimpel.nl/klantenservice

Testresultaten toetsenbord

Onderaan de pagina is een formulier in te vullen. Ook is het telefoonnummer hier te vinden.

Testresultaten VoiceOver

Ik kan het formulier invullen, de foutmeldingen zijn onduidelijk, maar het werkt wel. 

Het is mogelijk om een formulier met ongeldige invoer toch te verzenden. 

Ook kan ik het telefoonnummer uitlezen.

Meer over het webwinkel toegankelijkheidsonderzoek 2023?

Lees de conclusie van het webwinkel toegankelijkheidsonderzoek 2023

Bekijk de resultaten van de andere webwinkels in de top 15

Lees meer over onze methodiek

Kan jouw website hulp gebruiken met digitale toegankelijkheid?

Of heb je vragen over de European Accessibility Act? Level Level bereidt je voor op de toekomst met optimaal toegankelijke websites.

Meer over het webwinkel toegankelijkheidsonderzoek 2023?

Lees de conclusie van het webwinkel toegankelijkheidsonderzoek 2023

Bekijk de resultaten van de andere webwinkels in de top 15

Lees meer over onze methodiek

Kan jouw website hulp gebruiken met digitale toegankelijkheid?

Of heb je vragen over de European Accessibility Act? Level Level bereidt je voor op de toekomst met optimaal toegankelijke websites.