Home Tutorials HTML Tutorial Accessibility Basics
Accessibility Basics

Accessibility Basics


47. Accessibility Basics

Accessibility-aware HTML uses proper semantics, labels, alt text, logical structure, and sometimes ARIA attributes where needed. Good HTML structure improves screen reader behavior and keyboard navigation.

Syntax

<img src="pic.jpg" alt="Description">
<label for="name">Name</label>
<input id="name" type="text">

Example

<img src="student.jpg" alt="Student reading a book">
<label for="username">Username</label>
<input id="username" type="text">

Output

The image and input field appear normally, but the markup is more accessible to assistive technologies.
Example

🏋️ Test Yourself With Exercises

Take our quiz on Accessibility Basics to test your knowledge.

Browse Quizzes »