skip to main content

Best Practices Guidelines

Summary of html Best Practices

Navigation Features

  • Unique title on each web page using title and h1 element
  • Headers (h2-h6) used to indicate major sections of the web resources
  • All form controls have associated text label elements
  • Data tables use caption, th, id attributes, header attributes to indicate headers for data cells
  • Link text indicates the target of link
  • Landmark Roles
    • banner: W&L logo and link to accessibility home page
    • main: Main content
    • search: Search
    • navigation: Navigation bar
    • contentinfo: Footer
  • The navigation landmark role is used to indicate navigation bars

Images and Graphics

  • Decorative images are included as background images
  • Informative images have alt text

Styling

  • Use CSS for styling text
  • Use CSS for layout and positioning content
  • Use sufficient color contrast for low-vision users to be able to read the page content

Automation

  • No new windows are opened without notification of user through link text
  • All functionality is available through the keyboard