30 Web Accessibility Tips: Creating Accessible Web-Based Resources

Each of these tips is described in more detail at uw Each of these tips is described in more detail at uw.edu/accesscomputing/tips

Add. proper alt text to images Use headings Add proper alt text to images Use headings properly Create accessible PDFs

Know when to use PDF Use ARIA landmarks Add labels to form fields

Group related form fields together and Group related form fields together and assign a single prompt that they all share Markup tables appropriately Identify language of text

Use a color contrast checker Avoid using tiny fonts Respect white space (between lines, between paragraphs)

Provide visible indication of. focus, especially for Provide visible indication of focus, especially for keyboard users Use text, not pictures of text Think twice about the words you choose

Caption video Describe video Provide a transcript

Choose media players that support accessibility Choose a dropdown menu system that works for all users Choose JavaScript widgets that support accessibility

Test. Javascript widgets. - don’t assume they. work for Test Javascript widgets - don’t assume they work for everyone Choose Learning Management Systems (LMS) and Content Management Systems (CMS) that support accessibility

Test. web. pages with a keyboard. Test Test web pages with a keyboard. Test pages with high contrast color schemes Test pages with assistive technologies

Test. pages on. mobile devices Ask vendors specific questions about Test pages on mobile devices Ask vendors specific questions about the accessibility of their products. Demand accessibility!

Get involved!