Vaadin Design System Accessibility Overview


1	Data for Vaadin 24.1, last updated 2023-06-05	Accordion	App Layout	Avatar	Badge	Button	Charts	Checkbox (Checkbox Group)	Combo Box	Confirm Dialog	Context Menu	Cookie Consent	CRUD	Custom Field	Date Picker	Date Time Picker	Details	Dialog	Email Field	Form Layout	Grid (Tree Grid)	Grid Pro	List Box	Login	Map	Menu Bar	Messages (List and Input)	Multi-select Combo Box	Notification	Number Field	Password Field	Progress Bar	Radio Button (Radio Button Group)	Rich text editor	Scroller	Select	Side Nav	Split Layout	Tabs	Text Area	Text Field	Time Picker	Tooltip	Upload
2	WCAG 2.1 level A and AA Success Criteria						See HighCharts a11y information					Not tested													Not tested		Not tested										Not tested	Not tested					Not tested

3	Guideline 1.1 – Text Alternatives
4	1.1.1 Non-Text Content (Level A)	Pass	Pass	Pass	Pass	Pass		Pass	Pass	Pass	Fail		Pass	Pass	Pass	Pass	Pass	Pass	Pass	N/A	Pass	Note	Pass	Pass		Pass		Pass	Pass	Pass	Pass	Pass	Pass	Note	Pass	Pass			Pass	Pass	Pass	Pass		Pass
5	Guideline 1.2 - Provide alternatives for time-based media.
6	1.2.1 Audio-only and Video-only (Prerecorded) (Level A)	N/A	N/A	N/A	N/A	N/A		N/A	N/A	N/A	N/A		N/A	N/A	N/A	N/A	N/A	N/A	N/A	N/A	N/A	N/A	N/A	N/A		N/A		N/A	N/A	N/A	N/A	N/A	N/A	N/A	N/A	N/A			N/A	N/A	N/A	N/A		N/A
7	1.2.2 Captions (Prerecorded) (Level A)	N/A	N/A	N/A	N/A	N/A		N/A	N/A	N/A	N/A		N/A	N/A	N/A	N/A	N/A	N/A	N/A	N/A	N/A	N/A	N/A	N/A		N/A		N/A	N/A	N/A	N/A	N/A	N/A	N/A	N/A	N/A			N/A	N/A	N/A	N/A		N/A
8	1.2.3 Audio Description or Media Alternative (Prerecorded) (Level A)	N/A	N/A	N/A	N/A	N/A		N/A	N/A	N/A	N/A		N/A	N/A	N/A	N/A	N/A	N/A	N/A	N/A	N/A	N/A	N/A	N/A		N/A		N/A	N/A	N/A	N/A	N/A	N/A	N/A	N/A	N/A			N/A	N/A	N/A	N/A		N/A
9	1.2.4 Captions are provided for all live audio content in synchronized media. (Level AA)	N/A	N/A	N/A	N/A	N/A		N/A	N/A	N/A	N/A		N/A	N/A	N/A	N/A	N/A	N/A	N/A	N/A	N/A	N/A	N/A	N/A		N/A		N/A	N/A	N/A	N/A	N/A	N/A	N/A	N/A	N/A			N/A	N/A	N/A	N/A		N/A
10	1.2.5 Audio description is provided for all prerecorded video content in synchronized media. (Level AA)	N/A	N/A	N/A	N/A	N/A		N/A	N/A	N/A	N/A		N/A	N/A	N/A	N/A	N/A	N/A	N/A	N/A	N/A	N/A	N/A	N/A		N/A		N/A	N/A	N/A	N/A	N/A	N/A	N/A	N/A	N/A			N/A	N/A	N/A	N/A		N/A
11	Guideline 1.3 – Adaptable
12	1.3.1 Information and Relationships (Level A)	Pass	Pass	Pass	N/A	Pass		Pass	Note	Pass	Pass		Pass	Pass	Pass	Pass	Pass	Pass	Pass	Pass	Fail	Fail	Pass	Minor		Pass		Note	Pass	Pass	Pass	Pass	Pass	Pass	Pass	Pass			Pass	Pass	Pass	Pass		Pass
13	1.3.2 Meaningful Sequence (Level A)	Pass	Fail 1, 2	Pass	N/A	Pass		Pass	Pass	Pass	Pass		Fail	Pass	Pass	Pass	Pass	Pass	Pass	Pass	Pass	Pass	Pass	Pass		Pass		Pass	Pass	Pass	Pass	Pass	Pass	Pass	Pass	Pass			Pass	Pass	Pass	Pass		Pass
14	1.3.3 Sensory Characteristics (Level A)	N/A	Pass	N/A	N/A	Pass		Pass	Pass	Pass	N/A		Pass	Pass	Pass	Pass	N/A	N/A	Pass	Pass	N/A	N/A	N/A	N/A		N/A		Pass	N/A	Pass	Pass	N/A	Pass	N/A	Pass	Pass			N/A	Pass	Pass	Pass		Pass
15	1.3.4 Orientation (Level AA) (WCAG 2.1)	Pass	Pass	Pass	N/A	Pass		Pass	Pass	Pass	Pass		Pass	Pass	Pass	Pass	Pass	Pass	Pass	Pass	Pass	Pass	Pass	Pass		Pass		Pass	Pass	Pass	Pass	Pass	Pass	Pass	Pass	Pass			Pass	Pass	Pass	Pass		Pass
16	1.3.5 Identify Input Purpose (Level AA) (WCAG 2.1)	N/A	N/A	N/A	N/A	N/A		N/A	N/A	N/A	N/A		Pass	Minor	N/A	N/A	N/A	N/A	Pass	N/A	N/A	N/A	N/A	Minor		N/A		N/A	N/A	Pass	Pass	N/A	N/A	N/A	N/A	N/A			N/A	Pass	Pass	N/A		N/A
17	Guideline 1.4 – Distinguishable
18	1.4.1 Use of Color (Level A)	Pass	Pass	Pass	Pass	Pass		Pass	Pass	Pass	Pass		Pass	Pass	Pass	Pass	Pass	Pass	Pass	N/A	Minor	Minor	Pass	Pass		Pass		Pass	Pass	Pass	Pass	Pass	Pass	Pass	Pass	Pass			Pass	Pass	Pass	Pass		Pass
19	1.4.2 Audio Control (Level A)	N/A	N/A	N/A	N/A	N/A		N/A	N/A	N/A	N/A		N/A	N/A	N/A	N/A	N/A	N/A	N/A	N/A	N/A	N/A	N/A	N/A		N/A		N/A	N/A	N/A	N/A	N/A	N/A	N/A	N/A	N/A			N/A	N/A	N/A	N/A		N/A
20	1.4.3 Color Contrast Minimum (Level AA)	Pass	Pass	Pass	Pass	Pass		Pass	Pass	Pass	Pass		Pass	Pass	Pass	Pass	Pass	Pass	Pass	N/A	Pass	Pass	Pass	Pass		Pass		Pass	Pass	Pass	Pass	Pass	Pass	Pass	Pass	Pass			Pass	Pass	Pass	Pass		Pass
21	1.4.4 Resize Text (Level AA)	Pass	Pass	Pass	Pass	Pass		Pass	Pass	Pass	Pass		Pass	Pass	Pass	Pass	Pass	Pass	Pass	N/A	Pass	Pass	Pass	Pass		Pass		Pass	Pass	Pass	Pass	Pass	Pass	Pass	Pass	Pass			Pass	Pass	Pass	Pass		Pass
22	1.4.5 Images of Text (Level AA)	Pass	Pass	Pass	Pass	Pass		Pass	Pass	Pass	Pass		Pass	Pass	Pass	Pass	Pass	Pass	Pass	N/A	Pass	Pass	Pass	Pass		Pass		Pass	Pass	Pass	Pass	Pass	Pass	Pass	Pass	Pass			Pass	Pass	Pass	Pass		Pass
23	1.4.10 Reflow (Level AA) (WCAG 2.1)	Pass	Pass	Pass	Pass	Pass		Pass	Pass	Pass	Pass		Pass	Pass	Pass	Pass	Pass	Pass	Pass	Pass	Note	Note	Pass	Pass		Pass		Pass	Pass	Pass	Pass	Pass	Pass	Pass	Pass	Pass			Pass	Pass	Pass	Pass		Pass
24	1.4.11 Non-text Contrast (Level AA) (WCAG 2.1)	Pass	Pass	Pass	Pass	Pass		Pass	Pass	Pass	Pass		Pass	Pass	Pass	Pass	Pass	Pass	Pass	N/A	Pass	Pass	Pass	Pass		Pass		Pass	Minor	Pass	Pass	Pass	Pass	Pass	Pass	Pass			Pass	Pass	Pass	Pass		Pass
25	1.4.12 Text Spacing (Level AA) (WCAG 2.1)	Pass	Pass	Pass	Pass	Pass		Pass	Pass	Pass	Pass		Pass	Pass	Pass	Pass	Pass	Pass	Pass	Pass	Pass	Pass	Pass	Pass		Pass		Pass	Pass	Pass	Pass	Pass	Pass	Pass	Pass	Pass			Pass	Pass	Pass	Pass		Pass
26	1.4.13 Content on Hover or Focus (Level AA) (WCAG 2.1)	N/A	N/A	N/A	N/A	N/A		N/A	N/A	N/A	Pass		N/A	N/A	N/A	N/A	N/A	N/A	N/A	N/A	N/A	N/A	N/A	N/A		N/A		N/A	N/A	N/A	N/A	N/A	N/A	N/A	N/A	N/A			N/A	N/A	N/A	N/A		N/A
27	Guideline 2.1 – Keyboard Accessible
28	2.1.1 Keyboard (Level A)	Pass	Note	Pass	N/A	Pass		Pass	Pass	Pass	Pass		Pass	Pass	Fail, Fail	Fail, Fail	Pass	Fail 1, 2	Pass	N/A	Note 1, 2, 3	Note 1, 2, 3	Pass	Pass		Fail		Pass	Pass	Pass	Pass	N/A	Pass	Pass	Pass	Fail			Pass	Pass	Pass	Pass		Pass
29	2.1.2 No Keyboard Trap (Level A)	Pass	Pass	Pass	N/A	Pass		Pass	Pass	Pass	Pass		Pass	Pass	Pass	Pass	Pass	Pass	Pass	Pass	Pass	Pass	Pass	Pass		Pass		Pass	Pass	Pass	Pass	Pass	Pass	Pass	Pass	Pass			Pass	Pass	Pass	Pass		Pass
30	2.1.4 Character Key Shortcuts (Level A) (WCAG 2.1)	N/A	N/A	N/A	N/A	N/A		N/A	N/A	N/A	N/A		N/A	N/A	N/A	N/A	N/A	N/A	N/A	N/A	N/A	N/A	N/A	N/A		N/A		N/A	N/A	N/A	N/A	N/A	N/A	N/A	N/A	N/A			N/A	N/A	N/A	N/A		N/A
31	Guideline 2.2 – Enough Time
32	2.2.1 Timing Adjustable (Level A)	N/A	N/A	N/A	N/A	N/A		N/A	N/A	N/A	N/A		N/A	N/A	N/A	N/A	N/A	N/A	N/A	N/A	N/A	N/A	N/A	N/A		N/A		N/A	Note	N/A	N/A	N/A	N/A	N/A	N/A	N/A			N/A	N/A	N/A	N/A		N/A
33	2.2.2 Pause, Stop, Hide (Level A)	N/A	N/A	N/A	N/A	N/A		N/A	N/A	N/A	N/A		N/A	N/A	N/A	N/A	N/A	N/A	N/A	N/A	N/A	N/A	N/A	N/A		N/A		N/A	N/A	N/A	N/A	Minor	N/A	N/A	N/A	N/A			N/A	N/A	N/A	N/A		N/A
34	Guideline 2.3 – Seizures
35	2.3.1 Three flashes or below (Level A)	Pass	Pass	Pass	Pass	Pass		Pass	Pass	Pass	Pass		Pass	Pass	Pass	Pass	Pass	Pass	Pass	Pass	Pass	Pass	Pass	Pass		Pass		Pass	Pass	Pass	Pass	Pass	Pass	Pass	Pass	Pass			Pass	Pass	Pass	Pass		Pass
36	Guideline 2.4 – Navigable
37	2.4.1 Bypass Blocks (Level A)	N/A	N/A	N/A	N/A	N/A		N/A	N/A	N/A	N/A		N/A	N/A	N/A	N/A	N/A	N/A	N/A	N/A	N/A	N/A	N/A	N/A		N/A		N/A	N/A	N/A	N/A	N/A	N/A	N/A	N/A	N/A			N/A	N/A	N/A	N/A		N/A
38	2.4.2 Page Titled (Level A)	N/A	N/A	N/A	N/A	N/A		N/A	N/A	N/A	N/A		N/A	N/A	N/A	N/A	N/A	N/A	N/A	N/A	N/A	N/A	N/A	N/A		N/A		N/A	N/A	N/A	N/A	N/A	N/A	N/A	N/A	N/A			N/A	N/A	N/A	N/A		N/A
39	2.4.3 Focus Order (Level A)	Pass	Pass	Pass	N/A	Pass		Pass	Pass	Pass	Fail: 1, 2		Pass	Pass	Pass	Pass	Pass	Fail	Pass	Pass	Note	Note	Pass	Pass		Minor		Pass	Note	Pass	Pass	N/A	Pass	Pass	Pass	Pass			Pass	Pass	Pass	Pass		Pass
40	2.4.4 Link Purpose in context (Level A)	N/A	N/A	N/A	N/A	N/A		N/A	N/A	N/A	N/A		N/A	N/A	N/A	N/A	N/A	N/A	N/A	N/A	N/A	N/A	N/A	N/A		N/A		N/A	N/A	N/A	N/A	N/A	N/A	N/A	N/A	N/A			N/A	N/A	N/A	N/A		N/A
41	2.4.5 Multiple Ways (Level AA)	N/A	N/A	N/A	N/A	N/A		N/A	N/A	N/A	N/A		N/A	N/A	N/A	N/A	N/A	N/A	N/A	N/A	N/A	N/A	N/A	N/A		N/A		N/A	N/A	N/A	N/A	N/A	N/A	N/A	N/A	N/A			N/A	N/A	N/A	N/A		N/A
42	2.4.6 Headings and Labels (Level AA)	Pass	Pass	Pass	N/A	Pass		Pass	Pass	Pass	Pass		Pass	Pass	Pass	Pass	Pass	Pass	Pass	Pass	Pass	Pass	Pass	Pass		Pass		Pass	Pass	Pass	Pass	Pass	Pass	Pass	Pass	Pass			Pass	Pass	Pass	Pass		Pass
43	2.4.7 Focus Visible (Level AA)	Pass	Pass	Pass	N/A	Pass		Pass	Pass	Pass	Pass		Pass	Pass	Pass	Pass	Pass	Pass	Pass	Pass	Pass	Pass	Pass	Minor		Pass		Pass	Pass	Pass	Pass	Pass	Pass	Pass	Pass	Pass			Pass	Pass	Pass	Pass		Pass
44	Guideline 2.5 – Input Modalities (WCAG 2.1)
45	2.5.1 Pointer Gestures (Level A) (WCAG 2.1)	N/A	N/A	N/A	N/A	N/A		N/A	N/A	N/A	N/A		N/A	N/A	N/A	N/A	N/A	N/A	N/A	N/A	N/A	N/A	N/A	N/A		N/A		N/A	N/A	N/A	N/A	N/A	N/A	N/A	N/A	N/A			N/A	N/A	N/A	N/A		N/A
46	2.5.2 Pointer Cancellation (Level A) (WCAG 2.1)	Pass	Pass	Pass	N/A	Not tested		Pass	Pass	Pass	Pass		Pass	Pass	Pass	Pass	Pass	Pass	Pass	N/A	Pass	Pass	Pass	Pass		Pass		Pass	Pass	Pass	Pass	N/A	Pass	Pass	Pass	Pass			Pass	Pass	Pass	Pass		Pass
47	2.5.3 Label in Name (Level A) (WCAG 2.1)	Pass	Pass	Minor	N/A	Pass		Pass	Pass	Pass	Pass		Pass	Pass	Pass	Pass	Pass	Pass	Pass	N/A	Pass	Pass	Pass	Pass		Pass		Pass	N/A	Pass	Pass	N/A	Pass	Pass	Pass	Pass			Pass	Pass	Pass	Pass		Pass
48	2.5.4 Motion Actuation (Level A) (WCAG 2.1)	N/A	N/A	N/A	N/A	N/A		N/A	N/A	N/A	N/A		N/A	N/A	N/A	N/A	N/A	N/A	N/A	N/A	N/A	N/A	N/A	N/A		N/A		N/A	N/A	N/A	N/A	N/A	N/A	N/A	N/A	N/A			N/A	N/A	N/A	N/A		N/A
49	Guideline 3.1 – Readable
50	3.1.1 Language of the Page (Level A)	N/A	N/A	N/A	N/A	N/A		N/A	N/A	N/A	N/A		N/A	N/A	N/A	N/A	N/A	N/A	N/A	N/A	N/A	N/A	N/A	N/A		N/A		N/A	N/A	N/A	N/A	N/A	N/A	N/A	N/A	N/A			N/A	N/A	N/A	N/A		N/A
51	3.1.2 Language of parts (Level AA)	N/A	N/A	N/A	N/A	N/A		N/A	N/A	N/A	N/A		N/A	N/A	N/A	N/A	N/A	N/A	N/A	N/A	N/A	N/A	N/A	N/A		N/A		N/A	N/A	N/A	N/A	N/A	N/A	N/A	N/A	N/A			N/A	N/A	N/A	N/A		N/A
52	Guideline 3.2 – Predictable
53	3.2.1 On Focus (Level A)	Pass	Pass	Pass	N/A	Pass		Pass	Pass	Pass	Pass		Fail	Pass	Pass	Pass	Pass	Pass	Pass	N/A	Pass	Pass	Pass	Pass		Pass		Pass	Pass	Pass	Pass	N/A	Pass	Pass	Pass	Pass			Pass	Pass	Pass	Pass		Pass
54	3.2.2 On Input (Level A)	Pass	Pass	N/A	N/A	Pass		Pass	Pass	Pass	Pass		Pass	Pass	Pass	Pass	Pass	Pass	Pass	N/A	Pass	Pass	Pass	Pass		N/A		Pass	N/A	Pass	Pass	N/A	Pass	Pass	N/A	Pass			N/A	Pass	Pass	Pass		Pass
55	3.2.3 Consistent Navigation (Level AA)	N/A	N/A	N/A	N/A	N/A		N/A	N/A	N/A	N/A		N/A	N/A	N/A	N/A	N/A	N/A	N/A	N/A	N/A	N/A	N/A	N/A		N/A		N/A	N/A	N/A	N/A	N/A	N/A	N/A	N/A	N/A			N/A	N/A	N/A	N/A		N/A
56	3.2.4 Consistent Identification (Level AA)	N/A	N/A	N/A	N/A	N/A		N/A	N/A	N/A	N/A		N/A	N/A	N/A	N/A	N/A	N/A	N/A	N/A	N/A	N/A	N/A	N/A		N/A		N/A	N/A	N/A	N/A	N/A	N/A	N/A	N/A	N/A			N/A	N/A	N/A	N/A		N/A
57	Guideline 3.3 – Input Assistance
58	3.3.1 Error Identification (Level A)	N/A	N/A	N/A	N/A	N/A		Pass	Pass	N/A	N/A		Pass	Fail	Pass	Pass	N/A	N/A	Pass	N/A	N/A	N/A	N/A	Pass		N/A		Pass	N/A	Pass	Pass	N/A	Pass	Pass	N/A	Pass			N/A	Pass	Pass	Pass		N/A
59	3.3.2 Labels or Instructions (Level A)	N/A	Pass	Pass	N/A	N/A		Pass	Pass	N/A	N/A		i18n	Note	Pass	Pass	N/A	Pass	Pass	Pass	Pass	Pass	N/A	Pass		N/A		Pass	Pass	Pass	Pass	Pass	Pass	Pass	N/A	Pass			N/A	Pass	Pass	Pass		N/A
60	3.3.3 Error Suggestion (Level AA)	N/A	N/A	N/A	N/A	N/A		Pass	Pass	N/A	N/A		Pass	Pass	Pass	Pass	N/A	N/A	Pass	N/A	N/A	N/A	Pass	Pass		N/A		Pass	N/A	Pass	Pass	N/A	Pass	N/A	N/A	Pass			N/A	Pass	Pass	Pass		N/A
61	3.3.4 Error Prevention – legal, financial, data (Level AA)	N/A	N/A	N/A	N/A	N/A		N/A	N/A	N/A	N/A		N/A	N/A	N/A	N/A	N/A	N/A	N/A	N/A	N/A	N/A	N/A	N/A		N/A		N/A	N/A	N/A	N/A	N/A	N/A	N/A	N/A	N/A			N/A	N/A	N/A	N/A		N/A
62	Guideline 4.1 – Compatible
63	4.1.1 Parsing (Level A)	Pass	Pass	Pass	Pass	Pass		Minor	Pass	Pass	Pass		Pass	Fail	Pass	Pass	Pass	Pass	Pass	Pass	Pass	Pass	Pass	Pass		Pass		Pass	Pass	Pass	Pass	Pass	Pass	Pass	Pass	Pass			Pass	Pass	Pass	Pass		Pass
64	4.1.2 Name, Role, Value (Level A)	Pass	i18n	Pass	Pass	Pass		Pass	Pass	Pass	Fail		Minor, i18n	Pass	Pass	Pass	Pass	Pass	Pass	Pass	Fail, i18n	Fail: 1, 2	Pass	Fail		Pass		Pass	Pass	Pass	Pass	Minor	Pass	Fail	Pass	Pass			Pass	Pass	Pass	Pass		Pass
65	4.1.3 Status Messages (Level AA) (WCAG 2.1)	N/A	N/A	N/A	N/A	N/A		N/A	N/A	N/A	N/A		N/A	N/A	N/A	N/A	N/A	N/A	N/A	N/A	N/A	N/A	N/A	N/A		N/A		N/A	Pass	N/A	N/A	N/A	N/A	N/A	N/A	N/A			N/A	N/A	N/A	N/A		N/A
66	Assistive Technology Compatibility
67	VoiceOver on Safari (macOS)	Pass	Pass	Fail	Pass	Pass		Pass	Pass	Pass	Pass		Fail: 1, 2, 3	Pass	Pass	Pass	Pass	Pass	Pass	Pass	Fail, Fail	Fail, Fail, Fail	Pass	Pass		Pass		Pass	Pass	Pass	Pass	Pass	Pass	Pass	Pass	Pass			Pass	Pass	Pass	Pass		Pass
68	JAWS on Chrome/Firefox (Windows)	Pass	Pass	Pass	Pass	Pass		Pass	Pass	Minor	Pass		Pass	Pass	Fail	Fail	Pass	Pass	Pass	Pass	Pass	Pass	Pass	Pass		Pass		Pass	Pass	Pass	Pass	Pass	Pass	Pass	Pass	Pass			Pass	Pass	Pass	Pass		Pass
69	NVDA on Chrome/Firefox (Windows)	Pass	Pass	Pass	Pass	Pass		Pass	Minor	Pass	Pass		Pass	Pass	Fail	Fail	Pass	Pass	Pass	Pass	Fail	Pass	Pass	Pass		Pass		Pass	Pass	Pass	Pass	Pass	Pass	Pass	Pass	Pass			Pass	Pass	Pass	Pass		Pass
70	VoiceOver on iOS	Pass	Pass	Pass	Pass	Pass		Pass	Fail	Pass	Pass		Pass	Pass	Fail	Fail	Pass	Pass	Pass	Pass	Pass	Pass	Pass	Pass		Pass		Fail	Pass	Pass	Pass	Pass	Pass	Pass	Pass	Fail			Pass	Pass	Pass	Pass		Pass