2020-34 - Accessibility assesment of Canada child benefit apply page of Canada.ca

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

Evaluation report identifier 3
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/apply.html
Subject Evaluate the accessibility conformity of the Canada child benefit apply page of Canada.ca
Notes:

Assesment summary

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

Level A and AA

WCAG Version and Level Score
WCAG 2.1 Level A 29/30
WCAG 2.1 Level AA 16/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 sections before apply links. 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 Pass
3.2.4 Consistent Identification AA Pass
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