WEB CONTENT TIP: How to Emphasize Content for the Visually-Impaired

Hispanic blind man with disability. Visually impaired man using Digital Assistant and Ease of Access functions on mobile phone, voice typing to smartphone

To highlight a message directed only to screen reader users who are visually-impaired, you can hide the message from visual users by using CSS to place the message off the left side of the screen:

EXAMPLES

<span style=”position:absolute; left:-1000px;”>Attention! Message Text Here.</span>

<span style=”position:absolute; left:-1000px;”>Please Note! Message Text Here.</span>

===

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

===

Leave a Reply