Ire Aderinokun • 12/20/2018

Making the abbr element work for touchscreen, keyboard, and mouse

This article addresses the accessibility shortcomings of the HTML <abbr> element, which fails to show tooltips for keyboard and touchscreen users. It provides a detailed, technical solution using the `tabindex` attribute and custom CSS with `:hover`, `:focus`, and the `attr()` function to create a universally accessible tooltip for acronyms and abbreviations.

0 comments

#Web Development #Frontend #html