You are viewing an old version of this page. View the current version.

Compare with Current View Page History

« Previous Version 17 Next »

The following meet WCAG 2.0 AA standards for both legal conformance and accessibility best practices.

Page titles

Required

  • The page <title> MUST be present and MUST contain text.

  • The page <title> MUST be updated when the web address changes.

  • The page <title> MUST be accurate and informative.

Non-required / best practice

  • If a page is the result of a user action or scripted change of context, the text of the <title> SHOULD describe the result or change of context to the user.

  • The <title> SHOULD be concise.

  • The page <title> SHOULD be unique, if possible.

  • Unique information SHOULD come first in the <title>.

  • The page <title> SHOULD match (or be very similar to) the top heading in the main content.

Language

Required

  • The primary language of the page MUST be identified accurately on the <html> element.
  • The primary language of the page MUST be identified with a valid value on the <html> element.
  • Inline language changes MUST be identified with a valid lang attribute.
  • The language code MUST be valid.

Headings

Required

  • Headings MUST be accurate and informative.

Non-required / best practice

  • Text that acts as a heading visually or structurally SHOULD be designated as a true heading in the markup.

  • Text that does not act as a heading visually or structurally SHOULD NOT be marked as a heading.

  • Heading text SHOULD be concise and relatively brief.

  • Headings SHOULD convey a clear and accurate structural outline of the sections of content of a web page.

  • Headings SHOULD NOT skip hierarchical levels.

  • The beginning of the main content SHOULD start with <h1>.

  • Most web pages SHOULD have only one <h1>.

Required

  • Links MUST be visually distinguishable from surrounding text.
    Color alone must not be used to distinguish links from surrounding text unless the color contrast between the link and the surrounding text is at least 3:1 and an additional differentiation is provided when the link is hovered or receives focus.
  • Links MUST be semantically designated as such.
  • A link MUST have programmatically-discernible text, as determined by the accessible name calculation algorithm.
  • Features such as labels, names, and text alternatives for content that have the same functionality across multiple web pages MUST be consistently identified.
  • All focusable elements MUST have a visual focus indicator when in focus.

Non-required / best practice

  • Links and buttons SHOULD be designated semantically according to their functions.
  • The purpose of each link SHOULD be able to be determined from the link text alone.
  • The link text SHOULD NOT repeat the role ("link").
  • A link that opens in a new window or tab SHOULD indicate that it opens in a new window or tab.
  • A link to a file or destination in an alternative or non-web format SHOULD indicate the file or destination type.
  • Focusable elements SHOULD have enhanced visual focus indicator styles.

Lists

Required

Lists MUST be constructed using the appropriate semantic markup.

Tables

Required

Non-required / best practice

iFrames

Required

Non-required / best practice

  • No labels