HTML

Introduction

1. What is HTML
2. Why HTML
3. How It works

• Accessibility in the Web (A11y)

1. Header Elements
2. Semantic Elements
   1. Figure
   2. Mark
   3. Details
   4. Picture
3. Functional Elements
   1. Dialog
   2. Summary

ARIA

Accessible Rich Internet Applications

Roles

Define the type of interaction that an element will have

Properties

• aria-label="...": A property that describes what does something do
• aria-live: You can interrupt or queue the voiceover, useful to show a notification - detects changes on the HTML

State

• aria-hidden="true|false": A property that hides an element from the voice reader

Relates to

References