Words, colors, and images
Check color contrast
Ensure text stands out against its background for readers with low vision or glare.
Add alt text to images
Describe the meaning and context of images for people who can’t see them.
Organize page structure
Group content into clear, logical sections using simple HTML layout tags to help screen readers, keyboard users, and mobile readers navigate your site with ease.
Hide decorative icons
Mark non-essential visuals with alt=”” or aria-hidden=”true” so screen readers can skip them.
Use plain language
Use short sentences, active voice, and clear words so your content is easy to digest.
Documents and videos
Make PDFs searchable
Convert scanned PDF pages into real text so screen readers and search engines can read them.
Give images alt tags
Include clear alt text for images and figures inside document files so screen readers can describe them.
Structure PDF documents
Apply proper headings, lists, and reading order in your document editor before exporting to PDF.
Check captions
Edit auto-generated captions on YouTube or Vimeo to guarantee accuracy for deaf viewers.
Check PDF contrast
Verify that text, icons, and charts inside your PDF files meet contrast standards.
Add transcripts
Offer an alternative for users who prefer reading or use screen readers by adding a text-only transcript link below your videos.
Deque has a great 4-part series on PDF accessibility that dives deep into the PDF topic. It outlines what you need to do in order for your documents to be considered accessible.
Navigation and forms
Indicate required fields
Indicate required inputs using visual indicators (like *) and the required HTML attribute.
Label forms clearly
Keep clear, permanent text labels above form fields instead of relying on disappearing placeholder text.
Show active focus states
Keep visible focus rings around active buttons and links so keyboard users can track where they are.
Learn focus indicator best practices from Sara Soueidan
Avoid color-only cues
Combine color indicators with text or icons to signal errors, links, and system alerts.
By making these adjustments, you’re making sure your organization is truly open to every person in your community. If you need a hand figuring out where to start, we’re here to work alongside you.