Toegankelijkheidsonderzoek

Issues:
Content-audit digitale toegankelijkheid website brabantontmoet.nl

(Alleen de bevindingen)

Scope van de evaluatie

Naam website Brabantontmoet.nl
Datum 10 november 2023
Scope van de website Binnen de scope van het onderzoek valt:
  • De content van alle pagina's op brabantontmoet.nl
Buiten de scope van het onderzoek valt:
  • De techniek van alle pagina's op brabantontmoet.nl. Dit vereist een apart onderzoek.
  • Pagina's achter login. Dit vereist een apart onderzoek.
  • 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: 22

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: Op pagina https://brabantontmoet.nl/nieuws/2251708.aspx staat onderaan een icoon met daarnaast de tekst 'vorige pagina', dit is opgemaakt als link. De leestekens (<<) die op het icoon te zien zijn, zijn verwerkt in de alternatieve tekst. Deze worden voorgelezen als 'linker dubbele pijl'. Dit kan verwarring opleveren, verwijder dit uit de tekst of verberg de tekens voor hulpsoftware met aria-hidden.
Een soortgelijk probleem komt voor bij het icoon met de leestekens '>>' die worden voorgelezen als 'rechter dubbele pijl', naast de tekst 'volgende pagina'.
Dit probleem komt op meerdere pagina’s voor, bijvoorbeeld op https://www.brabantontmoet.nl/nieuws/2578271.aspx?t=Koningin-Maxima-bezoekt-expo-provincie-Noord-Brabant.

Bevinding 2: De afbeelding in de header op alle pagina's, bijvoorbeeld https://www.brabantontmoet.nl/over/default.aspx, is verborgen voor hulpsoftware. Hierdoor is het logo van 'Brabant ontmoet' niet beschikbaar voor gebruikers van screenreaders die het scherm niet kunnen zien. Zorg ervoor dat minstens de tekst van het logo in de alternatieve tekst van de headerafbeelding staat.

Bevinding 3: In de footer staat het logo van Provincie Noord-Brabant, dit is opgemaakt als link. De alternatieve tekst is 'Logo'. Zorg voor een alternatieve tekst waaruit duidelijk wordt dat de afbeelding het logo van Provincie Noord-Brabant is, en dat de link naar de homepagina van de website 'Brabant Ontmoet' leidt.

1.2 Op tijd gebaseerde media

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 4: Op pagina https://brabantontmoet.nl/nieuws/2251708.aspx is er in de video op verschillende plaatsen tekst in beeld, bijvoorbeeld bij tijdstip 00:07, dan komt de naam van de spreker in beeld. Ook komt op verschillende momenten, bijvoorbeeld op het einde van de video, een logo van Brabant Ontmoet in beeld. Er ontbreekt uitgeschreven tekst en er is geen audiodescriptie die vertelt wat er op het scherm staat. Daardoor 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 om te voldoen aan dit succescriterium. Of maak gebruik van een extra audiospoor om ook te voldoen aan succescriterium 1.2.5.

Dit komt ook voor in video's op andere pagina's, zoals:

1.2.5 Audiodescriptie (vooraf opgenomen) (Niveau AA)

Informatie over succescriterium 1.2.5 Audiodescriptie (vooraf opgenomen)

Uitkomst: Onvoldoende

Bevinding 5: Op pagina https://brabantontmoet.nl/nieuws/2251708.aspx staat een video waarin teksten in beeld komen te staan, bijvoorbeeld rond 1:05. Bij deze video ontbreekt audiodescriptie. Audiodescriptie is een (extra) audiospoor waarin verteld wordt wat er in beeld te zien is. Bezoekers die blind zijn krijgen de teksten in beeld anders niet mee. Zorg ervoor dat een audiodescriptie gebruikt wordt om de teksten in beeld voor te lezen, of verwerk deze visuele informatie op een andere manier in het audiospoor.

In andere video's worden ok teksten in beeld getoond die niet teugkomen in het audiospoor, bijvoorbeeld op pagina:

1.3 Aanpasbaar

1.3.1 Info en relaties (Niveau A)

Informatie over succescriterium 1.3.1 Info en relaties

Uitkomst: Onvoldoende

Bevinding 6: Op pagina https://www.brabantontmoet.nl/over/klimaatproof/default.aspx is de tekst 'Kijk & luister' als kop opgemaakt. Deze h3 kop bevat geen content omdat de kop direct wordt opgevolgd door de h2 kop 'Vodcasts What's smart?'. Bezoekers die gebruikmaken van voorleessoftware 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, en dat elke kop content heeft die door de kop beschreven wordt. Zorg dat er geen koppen zonder content voorkomen. Los dit probleem op door de kop 'Kijk & luister' op te maken met een h2-element en de kop 'Vodcasts What's smart?' met een h3-element.
Ditzelfde komt op meerdere plekken voor, bijvoorbeeld op de homepagina https://brabantontmoet.nl/home/default.aspx, waar de h2 kop 'Welkom!' direct opgevolgd wordt door de h2 kop 'Bij Brabant ontmoet'.

Op pagina https://brabantontmoet.nl/over/klimaatproof/2061667.aspx?t=DDW-Talk-Eco-Pioneers komt een opsomming voor van sprekers. Deze opsomming is nu niet opgemaakt met de juiste code. Gebruik het ul- en li-element om opsommingen mee op te maken in de HTML.

Bevinding 7: Op de pagina https://brabantontmoet.nl/home/default.aspx staat onder de kop 'Bij Brabant ontmoet' een stuk tekst vetgedrukt. Hier is het strong-element gebruikt om een heel stuk tekst nadruk te geven, dat is niet de bedoeling. Het strong-element is bedoeld voor het benadrukken van kleine stukjes tekst. Maak bijvoorbeeld gebruik van de stylesheet om een introtekst in een vetgedrukt lettertype te tonen.
Ditzelfde geldt voor de introtekst onder de kop 'Over Brabant Ontmoet' op pagina https://www.brabantontmoet.nl/over/default.aspx.

Bevinding 8: Deze bevinding vereist mogelijk een technische oplossing:
Wanneer op pagina https://www.brabantontmoet.nl/events/default.aspx
de knop 'Archief' wordt geactiveerd en daarna de knop 'Toegankelijke lijstweergave', verschijnt een tabel. In deze tabel zijn visueel drie kolommen te zien, maar de tabel bestaat uit vier kolommen waarvan de laatste geen content bevat. Deze laatste kolom wordt wel herkend en voorgelezen door hulpsoftware zoals een screenreader. Verwijder deze lege kolom.

Bevinding 9: Opmerking: Op pagina https://brabantontmoet.nl/nieuws/2570526.aspx?t=De-toekomst-beleven-met-AI komt de kop 'Delen' met daaronder vier links naar social media, dubbel voor. Dit wordt niet afgekeurd onder dit succescriterium omdat elke gebruiker dit op deze pagina op dezelfde manier tegen komt, maar het is voor de structuur en het overzicht op de pagina beter om de dubbele informatie te verwijderen.

Ditzelfde komt meer pagina's voor:

Bevinding 10: Opmerking: Op pagina https://brabantontmoet.nl/Beheer/Toegankelijkheidsverklaring/Default.aspx lijkt het of de teksten 'Uitgebreide toegankelijkheidsverklaring' en 'Problemen met toegankelijkheid melden' koppen zijn voor onderstaande content, maar er is geen visuele indicator om dat aan te geven. Controleer of deze koppen opgemaakt moeten worden als koppen. Als dat het geval is maak de koppen dan op met een kop-element, bijvoorbeeld een h3-element.
Soortgelijke koppen staan ook op pagina https://brabantontmoet.nl/over/klimaatproof/2061667.aspx?t=DDW-Talk-Eco-Pioneers.

1.3.2 Betekenisvolle volgorde (Niveau A)

Informatie over succescriterium 1.3.2 Betekenisvolle volgorde

Uitkomst: Voldoende

Bevinding 11: Advies: Op de homepagina https://brabantontmoet.nl/home/default.aspx is visueel te begrijpen dat de tekst van en onder de kop 'Welkom!' de introductietekst van de pagina is. In de volgorde waarin content in de HTML code is geplaatst staat de de kop 'Welkom' en de introductietekst pas na andere content op de pagina. Hierdoor komen screenreadergebruikers de introductie pas tegen nadat andere content op de pagina al is voorgelezen. Het is beter als de introductie de eerste content is na de content in de header.

1.4 Onderscheidbaar

1.4.3 Contrast (minimum) (Niveau AA)

Informatie over succescriterium 1.4.3 Contrast (minimum)

Uitkomst: Onvoldoende

Bevinding 12: Op pagina https://brabantontmoet.nl/nieuws/2251708.aspx staat een video (met titel 'Brabant Ontmoet op dat twee van Data Week NL') waarin op tijdstip 00:06 de naam van de spreker in beeld komt. Hierbij heeft de kleur van de tekst (HEX #E0E7E5) een te laag contrast met de roze achtergrond (HEX #F1B1C0). De contrastverhouding is 1.4:1, waar dit minimaal 3:1 moet zijn.
Ditzelfde geldt elke keer wanneer de naam van een spreker in beeld komt, bijvoorbeeld ook bij tijdstip 01:03.
Ook komt deze kleurencombinatie voor in andere video's, zoals op pagina https://brabantontmoet.nl/nieuws/2570526.aspx?t=De-toekomst-beleven-met-AI in de video met de titel 'De toekomst beleven met AI' , wanneer de naam van de sprekers in beeld verschijnt.

2. Bedienbaar

2.4.2 Paginatitel (Niveau A)

Informatie over succescriterium 2.4.2 Paginatitel

Uitkomst: Onvoldoende

Bevinding 13: Pagina https://brabantontmoet.nl/home/default.aspx heeft als paginatitel 'Samen denken durven doen, Ontmoet Brabant'. Deze tekst beschrijft de inhoud van de pagina onvoldoende. De bezoeker bevindt zich op de homepagina. Omdat de paginatitel het eerste is wat gebruikers van hulpsoftware zoals een screenreader horen, is het belangrijk dat zij hieruit kunnen identificeren wat de inhoud van de pagina is. Pas de paginatitel aan zodat duidelijk is dat het om de homepagina gaat.

Bevinding 14: Advies: In de paginatitel van alle pagina's is de naam van de organisatie te lezen, maar in omgekeerde volgorde. De naam van de organisatie is 'Brabant Ontmoet', maar in de paginatitels staat 'Ontmoet Brabant'. Mogelijk is het beter om deze tekst aan te passen.

Informatie over succescriterium 2.4.4 Linkdoel (in context)

Uitkomst: Onvoldoende

Bevinding 15: Op pagina https://brabantontmoet.nl/default.aspx staat onder de kop 'Welkom! Bij Brabant Ontmoet' een knop met daarop de tekst 'Lees meer'.
Deze tekst beschrijft het linkdoel niet. Bezoekers die gebruik maken van hulpsoftware zoals een screenreader kunnen een lijst van links op een pagina opvragen en op die manier navigeren, voor hen is het belangrijk dat de linktekst het doel van de link beschrijft. Zorg dat linkteksten beschrijven waar de link naartoe gaat, bijvoorbeeld door de tekst aan te vullen met de titel van het bericht of pagina waarnaar gelinkt wordt. Als visueel duidelijk is waar de link bij hoort hoeft deze aanvullende tekst niet visueel zichtbaar te zijn.

Bevinding 16: Op pagina https://www.brabantontmoet.nl/over/default.aspx staat boven de kop 'Klimaatproof Brabant' een afbeelding die is opgemaakt als link. Deze link heeft geen toegankelijke naam, waardoor het linkdoel voor bezoekers die gebruikmaken van voorleessoftware niet duidelijk is. Zorg ervoor dat de link een goede toegankelijke naam krijgt, of verwijder de link van de afbeelding omdat de link verwijst naar een niet-bestaande pagina. Zie ook succescriterium 4.1.2.

Bevinding 17: Advies: Op pagina https://brabantontmoet.nl/nieuws/2570526.aspx?t=De-toekomst-beleven-met-AI staat onder de video 'De toekomst beleven met AI op DDW' een link met de tekst 'Download deze video'. Deze link leidt naar YouTube en niet naar een download. Dit wordt niet afgekeurd onder dit succescriterium omdat deze linktekst voor elke gebruiker verwarrend is. Toch kan dit voor bepaalde bezoekers, bijvoorbeeld met een cognitieve beperking, extra lastig zijn. Pas de linktekst aan, of verwijder de link omdat in de videospeler een link staat met hetzelfde doel, waarmee de video op YouTube bekeken kan worden.

Bevinding 18: Advies: Nadat op pagina https://www.brabantontmoet.nl/events/default.aspx geklikt wordt op de knop 'Archief', verschijnen berichten met een klikbare afbeelding met daarin een link naar het betreffende bericht. Deze afbeeldingen worden voorgelezen als 'klikbaar bekijk bericht' door voorleessoftware. Dat kan mogelijk verwarrend zijn voor gebruikers van hulpsoftware. Zorg ervoor dat dit klikbare gebied of een goede toegankelijke naam heeft, of niet wordt voorgelezen door hulpsoftware. Omdat dit een technische bevinding is wordt dit niet afgekeurd bij deze content-audit.

2.4.6 Koppen en labels (Niveau AA)

Informatie over succescriterium 2.4.6 Koppen en labels

Uitkomst: Onvoldoende

Bevinding 19: Op pagina https://www.brabantontmoet.nl/nieuws/2578271.aspx?t=Koningin-Maxima-bezoekt-expo-provincie-Noord-Brabant staat een iframe-element dat via het title-attribuut de toegankelijke naam 'video' heeft gekregen. Dit beschrijft de video onvoldoende. Zorg ervoor dat het iframe een toegankelijke naam krijgt die de video goed omschrijft, bijvoorbeeld door de naam van de video in het title-attribuut te plaatsen.

Bevinding 20: Advies: Op pagina https://brabantontmoet.nl/nieuws/2570526.aspx?t=De-toekomst-beleven-met-AI staan twee koppen met dezelfde tekst 'De toekomst beleven met AI'. De eerste kop is op kopniveau h1 en deze beschrijft de content goed. Dit maakt de tweede kop, op kopniveau h2, dubbel en daarmee overbodig. Het is beter om deze tweede kop te verwijderen.

3. Begrijpelijk

3.2 Voorspelbaar

3.2.4 Consistente identificatie (Niveau AA)

Informatie over succescriterium 3.2.4 Consistente identificatie

Uitkomst: Voldoende

Bevinding 21: Advies: Op pagina https://www.brabantontmoet.nl/events/default.aspx staat een knop met daarop de tekst 'Archief'. Als hierop geklikt wordt, wordt deze knop vervangen door een knop met de tekst 'Toekomstige afspraken'. Hier wordt het woord 'afspraken' gebruikt in plaats van 'events', het woord 'events' wordt wel gebruikt op de pagina waar de knop naar verwijst. Het is beter om de naam van de knop aan te passen naar 'Toekomstige events' zodat duidelijk is waar naar wordt verwezen.

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 22: Op pagina https://www.brabantontmoet.nl/over/default.aspx staat boven de kop 'Klimaatproof Brabant' een afbeelding die is opgemaakt als link. Deze link heeft geen toegankelijke naam. Hierdoor is de link moeilijk te bedienen voor gebruikers van hulpsoftware. Zorg ervoor dat deze link een goede toegankelijke naam krijgt, of verwijder de link van de afbeelding omdat deze verwijst naar een niet-bestaande pagina. Zie ook succescriterium 2.4.4.

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: 2024-12-22 03:06:00 v2.4-011