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

Using CSS Content Bootstrap/Font Awesome Icons & JavaScript title Attribute for New Window Links

CSS Generated Content Icons from Bootstrap or Font Awesome Frameworks for New Window Icons, JavaScript Modified title Attribute for Accessible Description Text

7-21-14 Update: Added CSS4 alt for generated content to suppress the icon font from VoiceOver as the title attribute is serving as the alt text in this demo, see new demo where the alt is used rather than the title, CSS4 Alt text for Generated Content.

Bootstrap glyphicon-new-window

Google

Apple

Yahoo

Bootstrap glyphicon-modal-window

Google

Apple

Yahoo

Font Awesome fa-external-link-square

Google

Apple

Yahoo

Font Awesome fa-external-link

Google

Apple

Yahoo