Evaluatie rapportage webversie KennisWijzer

About the Evaluation

Report Creator: Ingressus B.V.
Evaluation Commissioner: Ministerie van Volksgezondheid, Welzijn en Sport
Evaluation date: Mon May 02 2022

Executive Summary

22 issues i.v.m alternate teksten voor plaatjes (logo) Zooming en scaling staat op disabled 8 issues gerelateerd aan gebruikte contrast niveau 5 issues met nesting carrousel 5 issues met heading niveaus 5 issues met page content landmarks

Scope of the Evaluation

Website name: KennisWijzer
Scope of the website: Alle web content van Kenniswijzer.nl https://www.kenniswijzervws.nl.
WCAG Version: 2.1
Conformance target: AA
Accessibility support baseline: Rapportage opgesteld met behulp van de WCAG-EM Report tool (https://www.w3.org/WAI/eval/report-tool) en de testen zijn uitgevoerd aan de hand van de WCAG-EM methodologie.; Getest met Microsoft Edge (101.0.1210.32) en Mozilla Firefox (99.0.1) browsers. NVDA (2021.2) gebruikt voor testen met voorleesfuncties voor slechtzienden. Firefox plugin Axe devtools 4.19 gebruikt voor testen usability i.c.m. Firefox (99.0.1). De website is geschikt voor alle gangbare browsers en hulpapparatuur.
Additional evaluation requirements: De evaluatie bekijkt alle web pagina's en web content te vinden via de website.; De technologieën HTML,CSS,JavaScript(Ionic),SVG zijn gebruikt binnen de website.

Detailed audit results

Summary

Reported on 48 of 50 WCAG 2.1 AA Success Criteria.

34 Passed
6 Failed
1 Cannot tell
7 Not present
2 Not checked

All results

1 Perceivable

1.1 Text Alternatives

Success Criterion	Result	Observations
1.1.1: Non-text Content	Entire sample Result: Failed	Entire sample Observations: Iconen, teksten, navigatie elementen bevatten een beschrijving (tekst alternatieven). Het logo niet: Fix at least one (1) of these issues: Element does not have an alt attribute aria-label attribute does not exist or is empty aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty Element has no title attribute Element's default semantics were not overridden with role="none" or role="presentation"

Success Criterion

Result

Observations

1.1.1: Non-text Content

Entire sample

Result: Failed

Entire sample

Observations:

Iconen, teksten, navigatie elementen bevatten een beschrijving (tekst alternatieven).

Het logo niet:

Fix at least one (1) of these issues:
Element does not have an alt attribute
aria-label attribute does not exist or is empty
aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty
Element has no title attribute
Element's default semantics were not overridden with role="none" or role="presentation"

1.2 Time-based Media

Success Criterion	Result	Observations
1.2.1: Audio-only and Video-only (Prerecorded)	Entire sample Result: Not present	Entire sample Observations: App/site bevat nu geen filmpjes met audio of alleen audio. Als dit opgenomen wordt dan wordt dit altijd bij de bron zelf afgespeeld.
1.2.2: Captions (Prerecorded)	Entire sample Result: Not present	Entire sample Observations: App/site bevat nu geen filmpjes met audio of alleen audio. Als dit opgenomen wordt dan wordt dit altijd bij de bron zelf afgespeeld.
1.2.3: Audio Description or Media Alternative (Prerecorded)	Entire sample Result: Not present	Entire sample Observations: App/site bevat nu geen filmpjes met audio of alleen audio. Als dit opgenomen wordt dan wordt dit altijd bij de bron zelf afgespeeld.
1.2.4: Captions (Live)	Entire sample Result: Not present	Entire sample Observations: App/site bevat nu geen filmpjes met audio of alleen audio. Als dit opgenomen wordt dan wordt dit altijd bij de bron zelf afgespeeld. Afhankelijk van bron dus.
1.2.5: Audio Description (Prerecorded)	Entire sample Result: Not present	Entire sample Observations: App/site bevat nu geen filmpjes met audio of alleen audio. Als dit opgenomen wordt dan wordt dit altijd bij de bron zelf afgespeeld

Success Criterion

Result

Observations

1.2.1: Audio-only and Video-only (Prerecorded)

Entire sample

Result: Not present

Entire sample

Observations:

App/site bevat nu geen filmpjes met audio of alleen audio. Als dit opgenomen wordt dan wordt dit altijd bij de bron zelf afgespeeld.

1.2.2: Captions (Prerecorded)

Entire sample

Result: Not present

Entire sample

Observations:

App/site bevat nu geen filmpjes met audio of alleen audio. Als dit opgenomen wordt dan wordt dit altijd bij de bron zelf afgespeeld.

1.2.3: Audio Description or Media Alternative (Prerecorded)

Entire sample

Result: Not present

Entire sample

Observations:

App/site bevat nu geen filmpjes met audio of alleen audio. Als dit opgenomen wordt dan wordt dit altijd bij de bron zelf afgespeeld.

1.2.4: Captions (Live)

Entire sample

Result: Not present

Entire sample

Observations:

App/site bevat nu geen filmpjes met audio of alleen audio. Als dit opgenomen wordt dan wordt dit altijd bij de bron zelf afgespeeld.

Afhankelijk van bron dus.

1.2.5: Audio Description (Prerecorded)

Entire sample

Result: Not present

Entire sample

Observations:

App/site bevat nu geen filmpjes met audio of alleen audio. Als dit opgenomen wordt dan wordt dit altijd bij de bron zelf afgespeeld

1.3 Adaptable

Success Criterion	Result	Observations
1.3.1: Info and Relationships	Entire sample Result: Passed
1.3.2: Meaningful Sequence	Entire sample Result: Cannot tell	Entire sample Observations: Lastig te bepalen. Gebruiker kan zelf alles naar wens aanpassen/personaliseren dus ook volgorde van items en of deze wel of niet aan of uit gezet worden (zichtbaar ja of nee).
1.3.3: Sensory Characteristics	Entire sample Result: Passed	Entire sample Observations: Kleur, grootte, locatie, vorm worden alleen gebruikt naast de beschrijvingen zoals bijvoorbeeld label "orientatie back-button" voor terug gaan tussen pagina's.
1.3.4: Orientation	Entire sample Result: Passed
1.3.5: Identify Input Purpose	Entire sample Result: Passed

1.4 Distinguishable

Success Criterion	Result	Observations
1.4.1: Use of Color	Entire sample Result: Passed	Entire sample Observations: Kleur in combinatie met grootte en tekstuele beschrijvingen worden gebruikt voor knoppen, headers, navigatie elementen.
1.4.2: Audio Control	Entire sample Result: Not present	Entire sample Observations: App/site bevat nu geen filmpjes met audio of alleen audio. Als dit opgenomen wordt dan wordt dit altijd bij de bron zelf afgespeeld en dus afhankelijk van bron.
1.4.3: Contrast (Minimum)	Entire sample Result: Failed	Entire sample Observations: Element (60x) heeft onvoldoende contrast, 1.86 (Voorgrondkleur: #ffffff, achtergrondkleur: #f9b00f, tekstgrootte: 7.5pt (10px), tekstdikte: bold)
1.4.4: Resize text	Entire sample Result: Passed
1.4.5: Images of Text	Entire sample Result: Passed
1.4.10: Reflow	Entire sample Result: Passed	Entire sample Observations: Op desktop zijn navigatie elementen als blokken links en rechts van de content extra uitgelicht zodat je op de desktop niet via hamburgermenu's deze hoeft te openen.
1.4.11: Non-text Contrast	Entire sample Result: Failed	Entire sample Observations: Element (60x) heeft onvoldoende contrast, 1.86 (Voorgrondkleur: #ffffff, achtergrondkleur: #f9b00f, tekstgrootte: 7.5pt (10px), tekstdikte: bold)
1.4.12: Text Spacing	Entire sample Result: Passed
1.4.13: Content on Hover or Focus	Entire sample Result: Passed

2 Operable

2.1 Keyboard Accessible

Success Criterion	Result	Observations
2.1.1: Keyboard	Entire sample Result: Passed
2.1.2: No Keyboard Trap	Entire sample Result: Passed
2.1.4: Character Key Shortcuts	Entire sample Result: Passed

Success Criterion

Result

Observations

2.1.1: Keyboard

Entire sample

Result: Passed

2.1.2: No Keyboard Trap

Entire sample

Result: Passed

2.1.4: Character Key Shortcuts

Entire sample

Result: Passed

2.2 Enough Time

Success Criterion	Result	Observations
2.2.1: Timing Adjustable	Entire sample Result: Not checked
2.2.2: Pause, Stop, Hide	Entire sample Result: Passed	Entire sample Observations: Scrollen in tegels gebeurt alleen op basis van input en niet automatisch. Auto updating van bijvoorbeeld nieuwe artikelen bevat een handmatige trigger. De update en tonen van nieuwe content gebeurt dus alleen op basis van input van de gebruiker.

Success Criterion

Result

Observations

2.2.1: Timing Adjustable

Entire sample

Result: Not checked

2.2.2: Pause, Stop, Hide

Entire sample

Result: Passed

Entire sample

Observations:

Scrollen in tegels gebeurt alleen op basis van input en niet automatisch. Auto updating van bijvoorbeeld nieuwe artikelen bevat een handmatige trigger. De update en tonen van nieuwe content gebeurt dus alleen op basis van input van de gebruiker.

2.3 Seizures and Physical Reactions

Success Criterion	Result	Observations
2.3.1: Three Flashes or Below Threshold	Entire sample Result: Passed

Success Criterion

Result

Observations

2.3.1: Three Flashes or Below Threshold

Entire sample

Result: Passed

2.4 Navigable

Success Criterion	Result	Observations
2.4.1: Bypass Blocks	Entire sample Result: Passed
2.4.2: Page Titled	Entire sample Result: Passed	Entire sample Observations: Via iconen, in de URL en header titles met indicatie content.
2.4.3: Focus Order	Entire sample Result: Passed
2.4.4: Link Purpose (In Context)	Entire sample Result: Passed	Entire sample Observations: Links bij artikelen bevatten beschrijving "link naar item". Voor de artikelen zelf zijn de links herkenbaar door de blauwe kleur (ambiguous to users).
2.4.5: Multiple Ways	Entire sample Result: Passed
2.4.6: Headings and Labels	Entire sample Result: Passed
2.4.7: Focus Visible	Entire sample Result: Passed	Entire sample Observations: Gekleurde tabs worden getoond voor selecties om het element met focus heen

2.5 Input Modalities

Success Criterion	Result	Observations
2.5.1: Pointer Gestures	Entire sample Result: Passed
2.5.2: Pointer Cancellation	Entire sample Result: Passed	Entire sample Observations: alt i.c.m. navigatie tussen pagina's is mogelijk inclusief terug, forward, cancel.
2.5.3: Label in Name	Entire sample Result: Failed	Entire sample Observations: Iconen, teksten, navigatie elementen bevatten een beschrijving (tekst alternatieven). Het logo niet: Fix at least one (1) of these issues: Element does not have an alt attribute aria-label attribute does not exist or is empty aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty Element has no title attribute Element's default semantics were not overridden with role="none" or role="presentation"
2.5.4: Motion Actuation	Entire sample Result: Not checked

3 Understandable

3.1 Readable

Success Criterion	Result	Observations
3.1.1: Language of Page	Entire sample Result: Passed	Entire sample Observations: Getest met NVDA
3.1.2: Language of Parts	Entire sample Result: Passed	Entire sample Observations: Getest met NVDA

Success Criterion

Result

Observations

3.1.1: Language of Page

Entire sample

Result: Passed

Entire sample

Observations:

Getest met NVDA

3.1.2: Language of Parts

Entire sample

Result: Passed

Entire sample

Observations:

Getest met NVDA

3.2 Predictable

Success Criterion	Result	Observations
3.2.1: On Focus	Entire sample Result: Failed	Entire sample Observations: Werkt gedeeltelijk. Alleen bij selectielijsten is het verschil tussen selectievakjes en notificaties onduidelijk (heten beide selectievakje).
3.2.2: On Input	Entire sample Result: Passed
3.2.3: Consistent Navigation	Entire sample Result: Passed
3.2.4: Consistent Identification	Entire sample Result: Passed

3.3 Input Assistance

Success Criterion	Result	Observations
3.3.1: Error Identification	Entire sample Result: Passed
3.3.2: Labels or Instructions	Entire sample Result: Passed
3.3.3: Error Suggestion	Entire sample Result: Passed
3.3.4: Error Prevention (Legal, Financial, Data)	Entire sample Result: Not present

4 Robust

4.1 Compatible

Success Criterion	Result	Observations
4.1.1: Parsing	Entire sample Result: Passed
4.1.2: Name, Role, Value	Entire sample Result: Failed	Entire sample Observations: Op de gehele site kloppen de heading levels 5x niet. Dus bijvoorbeeld van h1 naar h3 zonder h2 er tussen. Links van artikelen op de voorpagina worden niet als zodanig opgelezen wanneer je voorleessoftware gebruikt.
4.1.3: Status Messages	Entire sample Result: Passed

Success Criterion

Result

Observations

4.1.1: Parsing

Entire sample

Result: Passed

4.1.2: Name, Role, Value

Entire sample

Result: Failed

Entire sample

Observations:

Op de gehele site kloppen de heading levels 5x niet. Dus bijvoorbeeld van h1 naar h3 zonder h2 er tussen.

Links van artikelen op de voorpagina worden niet als zodanig opgelezen wanneer je voorleessoftware gebruikt.

4.1.3: Status Messages

Entire sample

Result: Passed

Sample of audited web pages

Voorpagina - https://www.kenniswijzervws.nl/#/tabs/home
Meldingen - https://www.kenniswijzervws.nl/#/tabs/updates
Zoeken - https://www.kenniswijzervws.nl/#/tabs/search
Collega's - https://www.kenniswijzervws.nl/#/tabs/teams
Instellingen - https://www.kenniswijzervws.nl/#/tabs/settings
Meldingen - https://www.kenniswijzervws.nl/#/tabs/updates

Web Technology

HTML,CSS,JavaScript,SVG

Recording of evaluation specifics

Getest met Microsoft Edge (101.0.1210.32) en Mozilla Firefox (99.0.1) browsers. NVDA (2021.2) gebruikt voor testen met voorleesfuncties voor slechtzienden. Firefox plugin Axe devtools 4.19 gebruikt voor testen usability i.c.m. Firefox (99.0.1). De website is geschikt voor alle gangbare browsers en hulpapparatuur.