user profile image

A consistent and accessible user experience across browsers/assistive technologies, this link list features:

  • SVG sprite
  • CSS tooltips
  • aria-hidden attribute on SVGs to hide from AT
  • No SVG <title> elements as they are wildly inconsistent across browsers/AT
  • Links are described via tooltip text for screen reader users
  • Tooltips are visually displayed on :hover and :focus for keyboard-only users
  • Browser default focus styles for keyboard-only and low-vision users
  • Tested with Safari/VO, Firefox/NVDA, IE/JAWS, Chrome/TalkBack

Comments

  1. No comments yet.

Leave a Comment Markdown supported. Click @usernames to add to comment.

You must be logged in to comment.
Loading...