Improve accessibility

Rocket generates decent code, but you can make it better. Ask Rocket to improve accessibility on your site by adding proper alt text, ARIA labels, keyboard navigation, color contrast fixes, and more. The more you ask, the closer you get to full WCAG 2.1 AA compliance.

What you get by default

Rocket’s generated code starts with a reasonable baseline:

Semantic HTML elements (nav, main, section, article)
Basic heading hierarchy
Standard form labels
Responsive layouts

What you can ask Rocket to improve

Ask Rocket in chat to add or enhance any of these:

Alt text for images

Ask Rocket to add descriptive alt text to all images on your site. Try this prompt:

Add descriptive alt text to all images on my site. Make them meaningful for screen reader users.

ARIA labels and roles

Ask Rocket to add proper ARIA attributes to interactive elements like buttons, links, form fields, and navigation. Try this prompt:

Add ARIA labels to all interactive elements. Make sure buttons, links, and form fields are properly labeled for screen readers.

Ask Rocket to ensure all interactive elements are keyboard-accessible with visible focus indicators. Try this prompt:

Improve keyboard navigation on my site. Add visible focus indicators and make sure all interactive elements are reachable with Tab.

Color contrast

Ask Rocket to check and fix color contrast issues that make text hard to read. Try this prompt:

Check my site for color contrast issues and fix any text that does not meet WCAG AA contrast ratios.

Ask Rocket to add skip-to-content links so keyboard users can bypass repetitive navigation. Try this prompt:

Add a skip-to-main-content link at the top of every page for keyboard navigation.

Accessibility statement

Ask Rocket to generate an accessibility statement page for compliance documentation. Try this prompt:

Generate an accessibility statement page for my site documenting our WCAG 2.1 AA compliance efforts.

Commands

Use these slash commands from chat to audit and improve accessibility: