Accessibility Demos

Module 1

01.1 – Flat Version 01.2 – Semantic Version 01.3 – Accessible Buttons

Module 2

02.1 – Heading Navigation 02.2 – Section vs Article 02.3 – Section vs Article 2 02.4 – List Examples 02.5 – Accessible Images 02.6 – ARIA Labels

Module 3

03.1 – Reader Flow 03.2 – Headings 03.3 – Multilingual Accessibility 03.4 – ARIA Live 03.5 – ARIA Expand

Module 4

04.1 – Reflow Demo 04.1b – Viewport block 04.2 – Font Scale 04.3 – Keyboard Traps 04.3b – Accessible modal 04.4 – Changes Detection 04.5 – Mobile Touch Targets 04.6 – Button vs Link

Module 1

01.1 – hide-visually 01.2 –hide-screen-reader 01.3 –focus-hover 01.4 –Accessible menu demo