Report for JOIN Klantcontact Chat

Report Creator: Thomas Wagteveld, October 23, 2020

Evaluation Commissioner: Daniël de Klerk

Summary of the evaluation findings

This accessibility report has been performed using a public, well documented evaluation- and inspection method: WCAG-EM.

This report has been created using the report tool provided by https://www.w3.org/WAI/eval/report-tool/#!/. JKC Chat is a very small application, so WCAG poses little challenges to us. Despite this, some changes are still required. mainly contrast issues and changing the layout seems to still be problematic. We will have to work on this in the future.

Scope of the evaluation

Website name JOIN Klantcontact Chat
Scope of the website

All the public content of the chat function of JKC chat located at: http://chat.meervoort.nl/
And the floating action button located at: http://www.meervoort.nl/

WCAG Version WCAG 2.1
Conformance target Level AA
Additional evaluation requirements

Accessibility support baseline

Chrome v85.0.4183.102
Firefox v80.0.1
Edge v85.0.564.51

Relied upon technologies
  • HTML5
  • XHTML 1.0
  • WAI-ARIA
  • CSS
  • DOM
  • ECMAScript 5
  • ECMAScript 3
  • SVG

Overview of audit results

Results of Level AA
Principle Level A Level AA
1. Perceivable 9 / 9 7 / 11
2. Operable 14 / 14 2 / 3
3. Understandable 5 / 5 5 / 5
4. Robust 2 / 2 1 / 1
Total 30 / 30 15 / 20

Detailed audit results

Principle 1 Perceivable

1.1 Text Alternatives

1.1.1 Non-text Content: (Level A)
Results for the entire sample:
Outcome: Passed

Findings:

1.2 Time-based Media

1.2.1 Audio-only and Video-only (Prerecorded): (Level A)
Results for the entire sample:
Outcome: Not present

Findings: -

1.2.2 Captions (Prerecorded): (Level A)
Results for the entire sample:
Outcome: Not present

Findings: -

1.2.3 Audio Description or Media Alternative (Prerecorded): (Level A)
Results for the entire sample:
Outcome: Not present

Findings: -

1.2.4 Captions (Live): (Level AA)
Results for the entire sample:
Outcome: Not present

Findings: -

1.2.5 Audio Description (Prerecorded): (Level AA)
Results for the entire sample:
Outcome: Not present

Findings: -

1.3 Adaptable

1.3.1 Info and Relationships: (Level A)
Results for the entire sample:
Outcome: Passed

Findings: -

1.3.2 Meaningful Sequence: (Level A)
Results for the entire sample:
Outcome: Passed

Findings: -

1.3.3 Sensory Characteristics: (Level A)
Results for the entire sample:
Outcome: Passed

Findings: -

1.3.4 Orientation: (Level AA)
Results for the entire sample:
Outcome: Passed

Findings: -

1.3.5 Identify Input Purpose: (Level AA)
Results for the entire sample:
Outcome: Passed

Findings: -

1.4 Distinguishable

1.4.1 Use of Color: (Level A)
Results for the entire sample:
Outcome: Passed

Findings: -

1.4.2 Audio Control: (Level A)
Results for the entire sample:
Outcome: Passed

Findings: -

1.4.3 Contrast (Minimum): (Level AA)
Results for the entire sample:
Outcome: Passed

Findings: -

1.4.4 Resize text: (Level AA)
Results for the entire sample:
Outcome: Failed

Findings: Changing the size of the text breaks the layout.

Korte beschrijving:
Het aanpassen van de grootte van de tekst breekt de layout.

Oorzaak:
De tekst loopt niet door op een nieuwe regel of loopt over elkaar heen.

Gevolg:
Bij hoge inzoom waardes valt content deels weg van het scherm, of over elkaar heen.

Alternatief:
Geen alternatief

Maatregel:
In de toekomst zal de site geüpdatet worden met dit criteria in het achterhoofd.

Planning:
01-01-2022

Brengt de uitvoering van de hier beschreven maatregel een onevenredige last met zich mee?
Nee.

1.4.5 Images of Text: (Level AA)
Results for the entire sample:
Outcome: Not present

Findings: -

1.4.10 Reflow: (Level AA)
Results for the entire sample:
Outcome: Failed

Findings: The layout breaks when zoomed in

Korte beschrijving:
Aan dit criterium wordt momenteel nog niet voldaan.

Oorzaak:
De afwijking op de toegankelijkheidsstandaard kon niet op tijd worden verholpen wegens de grote impact dat dit criterium op het systeem heeft.

Gevolg:
Gebruikers die gebruik maken van hoge zoom niveaus zullen minder goed in staat zijn om de content van de website waar te nemen.

Alternatief:
Geen alternatief

Maatregel:
In de toekomst zal reflow worden toegepast.

Planning:
01-01-2022

Brengt de uitvoering van de hier beschreven maatregel een onevenredige last met zich mee?
Nee.

1.4.11 Non-text Contrast: (Level AA)
Results for the entire sample:
Outcome: Failed

Findings: Focus states don't have proper contrast

Korte beschrijving:
De knoppen hebben geen duidelijke focus state.

Oorzaak:
Focus states zijn niet gedefinieerd in de stijl.

Gevolg:
De knoppen zijn minder goed zichtbaar.

Alternatief:
Geen alternatief

Maatregel:
Knoppen en focus-objecten voorzien van een focus state.

Planning:
01-01-2022

Brengt de uitvoering van de hier beschreven maatregel een onevenredige last met zich mee?
Nee.

1.4.12 Text Spacing: (Level AA)
Results for the entire sample:
Outcome: Failed

Findings: Changing the spacing of elements breaks the layout.

Korte beschrijving:
Het aanpassen van de tekst spatiëring breekt de layout.

Oorzaak:
De tekst loopt niet door op een nieuwe regel of loopt over elkaar heen.

Gevolg:
Bij hoge waardes valt content deels weg van het scherm, of over elkaar heen.

Alternatief:
Geen alternatief

Maatregel:
In de toekomst zal de site geüpdatet worden met dit criteria in het achterhoofd.

Planning:
01-01-2022

Brengt de uitvoering van de hier beschreven maatregel een onevenredige last met zich mee?
Nee.

1.4.13 Content on Hover or Focus: (Level AA)
Results for the entire sample:
Outcome: Passed

Findings: -

Principle 2 Operable

2.1 Keyboard Accessible

2.1.1 Keyboard: (Level A)
Results for the entire sample:
Outcome: Passed

Findings: -

2.1.2 No Keyboard Trap: (Level A)
Results for the entire sample:
Outcome: Not present

Findings: -

2.1.4 Character Key Shortcuts: (Level A)
Results for the entire sample:
Outcome: Not present

Findings: -

2.2 Enough Time

2.2.1 Timing Adjustable: (Level A)
Results for the entire sample:
Outcome: Not present

Findings: -

2.2.2 Pause, Stop, Hide: (Level A)
Results for the entire sample:
Outcome: Not present

Findings: -

2.3 Seizures and Physical Reactions

2.3.1 Three Flashes or Below Threshold: (Level A)
Results for the entire sample:
Outcome: Not present

Findings: -

2.4 Navigable

2.4.1 Bypass Blocks: (Level A)
Results for the entire sample:
Outcome: Not present

Findings: There is no content to bypass

2.4.2 Page Titled: (Level A)
Results for the entire sample:
Outcome: Passed

Findings: -

2.4.3 Focus Order: (Level A)
Results for the entire sample:
Outcome: Passed

Findings: -

2.4.4 Link Purpose (In Context): (Level A)
Results for the entire sample:
Outcome: Passed

Findings: -

2.4.5 Multiple Ways: (Level AA)
Results for the entire sample:
Outcome: Not present

Findings: There is only a lineair flow to follow

2.4.6 Headings and Labels: (Level AA)
Results for the entire sample:
Outcome: Not present

Findings: -

2.4.7 Focus Visible: (Level AA)
Results for the entire sample:
Outcome: Failed

Findings: Focus states don't have proper contrast

Korte beschrijving:
De knoppen hebben geen duidelijke focus state.

Oorzaak:
Focus states zijn niet gedefinieerd in de stijl.

Gevolg:
De knoppen zijn minder goed zichtbaar.

Alternatief:
Geen alternatief

Maatregel:
Knoppen en focus-objecten voorzien van een focus state.

Planning:
01-01-2022

Brengt de uitvoering van de hier beschreven maatregel een onevenredige last met zich mee?
Nee.

2.5 Input Modalities

2.5.1 Pointer Gestures: (Level A)
Results for the entire sample:
Outcome: Not present

Findings: -

2.5.2 Pointer Cancellation: (Level A)
Results for the entire sample:
Outcome: Passed

Findings: -

2.5.3 Label in Name: (Level A)
Results for the entire sample:
Outcome: Passed

Findings: -

2.5.4 Motion Actuation: (Level A)
Results for the entire sample:
Outcome: Not present

Findings: -

Principle 3 Understandable

3.1 Readable

3.1.1 Language of Page: (Level A)
Results for the entire sample:
Outcome: Passed

Findings: -

3.1.2 Language of Parts: (Level AA)
Results for the entire sample:
Outcome: Passed

Findings: -

3.2 Predictable

3.2.1 On Focus: (Level A)
Results for the entire sample:
Outcome: Passed

Findings: -

3.2.2 On Input: (Level A)
Results for the entire sample:
Outcome: Passed

Findings: -

3.2.3 Consistent Navigation: (Level AA)
Results for the entire sample:
Outcome: Not present

Findings: -

3.2.4 Consistent Identification: (Level AA)
Results for the entire sample:
Outcome: Passed

Findings: -

3.3 Input Assistance

3.3.1 Error Identification: (Level A)
Results for the entire sample:
Outcome: Passed

Findings: -

3.3.2 Labels or Instructions: (Level A)
Results for the entire sample:
Outcome: Passed

Findings: -

3.3.3 Error Suggestion: (Level AA)
Results for the entire sample:
Outcome: Passed

Findings: -

3.3.4 Error Prevention (Legal, Financial, Data): (Level AA)
Results for the entire sample:
Outcome: Not present

Findings: -

Principle 4 Robust

4.1 Compatible

4.1.1 Parsing: (Level A)
Results for the entire sample:
Outcome: Passed

Findings: -

4.1.2 Name, Role, Value: (Level A)
Results for the entire sample:
Outcome: Passed

Findings: -

4.1.3 Status Messages: (Level AA)
Results for the entire sample:
Outcome: Passed

Findings: -

Sample of audited web pages

Related WCAG 2 resources