Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

  • Links and buttons should semantically reflect their functions.
  • Link text should clearly state its purpose.
  • Link text shouldn't use the word "Link." Example: Say "More information on gummy bears." not "Link to more information on gummy bears."
  • Indicate that a link will open in a new window. Example: add a new-window icon next to links that open in a new window
  • Links to files or non-web destinations should tell users what kind of files they are. Example: add "PDF" next to links to PDFs
  • Enhance focus indicator on focusable elements. Example: instead of the default browser focus, add a colorful, thicker border with a change in background when elements receive focus

Lists

Required

Lists MUST be constructed using the appropriate Must use HTML semantic markup. Example: <ul><li>Grain-fed bats</li></ul>

Tables

Required

  • Table headers MUST be designated with <th>.
  • Data table header text MUST accurately describe the category of the corresponding data cells.
  • Table data cells MUST be associated with their corresponding header cells.
  • Table data group headers MUST be associated with their corresponding data cell groups.
  • Header/data associations that cannot be designated with <th> and scope MUST be designated with headers plus id
  • Data table headers and data associations MUST NOT be referenced across nested, merged, or separate tables.
  • Layout tables MUST NOT contain data table markup.

...