Use natively focusable elements

Created on 7 April 2022, over 2 years ago
Updated 6 September 2023, about 1 year ago

Problem/Motivation

As suggested in the Accessibility | Tippy.js documentation:

Tooltips should only be applied to natively focusable elements like <button> or <input>. If you are using a <div> or <span> element, ensure you add tabindex="0" so that it can receive focus.

Steps to reproduce

At the moment, text or images with tooltips do not received tab focus and the tooltip is therefore not displayed.

Proposed resolution

Add the tabindex=0 attribute.

Remaining tasks

Provide patch

User interface changes

None

API changes

None

Data model changes

None

📌 Task
Status

RTBC

Version

1.0

Component

Code

Created by

🇨🇭Switzerland stefanos.petrakis@gmail.com Biel, Switzerland

Live updates comments and jobs are added and updated live.
Sign in to follow issues

Comments & Activities

Not all content is available!

It's likely this issue predates Contrib.social: some issue and comment data are missing.

Production build 0.71.5 2024