# Best practices checklist — Web Accessibility (A11y)

Source: https://www.skillbyai.com/en/accessibility/a11y-best-practices

> Review a practical do and don't checklist for production accessibility, including a WCAG AA pre-launch list.

## Do's

Use semantic HTML. Include alt text on images. Provide labels on forms. Ensure 4.5:1 contrast. Support keyboard navigation. Test with screen readers. Use ARIA correctly. Announce dynamic content. Provide skip links. Keep heading hierarchy logical. Use descriptive link text.

## Don'ts

Use divs for buttons. Hide focus outline without replacement. Rely on color alone. Embed text in images. Disable zoom. Use <marquee> or auto-play sound. Forget alt on important images. Nest interactive elements. Create keyboard traps. Use placeholder as label.

## WCAG 2.1 AA quick checklist

Page title unique. Alt text on images. Text contrast 4.5:1. Labels on form fields. No keyboard traps. Focus visible. Color not sole information source. Video has captions. Resizable text. Logical heading hierarchy.

## WCAG 3.0 preview

WCAG 3.0 is still in draft. Focus on WCAG 2.2 AA for now. 3.0 is expected to use outcome-based scoring.