Top 10 tips for improving the accessibility of your school's website

  1. Provide alt-text and caption for images.
  2. Provide caption and transcripts for video.
  3. Allow users to quickly jump to different areas of the page, for example through anchor links.
  4. Structure the page so that tabbing sequence is linear and consistent.
  5. Use large enough font sizes (size 16 for headings and size 12 for body) and easy-to-read font styles (for example Verdana, Arial) for all wording.
  6. Make it easy for users to differentiate the background versus foreground colours (high contrast). Avoid placing text over background graphics or colours that are similar to that of the text. You can use the contrast checker tool at webaim.org/resources/contrastchecker to check your site.
  7. Make all site navigation and operation functionalities available via keyboard as an option.
  8. Make text content understandable (at a level around grade 5 is recommended for WCAG 2.0)
  9. Design web pages that appear and operate in predictable and consistent ways. Use consistent page layouts throughout your site, for example always have the menu in the same place on each page.
  10. Avoid multi-layered drop down menus or provide alternatives to them.