An accessible website works for everyone, including people who use screen readers, keyboards instead of a mouse, or who have low vision. It's also good for SEO and, for many businesses, a legal requirement (for example the ADA in the US and the European Accessibility Act in the EU).
Checklist
- Alt text on images: open the image's settings and describe what it shows in its alternative (alt) text. Leave it empty only for purely decorative images. In collections, add a text field for alt text.
- Contrast: text needs to stand out clearly from its background. Avoid light grey text and text directly on busy photos. Adjust colors in the Theme panel: see Colors, Fonts, Logo and Theme.
- Headings in order: one main heading (H1) per page, then H2, H3 and so on. Don't pick a heading level just for its size.
- Clear link and button text: "View our prices" instead of "Click here".
- Keyboard: in Preview, press Tab to move through the page. You should be able to reach and use every link, menu and form field.
- Forms: every field needs a visible label, not just placeholder text.
- Video: add captions to videos with speech.
- Readable text size: at least 16 pixels for body text.
Tip: Free checkers such as WAVE (wave.webaim.org) scan a published page and list problems to fix.
