Skip to content

Accessible tooltips using various ARIA attributes and some CSS trickery

Notifications You must be signed in to change notification settings

robmc/ARIA-Accessible-Tooltips

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

2 Commits
 
 
 
 
 
 

Repository files navigation

ARIA-Accessible-Tooltips

Accessible tooltips using various ARIA attributes and some CSS trickery.

I initially wrote this to toggle visibility of the tooltips using JavaScript but then refactored to achieve this with CSS upon finding the following source: http://heydonworks.com/practical_aria_examples/

This method uses what is known as an Adjacent Sibling Selector in CSS: http://reference.sitepoint.com/css/adjacentsiblingselector

This example utilizes this method on form fields, a link element, and a simulated icon/button.

About

Accessible tooltips using various ARIA attributes and some CSS trickery

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages