Versions Compared

Old Version 22

changes.mady.by.user Chris Lastovicka

Saved on

compared with

New Version 23

changes.mady.by.user Chris Lastovicka

Saved on

Key

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

...

  • Navigation patterns that are repeated on web pages MUST be presented in the same relative order each time they appear and MUST NOT change order when navigating through the site.
  • A skip Skip link MUST must be either visible on keyboard focus (or at all times or visible on keyboard focus).
  • The reading Reading order MUST must be logical and intuitive.The
  • navigation Navigation order of focusable elements MUST must be logical and intuitive.

Non-required / best practice

  • A navigation list SHOULD be designated with the <nav> element Navigation lists should be marked with <nav> or role="navigation".A
  • navigation list SHOULD include Include a visible method way of informing letting users know which page within the navigation list is the currently active/visible page.
  • A navigation list SHOULD include a method of informing blind users which page within the navigation list is the currently active/visible page.
  • A keyboard-functional "skip" link SHOULD be provided to allow keyboard users to navigate directly to the main content.
  • they're on. Same for screen readers. Same for paginated views.
  • The skip link should The "skip link" SHOULD be the first focusable element on the a page.
  • If a Page table of contents for the page is included, it SHOULD should reflect the heading structure of the page.
  • Positive tabindex of positive values SHOULD NOT should not be used.
  • A paginated view SHOULD include a visible method of informing users which view is the currently active/visible view.
  • A paginated view SHOULD include a method of informing blind users which view is the currently active/visible view. 

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.

...