< Back to Demos | Learn more at PaulJAdam.com >

CSS4 Alt text for Generated Content

Font Awesome fa-external-link icons are used for the opens external link in new tab indicator. Since blind folks can't see the visual icon we need a text alternative. CSS4 alt for generated content works to provide the alt text on iOS 9 and OS X 10.11.

Font Awesome New Tab Icon Google

Font Awesome New Tab Icon and New Unicode Emoji Apple

Normal Link PaulJAdam.com

Decorative Unicode Emoji null CSS alt Contact Me VoiceOver iOS says "Contact Me Monkey Face"

Decorative Unicode Emoji null CSS alt with a space between the quotes Contact Me VoiceOver iOS says "Contact Me"

Font Awesome Icon with no CSS alt PaulJAdam.com

Font Awesome Icon with CSS null alt and title as text alternative PaulJAdam.com