Hypertext links that are not underlined can cause problems for some users.
FAIL: Removing the underline from links makes it difficult for color blind users to see them.
SOLUTION: Remove the text-decoration:none property from your link styles, or introduce the link underline style on both mouse hover and keyboard focus actions.
PASS:
CSS: Here is the basic declaration to add to your CSS style sheet to activate all link underlines throughout your website:
a {text-decoration:underline;}
CSS: Here is the basic declaration to add to your CSS style sheet to underline the link when a user hovers over a link with a mouse or activates keyboard focus when “tabbing” to the link:
a:hover, a:focus {text-decoration:underline;}
===
WEBSITE ACCESSIBILITY TESTING & REMEDIATION SERVICES: Mary Gillen is an experienced Website Accessibility Compliance Auditor and Remediator. She can test your website to determine if it meets accessibility standards:
WCAG 2.1: 312 checkpoints covering A, AA and AAA W3 accessibility guidelines
Section 508: 15 US federal guidelines covered by 59 accessibility checkpoints
Find out more about Mary Gillen’s Accessibility Testing & Remediation Services: Websites, PDFs, Office Docs & Videos
===