Toegankelijkheidsonderzoek

Issues:
Audit digitale toegankelijkheid website Blaise

(Alleen de bevindingen)

Scope van de evaluatie

Naam website Blaise
Datum 10 oktober 2024
Scope van de website Binnen de scope van het onderzoek valt:
Buiten de scope van het onderzoek valt:
  • Subwebsite(s) waarbij de HTML en/of het systeem afwijkt van de onderzochte website.
  • Alle externe systemen en websites waar via het onderzochte domein met een link naar wordt verwezen.
Conformiteitsdoel WCAG 2.1 niveau AA

Uitgebreide toetsresultaten

Aantal bevindingen: 54

1. Waarneembaar

1.1 Tekstalternatieven

1.1.1 Niet-tekstuele content (Niveau A)

Informatie over succescriterium 1.1.1 Niet-tekstuele content

Uitkomst: Onvoldoende

Bevinding 1: Bovenaan iedere pagina staat het logo van CBS Blaise, die linkt naar de homepage. Met een aria-label is de alternatieve tekst 'back to home' aan de link gegeven. Dit is onvoldoende beschrijvend. Logo's moeten tenminste het woord 'logo' en de naam van de organisatie als alternatieve tekst bevatten. Pas de tekst aan naar 'Logo CBS Blaise - back to home'.

Bevinding 2: Op onder andere de homepage komen afbeeldingen met daarin tekst voor die ook een link zijn, bijvoorbeeld de afbeelding 'Blaise 5.1.4' en 'Atlassian Cloud'. Deze afbeeldingen hebben geen alternatieve tekst. Afbeeldingen die ook een link zijn moeten een alternatieve tekst hebben. Zorg voor een beschrijvende alternatieve tekst die ook het linkdoel beschrijft. Dit geldt ook voor het YouTube logo in de footer onderaan iedere pagina. Een vergelijkbaar probleem doet zich voor op pagina https://blaise.com/products/general-information, waar de hero-afbeelding verwijst naar de url https://blaise.com/products/general-information?view=article&id=5:blaise&catid=14 maar geen alternatieve tekst heeft.

Bevinding 3: Op pagina https://blaise.com/blaise/about-blaise staat een afbeelding van het CBS hoofdkantoor in Heerlen. Deze informatie is nu niet beschikbaar voor hulpsoftware, omdat een alternatieve tekst mist. Geef informatieve afbeeldingen een alternatieve tekst.

Bevinding 4: Op onder andere pagina https://blaise.com/products/general-information kunnen bezoekers door op een afbeelding te klikken de afbeelding vergroten. Dit komt niet voor in de alternatieve tekst van de afbeelding en daardoor ook niet in het linkdoel. Zorg ervoor dat dit duidelijk is.

Bevinding 5: Op onder andere de homepage komt een video voor, zonder beschrijving. Zie ook succescriterium 4.1.2.

1.2 Op tijd gebaseerde media

1.2.2 Ondertitels voor doven en slechthorenden (vooraf opgenomen) (Niveau A)

Informatie over succescriterium 1.2.2 Ondertitels voor doven en slechthorenden (vooraf opgenomen)

Uitkomst: Onvoldoende

Bevinding 6: De video op pagina https://blaise.com/information-center/videos onder Blaise Colectica Questionnaires Demonstration bevat alleen automatisch gegenereerde ondertiteling. Deze is vaak foutief (in plaats van Blaise Colectica questionnaires staat er bijvoorbeeld Blaze collect occur questionnaires) en mist interpunctie. Voeg daarom een eigen ondertiteling toe. Dit geldt ook voor de video onder Blaise Colectica Questionnaires Latest Features.

1.2.3 Audiodescriptie of media-alternatief (vooraf opgenomen) (Niveau A)

Informatie over succescriterium 1.2.3 Audiodescriptie of media-alternatief (vooraf opgenomen)

Uitkomst: Onvoldoende

Bevinding 7: Op pagina https://blaise.com/information-center/videos komen video's voor waar de audiodescriptie niet volledig is, zoals de video onder Adaptive Scaling with Blaise 5. Hier komen teksten in beeld die geen onderdeel zijn van de audiodescriptie. Plaats deze informatie in een transcript, of pas de audiodescriptie aan om direct te voldoen aan succescriterium 1.2.5. Dit komt bij meerdere video's voor, waaronder bij Blaise 5's Multimode Advantages, Blaise Colectica Questionnaires Latest Features en Gaining deeper understanding.

Bevinding 8: Advies: In de video op de homepage komen beelden voor die ondersteunend zijn aan de gesproken tekst, bijvoorbeeld een systeem waaraan Blaise 5 gekoppeld kan worden. Overweeg deze informatie toe te voegen aan de audiodescriptie en de audiodescriptie ook als een transcript toe te voegen aan de pagina, zodat doof blinde bezoekers ook de informatie tot zich kunnen nemen.

1.2.5 Audiodescriptie (vooraf opgenomen) (Niveau AA)

Informatie over succescriterium 1.2.5 Audiodescriptie (vooraf opgenomen)

Uitkomst: Onvoldoende

Bevinding 9: Op pagina https://blaise.com/information-center/videos komen video's voor waar de audiodescriptie niet volledig is, zoals de video onder Adaptive Scaling with Blaise 5. Hier komen teksten in beeld die geen onderdeel zijn van de audiodescriptie. Plaats deze informatie in de audiodescriptie. Dit komt bij meerdere video's voor, waaronder bij Blaise 5's Multimode Advantages, Blaise Colectica Questionnaires Latest Features en Gaining deeper understanding.

Bevinding 10: Advies: In de video op de homepage komen beelden voor die ondersteunend zijn aan de gesproken tekst, bijvoorbeeld een systeem waaraan Blaise 5 gekoppeld kan worden. Overweeg deze informatie toe te voegen aan de audiodescriptie en de audiodescriptie ook als een transcript toe te voegen aan de pagina, zodat doof blinde bezoekers ook de informatie tot zich kunnen nemen.

1.3 Aanpasbaar

1.3.1 Info en relaties (Niveau A)

Informatie over succescriterium 1.3.1 Info en relaties

Uitkomst: Onvoldoende

Bevinding 11: Het navigatiemenu bovenaan iedere pagina bevat uitklapbare menu-items. Er is een aria-expanded attribuut aanwezig, maar dat verschijnt pas wanneer bezoekers met de tab-toets focussen op een menu-item. Bezoekers die met voorleessoftware en het toetsenbord over de pagina navigeren, gebruiken echter ook de pijltoetsen om over de pagina te navigeren. Omdat het aria-expanded attribuut voor hen afwezig is, beschikken zij niet over de informatie of een item in- of uitgeklapt is, of uitklapbaar is. Plaats het attribuut daarom statisch op de menu-items en pas alleen false or true dynamisch aan.

Bevinding 12: In het hamburgermenu bovenaan iedere pagina (waarin het menu wordt samengevouwen bij inzoomen) heeft de huidige pagina een andere kleur. Deze informatie is niet beschikbaar voor hulpsoftware. Maak bijvoorbeeld gebruik van aria-current om dit probleem op te lossen.

Bevinding 13: Op pagina https://blaise.com/support/training staat onder 'Scheduled courses' een datum. Deze datum doet hier dienst als kop, maar is opgemaakt met het strong-element. Bezoekers die gebruik maken van voorleessoftware kunnen met een sneltoets of een koppenlijst door de koppen van een pagina navigeren, maar dit kan alleen als de tekst daadwerkelijk als kop is opgemaakt. Verwijder daarom de opmaak met het strong-element en gebruik een geschikt kop-element. Ook op pagina https://blaise.com/final-program-of-the-international-blaise-users-conference-ibuc-2016 wordt het strong-element in plaats van een kop-element gebruikt. Hier wordt daarnaast ook het em-element (voor gesproken nadruk) gebruikt. Gebruik in plaats daarvan CSS om een schuingedrukte opmaak te creëren.

Bevinding 14: De tabellen op pagina https://blaise.com/final-program-of-the-international-blaise-users-conference-ibuc-2016 zijn niet goed opgemaakt. Zo zijn koppen met het strong-element opgemaakt in plaats met th-elementen (tabelkoppen), waardoor er geen relatie is tussen de koppen en de cellen in de tabel voor bezoekers die gebruik maken van voorleessoftware. Daarnaast is zijn de koppen boven de tabellen, zoals 'Tuesday, 4 October: IBUC – Day 1', nu onderdeel van de tabellen. Plaats de koppen er boven, of niet als kop maar als caption in de tabel. Vergelijkbare problemen doen zich voor op pagina https://blaise.com/faq/category/case-management.

Bevinding 15: In de tabellen op pagina https://blaise.com/faq/category/case-management komen onzichtbare figure-elementen voor, met onzichtbare sorteerknoppen. Deze lijken geen functie te hebben, maar worden wel voorgelezen door voorleessoftware en krijgen wel zichtbare toetsenbordfocus. Dit is verwarrend. Verwijder deze elementen, of maak ze zichtbaar.

Bevinding 16: Op pagina https://blaise.com/support/training komen opsommingen voor die wel met het ul-element zijn opgemaakt, maar niet met li-elementen. In plaats daarvan zijn br-elementen gebruikt om onderscheid te maken tussen de verschillende items. Hierdoor is de semantische betekenis van de opsomming niet meer beschikbaar voor hulpsoftware. Maak gebruik van ul-elementen mét li-elementen en nest lijsten in lijsten op de correcte manier.

Bevinding 17: De PDF op pagina https://www.blaise.com/images/documentation/Brochures/2021/Blaise_2021-01_CMA.pdf is niet gecodeerd en daardoor is er voor hulpsoftware (zoals voorleessoftware) geen informatie beschikbaar om de PDF te interpreteren. Omdat codes ontbreken kan de PDF niet volledig onderzocht worden (alle succescriteria met betrekking tot de PDF-codelaag zoals semantische koppen en alt-teksten bij afbeeldingen). Let daarom op dat bij het oplossen van dit probleem nieuwe toegankelijkheidsproblemen kunnen ontstaan. Dit geldt ook voor de PDF op pagina https://www.blaise.com/images/brochures/2024/blaise-5-mobile-data-collection-made-easy.pdf.

Bevinding 18: Advies: Op onder andere de homepage mist een h1-kop. Een kop van niveau h1 biedt bezoekers belangrijke informatie over de inhoud van de pagina. Op onder andere pagina https://blaise.com/blaise/contact-us worden daarnaast meerdere kopniveaus overgeslagen (van h1 naar h5). Een logische aflopende koppenstructuur helpt verschillende doelgroepen bij het navigeren over de website. Overweeg de koppenstructuur daarom aan te passen. Dit doet zich op meerdere pagina's voor, waaronder op pagina https://blaise.com/products/general-information.

1.3.2 Betekenisvolle volgorde (Niveau A)

Informatie over succescriterium 1.3.2 Betekenisvolle volgorde

Uitkomst: Onvoldoende

Bevinding 19: Op de homepage komen contentblokken voor die bestaan uit een afbeelding, kop, paragraaf en linktekst. Omdat de afbeelding en de link daarin bóven de kop staan (deze afbeeldingen hebben een alternatieve tekst nodig, zie 1.1.1) is het voor bezoekers die bijvoorbeeld voorleessoftware gebruiken moeilijk om te bepalen bij welke kop de afbeelding en link hoort. Plaats deze in de code daarom ook ónder de kop waar het over gaat. Visueel mag het er wel boven blijven staan. Een vergelijkbaar probleem doet zich voor op pagina https://blaise.com/information-center/downloadable-information.

Bevinding 20: Op pagina https://blaise.com/information-center/downloadable-information staan contentblokken waarin een link naar een PDF document geplaatst is vóór de kop waar deze bij hoort. Om duidelijk te maken bij welke kop de link hoort, moet deze geplaatst worden onder de kop.

1.4 Onderscheidbaar

1.4.1 Gebruik van kleur (Niveau A)

Informatie over succescriterium 1.4.1 Gebruik van kleur

Uitkomst: Voldoende

Bevinding 21: Advies: In het hamburgermenu bovenaan iedere pagina (waarin het menu samenvouwt bij inzoomen op de pagina) heeft de huidige pagina een andere kleur. De contrastratio tussen de witte tekst en de grijze tekst is groter dan 3:1, dus dit is geen afkeuring. Echter, het is toegankelijker om een andere manier dan alleen kleurverschil te gebruiken om de huidige pagina mee aan te tonen, bijvoorbeeld door de achtergrondkleur en de tekstkleur om te draaien of door de tekst te omcirkelen.

1.4.3 Contrast (minimum) (Niveau AA)

Informatie over succescriterium 1.4.3 Contrast (minimum)

Uitkomst: Onvoldoende

Bevinding 22: Op onder andere de homepage komt paginering voor. De huidige pagina is opgemaakt met een wit cijfer op een blauwe achtergrond (HEX #219ED4). De contrastratio is hier 3:1 waar dat minimaal 4,5:1 moet zijn. Bij muishover kleuren zwarte linkteksten, zoals in het navigatiemenu bovenaan iedere pagina, blauw (HEX #219ED4). Hiervoor geldt hetzelfde. Een vergelijkbaar probleem komt voor bij muishover op de linkteksten op een grijze achtergrond (HEX #F2F6F6), zoals de 'Continue reading' linkteksten. Hier is de contrastratio 2,7:1 waar die minimaal 4,5:1 moet zijn. Dit geldt ook voor de links de uitgeklapte menu-items in het navigatiemenu, bij muishover. Dit doet zich ook voor op pagina https://blaise.com/support/training, met de uitklapbare items en de items in het zij-menu. Voor de grote koppen geldt hier een minimum van 3:1, voor de tekst in het zij-menu 4,5:1.

Bevinding 23: In het hamburgermenu bovenaan iedere pagina komt grijze tekst (HEX #919191) voor op een donkergrijze achtergrond (HEX #444444). De contrastratio is hier 3:1 waar dat minimaal 4,5:1 moet zijn.

Bevinding 24: Op onder andere pagina https://blaise.com/blaise/contact-us kleuren de links in de lopende tekst bij muishover grijs (HEX #C3C5C5). De contrastratio op de lichtgrijze achtergrond (HEX #F2F6F6) is dan 1,5:1 waar dat minimaal 4,5:1 moet zijn. Dit doet zich op meerdere pagina's voor, waaronder op pagina https://blaise.com/sitemap?view=html&id=1 en pagina https://blaise.com/support/faq.

Bevinding 25: In de footer onderaan iedere pagina komt blauwe tekst (HEX #BCE1F2) op een blauwe achtergrond voor (HEX #219ED4). De contrastratio is hier 2,2:1 waar dat minimaal 4,5:1 moet zijn.

Bevinding 26: Op pagina https://blaise.com/support/faq komen grijze getallen voor (HEX #9B9B9B). De contrastratio op de witte achtergrond is hier 2,5:1 waar dat minimaal 4,5:1 moet zijn.

Bevinding 27: Op pagina https://blaise.com/final-program-of-the-international-blaise-users-conference-ibuc-2016 komt rood/roze tekst voor (HEX #F0506E) op een blauwe (HEX #F2F6F6) en grijze (HEX #F6F6F6) achtergrond. De contrastratio's zijn hier 3,1:1 en 3,2:1, waar dat minimaal 4,5:1 moet zijn.

Bevinding 28: In de PDF op pagina https://www.blaise.com/images/documentation/Brochures/2021/Blaise_2021-01_CMA.pdf komt blauwe tekst (HEX #0082A4) voor op een witte achtergrond. De contrastratio is hier 4,4:1 waar dat minimaal 4,5:1 moet zijn. Dit geldt ook voor de witte tekst op de blauwe achtergrond.

1.4.10 Reflow (Niveau AA)

Informatie over succescriterium 1.4.10 Reflow

Uitkomst: Onvoldoende

Bevinding 29: Als de pagina's bij een schermgrootte van 1280 bij 1024 inzoomen vanaf 150%, vouwt het menu samen. De knop (die eruit ziet als een hamburgermenu) die bij normale schermweergave te zien is, waarmee de zoekfunctie geopend kan worden, verdwijnt dan van de pagina. Zorg dat er bij het inzoomen geen content of functionaliteit van de pagina verdwijnt.

Bevinding 30: Wanneer bezoekers met schermgrootte 1280 bij 1024 inzoomen naar 400% op onder andere de homepage, is de YouTube-videospeler niet meer volledig in beeld. Zorg ervoor dat inzoomen niet leidt tot verlies van functionaliteit of informatie. Omdat een video 2d-content is, volstaat het hier om een scrollbar onder de video toe te voegen. Let op: de scrollbar mag niet op de gehele pagina staan, alleen onder de videospeler. Idealiter schaalt de videospeler mee naar een kleiner formaat wanneer de bezoeker inzoomed.

1.4.11 Contrast van niet-tekstuele content (Niveau AA)

Informatie over succescriterium 1.4.11 Contrast van niet-tekstuele content

Uitkomst: Onvoldoende

Bevinding 31: Op pagina https://blaise.com/information-center/videos staat onder 'TAAS- Transition as a service' een slider. De knoppen 'next' en 'previous' zijn witgekleurd, en vallen op sommige slides op witte achtergrond. Hierdoor ontstaat een contrastverhouding van 1:1 en zijn de knoppen niet of nauwelijks zichtbaar. Zorg ervoor dat de contrastverhouding minimaal 3:1 is. Dit geldt ook voor de witte focusrand wanneer een bezoeker met het toetsenbord navigeert. Zorg ervoor dat de contrastratio hier ook minimaal 3:1 is.

2. Bedienbaar

2.1 Toetsenbordtoegankelijk

2.1.1 Toetsenbord (Niveau A)

Informatie over succescriterium 2.1.1 Toetsenbord

Uitkomst: Onvoldoende

Bevinding 32: Op zowel de homepage als op pagina https://blaise.com/information-center/videos komen videospelers voor waarin bezoekers met de muis via een drag and drop functie de ondertiteling kunnen verplaatsen. Deze functionaliteit is niet bedienbaar met het toetsenbord. Zorg ervoor dat interactieve elementen ook met het toetsenbord bedienbaar zijn. Let op: In WCAG 2.2 is de drag and drop functie ook afkeurbaar onder 2.5.7 Sleepbewegingen.

Bevinding 33: Advies: De video op één van de slides onder TAAS - Transition as a Service (https://blaise.com/information-center/videos) is niet met de muis te bedienen, alleen met het toetsenbord. Omdat muisbediening geen WCAG vereiste an sich is, is dit enkel een opmerking in dit rapport.

2.1.4 Enkel teken sneltoets (Niveau A)

Informatie over succescriterium 2.1.4 Enkel teken sneltoets

Uitkomst: Onvoldoende

Bevinding 34: Op onder andere de homepage wordt een video getoond in een YouTube-videospeler. Deze maakt gebruik van sneltoetsen, zoals de k voor pauzeren, die de werking van voorleessoftware hindert omdat deze gebruik maakt van dezelfde sneltoetsen (met de k gaat de bezoeker bijvoorbeeld naar de volgende link). Dit kan uitgeschakeld worden met de disablekb1 parameter. Echter, op dit moment veroorzaakt dit een afkeuring op succescriterium 2.1.1 omdat na het uitschakelen van de sneltoetsen, andere functies in de videospeler niet meer bedienbaar zijn met het toetsenbord. Daarom is het advies op dit moment om gebruik te maken van een eigen gebouwde videospeler in plaats van afhankelijk te zijn van een derde partij. Dit geldt ook voor alle video's op pagina https://blaise.com/information-center/videos.

2.2 Genoeg tijd

2.2.2 Pauzeren, stoppen, verbergen (Niveau A)

Informatie over succescriterium 2.2.2 Pauzeren, stoppen, verbergen

Uitkomst: Voldoende

Bevinding 35: Advies: De video's op pagina https://blaise.com/information-center/videos beginnen automatisch af te spelen. Er is een methode aanwezig om de video te pauzeren, maar door het grote aantal video's duurt dit lang. Overweeg daarom autoplay uit te zetten. Dit geldt ook voor de video op de homepage.

2.4.1 Blokken omzeilen (Niveau A)

Informatie over succescriterium 2.4.1 Blokken omzeilen

Uitkomst: Onvoldoende

Bevinding 36: Op onder andere pagina https://blaise.com/ is er een skiplink aanwezig, maar de eerste unieke content van de pagina (de video) wordt overgeslagen. Zorg ervoor dat een skiplink geen unieke content overslaat.

2.4.2 Paginatitel (Niveau A)

Informatie over succescriterium 2.4.2 Paginatitel

Uitkomst: Onvoldoende

Bevinding 37: De PDF op pagina https://www.blaise.com/images/documentation/Brochures/2021/Blaise_2021-01_CMA.pdf bevat geen paginatitel, alleen een bestandsnaam. Zorg ervoor dat er een beschrijvende titel aanwezig is én dat deze getoond wordt bij het openen van het bestand, door bij 'Weergave bij openen' te kiezen voor 'Documenttitel'.

2.4.3 Focus volgorde (Niveau A)

Informatie over succescriterium 2.4.3 Focus volgorde

Uitkomst: Onvoldoende

Bevinding 38: In het navigatiemenu bovenaan iedere pagina is een hamburgermenu knop aanwezig, waarmee bezoekers een zoekfunctie in een dialoogvenster openen. Wanneer de bezoeker verder navigeert, voorbij de sluitknop, gaat de focus verder in de adresbalk van de bezoeker. Zorg ervoor dat de focus in het dialoogvenster blijft tot de bezoeker het scherm sluit. Wanneer de bezoeker de sluitknop gebruikt, gaat de focus niet terug naar de knop waarmee de bezoeker de zoekfunctie opende, maar gaat de focus weer helemaal naar het begin van de pagina. Dit is erg storend voor bezoekers die gebruik maken van het toetsenbord. Zorg ervoor dat de focus terugkeert naar waar de bezoeker gebleven was. Dit geldt zowel voor het hamburgermenu in desktop weergave als in het mobiele uitgebreidere menu bij zoom.

Bevinding 39: Op pagina https://blaise.com/products/general-information kunnen bezoekers een afbeelding vergroot openen. Wanneer zij met de tabtoets verder navigeren, verplaatst de focus zich na de sluit-knop naar de adresbalk van de bezoeker. Zorg ervoor dat de focus in het afbeelding-scherm blijft tot de bezoeker het scherm sluit met de sluit-knop.

Bevinding 40: Wanneer bezoekers op pagina https://blaise.com/information-center/videos onder 'TAAS - Transition as a Service' naar de volgende slide gaan, gaat de focus daarna verder bij de video 'Why you should transition from Blaise 4 to Blaise 5' in plaats van in de video op de slide. Zorg ervoor dat de focus zich naar een logische plek verplaatst, in dit geval naar de nieuwe video op de volgende slide.

Informatie over succescriterium 2.4.4 Linkdoel (in context)

Uitkomst: Onvoldoende

Bevinding 41: Op onder andere de homepage komen afbeeldingen met daarin tekst voor die ook een link zijn, bijvoorbeeld de afbeelding 'Blaise 5.1.4' en 'Atlassian Cloud'. Deze afbeeldingen hebben geen alternatieve tekst, waardoor er ook geen linkdoel aanwezig is. Afbeeldingen die ook een link zijn moeten een alternatieve tekst hebben. Zorg voor een beschrijvende alternatieve tekst die ook het linkdoel beschrijft.

Bevinding 42: Op de homepage komen links voor met als linktekst 'Continue reading'. Dit is onvoldoende beschrijvend. Zorg ervoor dat het duidelijk is waar de link naar verwijst, bijvoorbeeld door de titel van de pagina in de linktekst op te nemen (dit mag ook als screenreader-only tekst zijn).

Bevinding 43: Op onder andere de homepage komt paginering voor. Het linkdoel bestaat nu enkel uit een paginanummer. Dit is niet beschrijvend genoeg. Pas de linkteksten aan, bijvoorbeeld naar 'page 2'. Dit geldt ook voor de knoppen 'previous' en 'next', voeg daar ook 'page' aan toe.

Bevinding 44: Op onder andere pagina https://blaise.com/products/general-information kunnen bezoekers door op een afbeelding te klikken de afbeelding vergroten. Dit komt niet voor in de alternatieve tekst van de afbeelding en daardoor ook niet in het linkdoel. Zorg ervoor dat dit duidelijk is.

Bevinding 45: Op pagina https://blaise.com/information-center/downloadable-information komen links voor, waar bezoekers PDF documenten kunnen downloaden. Deze links hebben geen toegankelijke naam, en daardoor ook geen toegankelijk linkdoel. Er is een alternatieve tekst voor de afbeelding aanwezig, maar deze is geen onderdeel van de link en daarmee dus ook geen vervanging van een linkdoel. Voeg een toegankelijke linktekst toe voor deze links. Ook op deze pagina zijn de links dubbel, een andere oplossing zou daarom ook kunnen zijn deze links te verwijderen en alleen de link die in de kopteksten genest zijn te behouden.

Bevinding 46: Advies: Op de homepage wordt er per artikel drie keer naar dezelfde pagina gelinkt, namelijk in de afbeelding, in de kop van het item en in de continue reading linktekst. Dit is storend voor bezoekers die gebruik maken van voorleessoftware. Overweeg slechts 1 link per item te gebruiken en het klikbare gebied te vergroten met JavaScript en CSS.

2.4.6 Koppen en labels (Niveau AA)

Informatie over succescriterium 2.4.6 Koppen en labels

Uitkomst: Voldoende

Bevinding 47: Advies: Wanneer de bezoeker in niet-ingezoomde weergave de website bekijkt, heet het hamburgermenu bovenaan de pagina 'Open menu'. Dit beschrijft de functie onvoldoende omdat er alleen een zoekfunctie aanwezig. Overweeg de naam aan te passen. In ingezoomde weergave klopt de naam van de knop wel.

2.4.7 Focus zichtbaar (Niveau AA)

Informatie over succescriterium 2.4.7 Focus zichtbaar

Uitkomst: Onvoldoende

Bevinding 48: Wanneer bezoekers de website voor het eerst bezoeken, is er een cookiemelding aanwezig. De interactieve items (de links en de knoppen) hebben geen zichtbare focusstyling. Hierdoor is het voor bezoekers die gebruik maken van het toetsenbord om over de pagina te navigeren niet duidelijk waar zij zich op de pagina bevinden. Zorg voor een zichtbare focusrand om interactieve elementen.

Bevinding 49: Wanneer de links in de afbeeldingen op pagina https://blaise.com/information-center/downloadable-information focus hebben is dat niet zichtbaar. Hierdoor is het voor bezoekers die gebruik maken van het toetsenbord om over de pagina te navigeren niet duidelijk waar zij zich op de pagina bevinden. Zorg voor een zichtbare focusrand om interactieve elementen

4. Robuust

4.1 Compatibel

4.1.2 Naam, rol, waarde (Niveau A)

Informatie over succescriterium 4.1.2 Naam, rol, waarde

Uitkomst: Onvoldoende

Bevinding 50: Op onder andere de homepage komt een iframe voor (de YouTube-videospeler), zonder een beschrijvende naam in het title-attribuut. Dit is verplicht. Dit geldt ook voor alle video's op pagina https://blaise.com/information-center/videos.

Bevinding 51: In de YouTube speler onder 'TAAS - Transition as a service' op pagina https://blaise.com/information-center/videos komt een aria-label voor op een div-element (CBS's Blaise, kanaal). Een aria-label kan niet geplaatst worden op een div-element zonder rol.

Bevinding 52: Op onder andere de homepage komen afbeeldingen met daarin tekst voor die ook een link zijn, bijvoorbeeld de afbeelding 'Blaise 5.1.4' en 'Atlassian Cloud'. Deze links hebben geen toegankelijke naam. Zie ook succescriterium 1.1.1 en 2.4.4.

Bevinding 53: Op pagina https://blaise.com/information-center/videos, onder TAAS - Transition as a Service staan twee video's die te bereiken zijn via tabs. Elementen met role=tab hebben een parent element nodig met role=tablist, die is nu niet aanwezig.

Bevinding 54: Op pagina https://blaise.com/information-center/downloadable-information komen links voor, waar bezoekers PDF documenten kunnen downloaden. Deze links hebben geen toegankelijke naam.

Onderbouwing van de evaluatie

Het onderzoek is uitgevoerd op basis van de evaluatiemethode van het W3C, WCAG-EM. Dit gebeurt grotendeels handmatig door een steekproef te nemen. Voor een quickscan geldt dat we slechts delen uit deze methodiek gebruiken. Ondanks alle zorgvuldigheid en ervaring van de onderzoeker kan het voorkomen dat een probleem niet gesignaleerd is. Houd er rekening mee dat in een volgend onderzoek bepaalde onderdelen anders worden beoordeeld omdat technologieën en hulpsoftware worden doorontwikkeld. Bij het handmatig onderzoek wordt gebruik gemaakt van tools.

Steekproef getoetste webpagina's

Ondersteunende technieken

Bronnen

Deze rapportage is grotendeels gemaakt met de online evaluatietool van W3C.

Geprint: 2025-01-30 07:05:48 v2.4-011