Скачать или смотреть Web accessibility DIY guide

1. Start with Basics

Add alt text for all meaningful images. (Describe what the image conveys, not just "image.")

Use clear, descriptive links instead of “Click here” or “Read more.”

Ensure headings (H1, H2, H3) are used properly to structure content.

2. Color & Contrast

Make sure text has at least 4.5:1 contrast ratio (use tools like WebAIM Contrast Checker).

Don’t rely on color alone for meaning (e.g., red for errors → also add text/icon).

Offer dark/light mode if possible.

3. Keyboard Navigation

Test your site with only the keyboard (Tab, Enter, Space, Arrows).

Ensure focus indicators (the outline around a selected element) are visible.

Don’t trap users in modals or menus—always provide an escape.

4. Forms & Inputs

Label every field clearly (e.g., “Email Address” instead of just a placeholder).

Provide helpful error messages (say “Enter a valid email” instead of “Invalid input”).