Contentonderzoek Tramkade ‘s-Hertogenbosch

https://www.tramkade.nl

WCAG 2.1-AA onderzoek

Onderzoeker	Opdrachtgever	Onderzochte website	Onderzoeksdatum
Nils Willekes	Gemeente ‘s-Hertogenbosch	tramkade.nl	19-03-2025

Inleiding

De gemeente ’s-Hertogenbosch zet zich dagelijks in om haar digitale omgeving toegankelijker te maken. Hoewel nog niet alles perfect is, blijven we stappen zetten om ervoor te zorgen dat onze websites en apps voor iedereen bruikbaar zijn. We vinden het belangrijk dat iedereen zonder drempels toegang heeft tot onze informatie en diensten. Onze ambitie is een digitaal landschap waar álle inwoners zich welkom voelen. Daar werken we hard aan en we blijven verbeteren om dat doel te bereiken​.

Volgens het Tijdelijk besluit digitale toegankelijkheid overheid van juli 2018 moeten websites en mobiele apps van Nederlandse overheidsinstanties voldoen aan toegankelijkheidseisen. De verantwoording hiervoor staat in een toegankelijkheidsverklaring op de website.

Dit onderzoek laat zien in hoeverre de website Tramkade ‘s-Hertogenbosch op dit moment voldoet aan de internationaal geaccepteerde toegankelijkheidsrichtlijnen (WCAG 2.1).

WCAG staat voor Web Content Accessibility Guidelines. Dit zijn de internationale richtlijnen voor toegankelijkheid van webcontent. De richtlijnen zijn opgedeeld in vier principes (Waarneembaar, Bedienbaar, Begrijpelijk en Robuust). Dit rapport beschrijft of de website Tramkade ‘s-Hertogenbosch voldoet aan deze 4 principes. Elk principe wordt beoordeeld op verschillende voorwaarden (succescriteria). Omdat WCAG techniek-onafhankelijk is opgesteld, kan hiermee de toegankelijkheid van alle content op het web worden onderzocht.

In dit rapport worden slechts voorbeelden gegeven van aangetroffen problemen; dit is echter geen compleet overzicht. Omdat het onderzoek uit een steekproef bestaat, kan het zijn dat een probleem niet gesignaleerd wordt. Het kan dan wel bij een volgend onderzoek worden opgemerkt. Wanneer verbeteringen worden doorgevoerd, dient er rekening gehouden te worden dat hierdoor nieuwe toegankelijkheidsproblemen kunnen ontstaan.

Onderzoeksgegevens

Website naam:

Tramkade ‘s-Hertogenbosch

Scope van onderzoek:

Alle pagina’s op www.tramkade.nl

WCAG-versie:

2.1

Niveau:

AA

Onderzoeksmethode:

WCAG-EM

Basisniveau van toegankelijkheidsondersteuning:

Standaard webbrowsers en hulpapparatuur

Gebruikte browserversies voor dit onderzoek:

• Microsoft Edge – 131.0.2903.112
• Google Chrome – 132.0.6834.111
• Mozilla Firefox – 135.0
• Adobe Acrobat Pro DC – 24.005.20320
• PAC PDF Accessibility Checker 2024 – 24.2.1.0 BETA 1
• WebAIM Contrast Checker
• PEAT (Photosensitive Epilepsy Analysis Tool) – 1.6

Afhankelijke technologie:

• HTML5
• CSS
• ECMAScript5
• DOM
• SVG
• WAI-ARIA
• PDF

Samenvatting

Dit deelonderzoek richt zich op de content van de website. In dit onderzoek is alleen de content van de website onderzocht en zodoende zijn dan ook alleen de gerelateerde succescriteria onderzocht, dit zijn er slechts 32 van de 50. Voor een volledig beeld van de toegankelijkheid van de website en voor een volledige toegankelijkheidsverklaring moet dit deelonderzoek worden aangevuld met een onderzoek waar de techniek is onderzocht.

Bij dit deelonderzoek is uitgegaan van de Europese standaard voor toegankelijkheidseisen, de EN 301 549-norm, waarin wordt verwezen naar de internationale toegankelijkheidsrichtlijn WCAG 2.1. Sommige inhoud van websites hoeft op dit moment (nog) niet te voldoen aan de toegankelijkheidseisen. Hiervoor geldt vanuit de Europese richtlijn voor de toegankelijkheid van overheidswebsites en -apps een (tijdelijke) uitzondering. Het is natuurlijk wel aan te raden om de gevonden problemen op te lossen. Bezoekers met een beperking kunnen verminderd gebruik maken van deze inhoud. Blinden en slechtzienden kunnen bijvoorbeeld vaak slecht overweg met ontoegankelijke PDF’s en niet-ondertitelde video’s zijn nutteloos voor doven en slechthorenden.

De onderstaande tabel geeft een overzicht van het aantal succescriteria waar op dit moment aan wordt voldaan: 24 van de 32 succescriteria zijn als voldoende beoordeeld. Vervolgens worden de gevonden bevindingen per succescriterium toegelicht.

Resultaat

	Niveau A	Niveau AA	Totaal
Waarneembaar	6/9	5/9	11/18
Bedienbaar	4/6	1/1	5/7
Begrijpelijk	3/3	3/3	6/6
Robuust	0/1	0/0	0/1
Totaal	13/19	9/13	22/32

 

Principe 1: Waarneembaar

Informatie en componenten van de gebruikersinterface moeten toonbaar zijn aan gebruikers op voor hen waarneembare wijze

RICHTLIJN 1.1

TEKSTALTERNATIEVEN

Lever tekstalternatieven voor alle niet-tekstuele content, zodat die veranderd kan worden in andere vormen die mensen nodig hebben, zoals grote letters, braille, spraak, symbolen of eenvoudiger taal.

SUCCESCRITERIUM 1.1.1 (NIVEAU A) Niet-tekstuele content

Alle niet-tekstuele content die aan de gebruiker wordt gepresenteerd, heeft een tekstalternatief dat een gelijkwaardig doel dient, behalve voor de hierna vermelde situaties.

    De onderzochte set webpagina’s voldoet niet aan dit succescriterium.

Opmerkingen:

• In onderstaande PDF’s staan twee handtekeningen die niet voorzien zijn van alternatieve tekst. Geef informatieve afbeeldingen altijd een goed omschrijvend tekstalternatief. Wanneer afbeeldingen decoratief zijn moeten deze op de juiste manier als decoratief worden gemarkeerd binnen de PDF.
  https://www.tramkade.nl/wp-content/uploads/sites/12/brief-transitiefase-gebruikers-tramkade.pdf
• Op de pagina https://www.tramkade.nl/ staat onder de titel “Voorlopige planning” een afbeelding van een tijdlijn. Dit is een informatieve afbeelding en heeft de volgende alternatieve tekst: “Bekijk foto over Tijdlijn Tramkade Okt 2024 Gemeenteraad stelt Gebiedspaspoort Tramkade vast Q3/Q4 2025 Start uitvraag eerste kavels Sep 2025 Formeel einde 10-jarig experiment 2026 Start Tramkade Alliantie 31 dec 2026 Beëindiging contract huidige huurders 2027 Start realisatiefase Vanaf 2030 Beheer en exploitatie”
  Aangezien in dit succescriterium aan de voorwaarden wordt voldaan betreft het volgende enkel als een dringend advies:
  De alternatieve tekst is te lang en te gedetailleerd. Daarbij dient de afbeelding de context te beschrijven en niet alleen de tekst uit te schrijven. Een verbeterde versie van de alt-tekst zou kunnen zijn: “Tijdlijn van de Tramkade met belangrijke data en gebeurtenissen van 2024 tot 2030, inclusief de vaststelling van het Gebiedspaspoort en de start van de realisatiefase.”
  Om ervoor te zorgen dat bezoekers die gebruik maken van hulptechnologie geen informatie uit de afbeelding missen, kan je de belangrijkste informatie opnemen in omliggende teksten of een gedetailleerde beschrijving creëren in de content.
• Op de pagina https://www.tramkade.nl/kaaihallen/ staat onderaan de pagina een informatieve afbeelding van “Kaaihallen”. De alternatieve tekst is op dit moment “Bekijk foto” dit is een onvoldoende beschrijvende alternatieve tekst. Voorzie de afbeelding van duidelijke omschrijving.
  Bovenstaand probleem doet zich voor op meerdere pagina’s

RICHTLIJN 1.2

OP TIJD GEBASEERDE MEDIA

Lever alternatieven voor op tijd gebaseerde media.

SUCCESCRITERIUM 1.2.1 (NIVEAU A) Louter-geluid en louter-videobeeld (vooraf opgenomen)

Voor media met vooraf opgenomen louter-geluid en vooraf opgenomen louter-videobeeld is het volgende waar, behalve als de audio of video een media-alternatief voor tekst is en duidelijk als zodanig is gelabeld:

     Voldoet: Geen van de technieken bij dit succescriterium is van toepassing.

SUCCESCRITERIUM 1.2.2 (NIVEAU A) Ondertiteling voor doven en slechthorenden (vooraf opgenomen)

Er worden ondertitels voor doven en slechthorenden geleverd voor alle vooraf opgenomen audiocontent in gesynchroniseerde media, behalve als het mediabestand een media-alternatief is voor tekst en duidelijk als zodanig is gelabeld.

    Voldoet: De onderzochte set webpagina’s voldoet aan dit succescriterium.

SUCCESCRITERIUM 1.2.3 (NIVEAU A) Audiodescriptie of media-alternatief (vooraf opgenomen)

Er wordt een alternatief voor op tijd gebaseerde media of audiodescriptie van de vooraf opgenomen videocontent geleverd voor gesynchroniseerde media, behalve als het mediabestand een media-alternatief is voor tekst en duidelijk als zodanig is gelabeld.

    De onderzochte set webpagina’s voldoet niet aan dit succescriterium.

Opmerkingen:

Op de pagina https://www.tramkade.nl/toekomst/ staat bij het onderdeel “Tramkade branding” een YouTube video met als titel “Tramkade Design Process”.
De video biedt geen audiodescriptie of een alternatief voor de belangrijke teksten die in beeld komen. Voor gebruikers met een visuele beperking, zoals blindheid of slechtziendheid, is het van belang dat zij de informatie die in het beeld van een video verschijnt tot zich kunnen nemen. Een uitgeschreven tekst van de belangrijke informatie uit de video of audiodescriptie kan dit oplossen. Let op, een uitgeschreven tekst keuren we niet goed op succescriteria 1.2.5. Audiodescriptie is een betere oplossing.

SUCCESCRITERIUM 1.2.4 (NIVEAU AA) Ondertitels voor doven en slechthorenden (live)

Er worden ondertitels voor doven en slechthorenden geleverd voor alle live audiocontent in gesynchroniseerde media.

     Voldoet: Geen van de technieken bij dit succescriterium is van toepassing.

SUCCESCRITERIUM 1.2.5 (NIVEAU AA) Audiodescriptie (vooraf opgenomen)

Er wordt een audiodescriptie geleverd voor alle vooraf opgenomen videocontent in gesynchroniseerde media.

    De onderzochte set webpagina’s voldoet niet aan dit succescriterium.

Opmerkingen:

Op de pagina https://www.tramkade.nl/toekomst/ staat bij het onderdeel “Tramkade branding” een YouTube video met als titel “Tramkade Design Process”. Deze video heeft geen auditieve beschrijving van de belangrijke informatie die in beeld komt. Dit succescriterium is gerelateerd aan succescriterium 1.2.3. Voor succescriterium 1.2.3 was het ook voldoende om een media-alternatief te bieden. Voor dit succescriterium moet er audiodescriptie zijn (niveau AA).

RICHTLIJN 1.3

AANPASBAAR

Creëer content die op verschillende manieren gepresenteerd kan worden (bijvoorbeeld eenvoudiger lay-out) zonder verlies van informatie of structuur.

SUCCESCRITERIUM 1.3.1 (NIVEAU A) Info en relaties

Informatie, structuur, en relaties overgebracht door presentatie kunnen door software bepaald worden of zijn beschikbaar in tekst.

    De onderzochte set webpagina’s voldoet niet aan dit succescriterium.

Opmerkingen:

• In onderstaande PDF staan verschillende teksten die als kop dienen, maar in de code niet als kop-element zijn aangeduid. Ze worden aangeduid met dikgedrukte tekst wat in dit verband niet juist is. Voorzie de PDF van de juist hiërarchische koppenstructuur zodat het voor bezoekers met voorleessoftware duidelijk is wanneer een kop de onderliggende tekst dient.
• Een vergelijkbaar probleem in dezelfde PDF, namelijk https://www.tramkade.nl/wp-content/uploads/sites/12/brief-transitiefase-gebruikers-tramkade.pdf, worden op de pagina’s 3 en 4 teksten getoond die onderstreept zijn en visueel dienen als titel. Onderstreping van tekst wordt echter doorgaans geassocieerd met links en niet met een kop. Voorzie ook deze koppen van de juiste semantiek en hiërarchische volgorde.
  https://www.tramkade.nl/wp-content/uploads/sites/12/brief-transitiefase-gebruikers-tramkade.pdf
• In de onderstaande PDF komen links voor die in de code niet voorzien zijn van de juiste link-elementen (<a href>). Dit heeft betrekking op de link naar het emailadres “toekomsttramkade@s-hertogenbosch.nl” en de link naar “www.denbosch.nl/toekomst-tramkade”.
  https://www.tramkade.nl/wp-content/uploads/sites/12/brief-transitiefase-gebruikers-tramkade.pdf
• Op de pagina https://www.tramkade.nl/nieuws/ komen koppen voor die niet de juiste hiërarchische volgorde aanhouden. De H1-kop is “Nieuws”, echter de opvolgende kop “Save the date: inloopbijeenkomst Spoorzone 16 april 2025” is een H3-titel. Hier is een H2-kop beter op zijn plaats.
• Op de pagina https://www.tramkade.nl/nieuws/gemeenteraad-akkoord-met-gebiedspaspoort-tramkade/ komen koppen voor die niet als zodanig zijn aangegeven in de code. De teksten zijn dikgedrukt gemaakt door middel van het strong-element. Een kop moet altijd het kop-element hebben, bijvoorbeeld H2. Wanneer deze kop met een kop-element wordt opgemaakt, wordt de structurele informatie die de tekst geeft ook overgedragen aan hulpsoftware. Dit heeft betrekking op de koppen “Belangrijke kader” en “Ontwikkelkader Bossche Stadsdelta”.
• Op de pagina https://www.tramkade.nl/veelgestelde-vragen/ onder de kop “Herontwikkeling” staat een uitklapmenu met de titel “Wat zijn de kernwaarden van de herontwikkeling?”. De genummerde lijst van de kernwaarden wordt in de code niet zodanig aangeduid. Voor genummerde lijsten moet het <ol> (ordered list) -element worden gebruikt.

SUCCESCRITERIUM 1.3.2 (NIVEAU A) Betekenisvolle volgorde

Als de volgorde waarin content wordt gepresenteerd van invloed is op zijn betekenis, kan een betekenisvolle leesvolgorde door software bepaald worden.

    Voldoet: De onderzochte set webpagina’s voldoet aan dit succescriterium.

SUCCESCRITERIUM 1.3.3 (NIVEAU A)

ZINTUIGELIJKE EIGENSCHAPPEN

Instructies die geleverd worden om content te begrijpen en te bedienen zijn niet alleen afhankelijk van zintuiglijke eigenschappen van componenten zoals vorm, omvang, visuele locatie, oriëntatie of geluid.

    Voldoet: De onderzochte set webpagina’s voldoet aan dit succescriterium.

SUCCESCRITERIUM 1.3.4 (NIVEAU AA)

WEERGAVESTAND

De content beperkt de weergave en bediening niet tot een enkele presentatie-oriëntatie, zoals staand of liggend, tenzij een specifieke presentatie-oriëntatie essentieel is.

    Voldoet: De onderzochte set webpagina’s voldoet aan dit succescriterium.

SUCCESCRITERIUM 1.3.5 (NIVEAU AA)

INPUTDOEL IDENTIFICEREN

Het doel van elk invoerveld waarmee informatie over de gebruiker wordt verzameld, kan door software worden bepaald.

  Voldoet: De onderzochte set webpagina’s voldoet aan dit succescriterium.

RICHTLIJN 1.4

ONDERSCHEIDBAAR

Maak het voor gebruikers gemakkelijker om content te horen en te zien, waaronder scheiding van voorgrond en achtergrond.

SUCCESCRITERIUM 1.4.1 (NIVEAU A)

GEBRUIK VAN KLEUR

Kleur wordt niet als het enige visuele middel gebruikt om informatie over te brengen, een actie aan te geven, tot een reactie op te roepen of een visueel element te onderscheiden.

  Voldoet: De onderzochte set webpagina’s voldoet aan dit succescriterium.

Opmerkingen:

Op de pagina https://www.tramkade.nl/kaaihallen/wordt onderaan de pagina een afbeelding getoond waarbij de ‘Kaaihallen’ met kleur wordt aangeduid. Aangezien hier ook gebruik wordt gemaakt van een sterker contrast ten opzichte van de omgeving wordt het onder dit succescriterium goedgekeurd. Het advies is echter om ook tekstuele aanvulling/aanduiding aan te brengen in de afbeelding, zodat het voor mensen met kleurenblindheid i.c.m. contrastverlies makkelijker is te zien welke gebouwen bedoeld worden.
Bovenstaande advies geldt ook voor de pagina: https://www.tramkade.nl/mengfabriek/ en  https://www.tramkade.nl/werkwarenhuis/,

SUCCESCRITERIUM 1.4.2 (NIVEAU A)

GELUIDSBEDIENING

Als een geluidsweergave op een webpagina automatisch meer dan 3 seconden speelt, is er of een mechanisme beschikbaar om de geluidsweergave te pauzeren of te stoppen, of er is een mechanisme beschikbaar om het geluidsvolume onafhankelijk van het overall systeemvolume te regelen.

     Voldoet: Geen van de technieken bij dit succescriterium is van toepassing.

SUCCESCRITERIUM 1.4.3 (NIVEAU AA)

CONTRAST (MINIMUN)

De visuele weergave van tekst en afbeeldingen van tekst heeft een contrastverhouding van ten minste 4,5:1, behalve in de volgende gevallen:

• Grote tekst: Grote tekst en afbeeldingen van grote tekst hebben een contrastverhouding van ten minste 3:1;
• Incidenteel: Tekst of afbeeldingen van tekst die deel zijn van een inactieve component van de gebruikersinterface, die puur decoratief zijn, die voor niemand zichtbaar zijn, of die onderdeel zijn van een afbeelding die significant andere visuele content bevat, hebben geen contrasteis.
• Logotypes: Tekst die onderdeel is van een logo of merknaam heeft geen contrasteis.”

    De onderzochte set webpagina’s voldoet niet aan dit succescriterium.

Opmerkingen:

• Op de pagina https://www.tramkade.nl/nu/ staat onderaan de pagina een afbeelding met een plattegrond van de Tramkade. Rechts bovenin de afbeelding staat een legenda met de cijfers 1 t/m 5. De tekst kan worden beschouwd als een lettertype kleiner dan 28px (=18pt) en heeft een contrastratio van 3.98:1. Dit dient minimaal 4,5:1 te bedragen.
• In dezelfde afbeelding staat onder het logo van Tramkade de tekst ‘PLATTEGROND’. Ook hier kunnen we er vanuit gaan dat de lettertype kleiner is dan 28px (=18pt) en dat de tekst op de lichtgrijze achtergrond onvoldoende contrast heeft met de paarse letters. Dit dient minimaal 4,5:1 te bedragen.
  Bovenstaand probleem doet zich ook voor op de afbeelding onderaan de pagina: https://www.tramkade.nl/kaaihallen/ . Waarbij de tekst “KAAIHALLEN” onvoldoende contrast heeft met de achtergrond.

SUCCESCRITERIUM 1.4.4 (NIVEAU AA)

HERSCHALEN VAN TEKST

Behalve voor ondertitels voor doven en slechthorenden en afbeeldingen van tekst, kan tekst zonder hulptechnologie tot 200 procent schalen zonder verlies van content of functionaliteit.

     Voldoet: Geen van de technieken bij dit succescriterium is van toepassing.

SUCCESCRITERIUM 1.4.5 (NIVEAU AA)

AFBEELDING VAN TEKST

Als de gebruikte technologieën de visuele weergave tot stand kunnen brengen, wordt tekst gebruikt in plaats van afbeeldingen van tekst om informatie over te brengen, behalve in de volgende gevallen:

• Aanpasbaar: De afbeelding van tekst kan visueel worden aangepast aan de eisen van de gebruiker;
• Essentieel: Een specifieke weergave van tekst is essentieel voor de informatie die wordt overgebracht. Logotypes (tekst die onderdeel is van een logo of merknaam) worden als essentieel beschouwd.”

    De onderzochte set webpagina’s voldoet niet aan dit succescriterium.

Opmerkingen:

Op de pagina https://www.tramkade.nl/nu/ staat onderaan de pagina een plattegrond van de Tramkade. Onder dit succescriterium wordt het logo uitgezonderd. De aanwijzende namen (“Kaaihallen”, “Werkwarenhuis” en “Mengfabriek”) en geplaatste cijfers worden ook uitgezonderd omdat de positie van belang is en dat bij ‘stylen’ in CSS de tekst mogelijk kan verspringen. De legenda is ook een uitzondering. Als we echter kijken naar de tekst “PLATTEGROND” dan wordt dit wel onder dit succescriterium afgekeurd.
Advies zou zijn om deze tekst als h2-kop in de content boven de plattegrond te plaatsen en in de afbeelding weg te laten.
Dit probleem doet zich ook voor op de pagina: https://www.tramkade.nl/mengfabriek/ op de plattegrond met het woord “MENGFABRIEK” en op https://www.tramkade.nl/kaaihallen/ op de plattegrond op het woord “KAAIHALLEN”.

SUCCESCRITERIUM 1.4.10 (NIVEAU AA)

REFLOW

Content kan zonder verlies van informatie of functionaliteit en zonder te scrollen worden weergegeven in twee dimensies nadat de gebruiker inzoomt.

  Voldoet: De onderzochte set webpagina’s voldoet aan dit succescriterium.

SUCCESCRITERIUM 1.4.11 (NIVEAU AA)

CONTRAST VAN NIET-TEKSTUELE CONTENT

De visuele weergave van componenten en grafische objecten hebben een contrastverhouding van ten minste 3:1 ten opzichte van aangrenzende kleuren.

    De onderzochte set webpagina’s voldoet niet aan dit succescriterium.

Opmerkingen:

Op de pagina https://www.tramkade.nl/kaaihallen/ staat onderaan de pagina een afbeelding met een plattegrond die de Kaaihallen aanduidt. Rechtsbovenin de afbeelding staat een icoon die de de mogelijkheid biedt om de afbeelding te maximaliseren in een nieuwe pagina. Het icoon heeft onvoldoende contrasterende rand en het pictogram heeft een onvoldoende contrasterende donkere kleur ten opzichte van de lichte cirkelachtergrond.
Dit probleem doet zich voor op meerdere pagina’s.

Principe 2: Bedienbaar

Componenten van de gebruikersinterface en navigatie moeten bedienbaar zijn.

RICHTLIJN 2.1

TOETSENBORDTOEGANKELIJK

Maak alle functionaliteit beschikbaar vanaf een toetsenbord.

SUCCESCRITERIUM 2.1.2 (NIVEAU A)

GEEN TOETSENBORDVAL

Als de toetsenbordfocus met de toetsenbordinterface verplaatst kan worden naar een component van de pagina, dan kan de focus ook met alleen de toetsenbordinterface weer van dat component weg worden bewogen, en, als er meer nodig is dan de standaard pijl- of tabtoetsen of andere standaard methoden om de focus te verplaatsen, dan wordt de gebruiker geïnformeerd over de manier waarop de focus kan worden verplaatst.

    Voldoet: De onderzochte set webpagina’s voldoet aan dit succescriterium.

RICHTLIJN 2.2

GENOEG TIJD

Geef gebruikers genoeg tijd om content te lezen en te gebruiken.

SUCCESCRITERIUM 2.2.2 (NIVEAU A)

PAUZEREN, STOPPEN, VERBERGEN

Voor alle bewegende, knipperende, scrollende of automatisch actualiserende informatie gelden alle volgende zaken:

• voor bewegende, knipperende of scrollende informatie die (1) automatisch start, (2) langer dan vijf seconden duurt, en (3) parallel met andere content wordt getoond, is er een mechanisme voor de gebruiker om dit te pauzeren, te stoppen of te verbergen, tenzij de beweging, knippering of scrolling, onderdeel is van een activiteit waar ze essentieel is en
• voor elke soort automatisch actualiserende informatie die (1) automatisch start en (2) parallel met andere content wordt gepresenteerd, is er een mechanisme voor de gebruiker om dit te pauzeren, te stoppen of te verbergen of de frequentie van de actualisering in te stellen, tenzij de automatische actualisering onderdeel is van een activiteit waar ze essentieel is.

    Voldoet: De onderzochte set webpagina’s voldoet aan dit succescriterium.

RICHTLIJN 2.3

TOEVALLEN

Ontwerp content niet op een manier waarvan bekend is dat die toevallen veroorzaakt.

SUCCESCRITERIUM 2.3.1 (NIVEAU A)

Drie flitsen of beneden drempelwaarde
Webpagina’s bevatten niets wat meer dan drie keer flitst in enige periode van één seconde of de flits is beneden de algemene flits- en rodeflitsdrempelwaarden.

    Voldoet: De onderzochte set webpagina’s voldoet aan dit succescriterium.

Opmerkingen:

Op de pagina https://www.tramkade.nl/toekomst/ staat naast de kop “Tramkade branding” een video met de naam “Tramkade Design Process”. De video voldoet aan de richtlijnen zoals beschreven in dit succescriterium waarmee het volgende geldt als advies: De video heeft scenes waarbij verandering van beelden ontstaan die drie maal per seconde plaatsvinden en als flitsen ervaren kan worden. Na onderzoek is gebleken dat de algemene flits- en rodeflitsdrempelwaarden in de tijdsindicatie van 0.53 seconde tot 0.57 seconde net onder de acceptabele grens ligt.
Voor toekomstige video’s is het aan te raden om terughoudend te zijn in dergelijke snelle veranderingen en flitsende beelden te vermijden. Mensen die last hebben van fotosensitieve epilepsie kunnen binnen één seconde een aanval krijgen van flitsende content. Daarom is het belangrijk om ervoor te zorgen dat de content minder dan 3 keer per seconde flitst. Beter nog is om helemaal geen flitsende content te hebben.

RICHTLIJN 2.4

NAVIGEERBAAR

Lever manieren om gebruikers te helpen navigeren, content te vinden en te bepalen waar ze zijn.

SUCCESCRITERIUM 2.4.2 (NIVEAU A)

PAGINATITEL

Webpagina’s hebben titels die het onderwerp of doel beschrijven.

    De onderzochte set webpagina’s voldoet niet aan dit succescriterium.

Opmerkingen:

Op de website staat de volgende PDF: https://www.tramkade.nl/wp-content/uploads/sites/12/brief-transitiefase-gebruikers-tramkade.pdf. Deze PDF heeft geen titel. Zorg ervoor dat elke pagina op een website, iframes én PDF’s voorzien zijn van een titel die de inhoud weergeeft. Soms staat de bestandsnaam van het document in de titel, maar dit is niet correct.

SUCCESCRITERIUM 2.4.4 (NIVEAU A)

LINKDOEL (IN CONTEXT)

Het doel van elke link kan bepaald worden uit enkel de linktekst of uit de linktekst samen met zijn door software bepaalde linkcontext, behalve daar waar het doel van de link een dubbelzinnige betekenis zou kunnen hebben voor gebruikers in het algemeen.

    De onderzochte set webpagina’s voldoet niet aan dit succescriterium.

Opmerkingen:

• Op de pagina https://www.tramkade.nl/ staan onder de kop “De Tramkade in ontwikkeling!” drie foto’s met de titels “Toen”, “Nu” en “Toekomst”. Dit zijn links die verwijzen naar andere pagina’s. Deze links hebben dezelfde linktekst (“Lees meer over”) terwijl deze allemaal andere linkdoelen hebben. Het gevolg is dat het doel van deze links niet duidelijk is enkel uit de tekst “Lees meer over”.
  Bovenstaand probleem doet zich ook voor op de pagina https://www.tramkade.nl/nu/. Onder de kop “Ontdek de Tramkade van vandaag!” staan verschillende afbeeldingen die voorzien zijn van links met dezelfde linktekst: “Lees meer over”.
• Op de pagina https://www.tramkade.nl/toekomst/ staat onder de kop “Plattegrond” een illustratie van de Tramkade. Het aanklikken van de foto zorgt voor een vergroting. Het linkdoel heet op dit moment “Bekijk foto”. Zodra de bezoeker met voorleessoftware de webpagina bezoekt en scant op aanwezige links, hoort hij enkel “Bekijk foto”, maar deze beschrijving geeft onvoldoende informatie over het linkdoel.

SUCCESCRITERIUM 2.4.6 (NIVEAU AA)

KOPPEN EN LABELS

Koppen en labels beschrijven het onderwerp of doel.

    Voldoet: De onderzochte set webpagina’s voldoet aan dit succescriterium.

RICHTLIJN 2.5

INPUTMODALITEITEN

Maak het eenvoudiger voor gebruikers om de functionaliteit te gebruiken met andere inputs dan alleen het toetsenbord.

SUCCESCRITERIUM 2.5.3 (NIVEAU A)

LABEL IN NAAM

Een component met een label dat tekst of afbeeldingen van tekst bevat, bevat de naam met de tekst die visueel wordt weergegeven.

    Voldoet: De onderzochte set webpagina’s voldoet aan dit succescriterium.

Opmerkingen:

Op alle pagina’s staat bovenin, naast de navigatie een invoerveld. De naam van dit veld luidt “Doorzoek de website”; de zichtbare tekst luidt “Vul hier je zoekterm in”. Met spraaksoftware is dit veld daardoor niet te bedienen. Zorg ervoor dat de twee namen overeen komen.

 

Principe 3: Begrijpelijk

Informatie en de bediening van de gebruikersinterface moeten begrijpelijk zijn.

RICHTLIJN 3.1

LEESBAAR

Maak tekstcontent leesbaar en begrijpelijk.

SUCCESCRITERIUM 3.1.1 (NIVEAU A)

TAAL VAN PAGINA

De standaard menselijke taal van elke webpagina kan door software bepaald
worden.

    Voldoet: De onderzochte set webpagina’s voldoet aan dit succescriterium.

SUCCESCRITERIUM 3.1.2 (NIVEAU AA)

TAAL VAN ONDERDELEN

De menselijke taal van elke passage of zin in de content kan door software bepaald worden, behalve waar het gaat om eigennamen, technische termen, woorden van onbepaalde taal en woorden of zinsdelen die deel zijn gaan uitmaken van het jargon van de onmiddellijk omringende tekst.

    Voldoet: De onderzochte set webpagina’s voldoet aan dit succescriterium.

RICHTLIJN 3.2

VOORSPELBAAR

Maak het uiterlijk en de bediening van webpagina’s voorspelbaar.

SUCCESCRITERIUM 3.2.4 (NIVEAU AA)

CONSISTENTIE INDENTIFICATIE

Componenten die dezelfde functionaliteit hebben binnen een verzameling
webpagina’s worden consistent geïdentificeerd.

    Voldoet: De onderzochte set webpagina’s voldoet aan dit succescriterium.

RICHTLIJN 3.3

ASSITENTIE BIJ INVOER

Help gebruikers om fouten te vermijden en ze te verbeteren.

SUCCESCRITERIUM 3.3.1 (NIVEAU A)

FOUT INDENTIFICATIE

Als een invoerfout automatisch ontdekt wordt, dan wordt het onderdeel waar de
fout zit geïdentificeerd en de fout wordt tekstueel aan de gebruiker meegedeeld.

    Voldoet: De onderzochte set webpagina’s voldoet aan dit succescriterium.

SUCCESCRITERIUM 3.3.2 (NIVEAU A)

LABELS OF INSTRUCTIES

Als de content gebruikersinvoer vereist, dan worden labels of instructies geleverd.

    Voldoet: De onderzochte set webpagina’s voldoet aan dit succescriterium.

SUCCESCRITERIUM 3.3.3 (NIVEAU AA)

FOUTSUGGESTIE

Als een invoerfout automatisch ontdekt wordt en suggesties voor verbetering bekend zijn, dan worden de suggesties aan de gebruiker geleverd, tenzij dit de beveiliging of het doel van de content in gevaar zou brengen.

    Voldoet: De onderzochte set webpagina’s voldoet aan dit succescriterium.

 

Principe 4: Robuust

Content moet voldoende robuust zijn om betrouwbaar geïnterpreteerd te kunnen worden door een breed scala van user agents, met inbegrip van hulptechnologieën

RICHTLIJN 4.1

COMPATIBEL

Maximaliseer compatibiliteit met huidige en toekomstige user agents, met inbegrip van hulptechnologieën.

SUCCESCRITERIUM 4.1.2 (NIVEAU A)

NAAM, ROL, WAARDE

Voor alle componenten van de gebruikersinterface (inclusief, maar niet uitsluitend voor formulierelementen, links en door scripts gegenereerde componenten), kunnen de naam (name) en rol (role), door software bepaald worden; toestanden (states), eigenschappen (properties) en waarden (values) die door de gebruiker ingesteld kunnen worden kunnen door software bepaald worden; en kennisgeving van veranderingen in deze items is beschikbaar voor user agents, met inbegrip van hulptechnologieën.

    De onderzochte set webpagina’s voldoet niet aan dit succescriterium.

Opmerkingen:

Het iframe van de YouTube video met de naam “Tramkade Design Process” op de pagina https://www.tramkade.nl/toekomst/ heeft geen naam. Zorg dat iframes een naam hebben middels een title.