2020-40 - Accessibility assesment of Canada child benefit page of Canada.ca

Evaluate the accessibility conformity of the Canada child benefit page of Canada.ca

Evaluation report identifier 2
Type Accessibility assesment
Asserted by: John Nam (Github: @namjohn920)
Date: January 27, 2020
Page: https://test.canada.ca/canada-child-benefit-2/post-validation/revenue-agency/services/child-family-benefits/canada-child-benefit.html
Subject Evaluate the accessibility conformity of the Canada child benefit page of Canada.ca
Notes:

Assesment summary

WCAG 2.1 Level A, AA Score of 92%
Fail Success Critiria

Level A and AA

WCAG Version and Level Score
WCAG 2.1 Level A 29/30
WCAG 2.1 Level AA 17/20

Details: Content page

Success Criteria Level Result Comments
1.1.1 Non-text content A Pass
1.2.1 Audio-only and Video-only (Prerecorded) A N/A
1.2.2 Captions (Prerecorded) A N/A
1.2.3 Audio Description or Media Alternative (Prerecorded) A N/A
1.2.4 Captions (Live) AA N/A
1.2.5 Audio Description (Prerecorded) AA N/A
1.3.1 Info and Relationships A Pass
1.3.2 Meaningful Sequence A Pass
1.3.3 Sensory Characteristics A Pass
1.3.4 Orientation AA Fail It fails to match various types of devices and their orientations
1.3.5 Identify Input Purpose AA N/A
1.4.1 Use of Color A N/A
1.4.2 Audio Control A N/A
1.4.3 Contrast (Minimum) AA Pass
1.4.4 Resize text AA Fail When it becomes 200%, it loses the ability to navigate using breadcrumb
1.4.5 Images of Text AA Pass
1.4.10 Reflow AA Fail For a device with viewport width 1024px, it requires horizontal scrolling and the search box overlaps the FR/EN link
1.4.11 Non-Text Contrast AA Fail Two grey buttons at the footer has a contrast ratio of 1.19:1 with the white background which fails to conform to 3:1 ratio
1.4.12 Text Spacing AA Pass
1.4.13 Content on Hover or Focus AA N/A
2.1.1 Keyboard A Pass
2.1.2 No Keyboard Trap A Pass
2.1.4 Character Key Shortcuts A N/A
2.2.1 Timing Adjustable A N/A
2.2.2 Pause, Stop, Hide A N/A
2.3.1 Three Flashes or Below Threshold A Pass
2.4.1 Bypass Blocks A Pass
2.4.2 Page Titled A Pass
2.4.3 Focus Order A Fail The order goes from left to right. However, at first, the language link is focused in prior to the Canada logo and sign in button before menu button. It should have a consistence order whether it starts from left or right.
2.4.4 Link Purpose (In Context) A Pass
2.4.5 Multiple ways A Pass
2.4.6 Headings and Labels A Pass
2.4.7 Focus Visible A Pass
2.5.1 Pointer Gestures A Pass
2.5.2 Pointer Cancellation A Pass
2.5.3 Label in Name A Pass
2.5.4 Motion Actuation A N/A
3.1.1 Language of Page A Pass
3.1.2 Language of Parts AA Pass
3.2.1 On Focus A Pass
3.2.2 On Input A Pass
3.2.3 Consistent Navigation AA N/A
3.2.4 Consistent Identification AA N/A
3.3.1 Error Identification A N/A
3.3.2 Labels or Instructions A Pass
3.3.3 Error Suggestion AA N/A
3.3.4 Error Prevention (Legal, Financial, Data) AA N/A
4.1.1 Parsing A Pass
4.1.2 Name, Role, Value A Pass
4.1.3 Status Messages AA N/A