Accessibility Tips

Accessibility Tips

From using accessibility checkers to assessing color use and contrast, this list of useful, at-a-glance tips helps you create websites and documents that adhere to accessibility standards.

  • CSS code for more than a.hover

    Category: Web

    Go through the CSS for your website and add a.focus wherever you have a.hover, this will give keyboard users the same highlighting as mouse users.

  • Add labels to form fields

    Category: Web

    Assistive technology users need to have form fields labeled appropriately so they know what information each field is asking for. 

    For websites use a label element with a for="" attribute that matches the field’s id="" attribute.  More information can be found on the W3C’s site.

  • Use OnFocus in addition to OnMouseOver

    Category: Web

    Not everyone uses a mouse, so in addition to checking for OnMouseOver also check for OnFocus (which is fired when keyboard users focus on the element.)

  • Use the built in Accessibility Checkers

    Category: Docs

    When creating documents in Microsoft Office (2007 or higher) or Adobe Acrobat (X or higher), use the built in Accessibility checker to address a number of common accessibility issues.

    In Microsoft Office, use the left most tab (File in office 2010, 2013) and under Info, choose “Check Accessibility” under “Check for Issues” next to ‘Inspect Document.’

    In Adobe, use the Action Wizards under Tools and choose the Accessibility Checker.  Full instructions for Acrobat X Pro and Acrobat XI Pro.