Доступность встроенных подсказок ⇐ CSS

[Гость]

Как правильно сделать встроенные всплывающие подсказки доступными?
У меня есть две версии ниже.
Версия 1: используйте атрибут title. При наведении я буду использовать JS, чтобы скрыть атрибут заголовка и добавить текст в свою пользовательскую подсказку. Я добавлю атрибут title при выключенном наведении.

Код: Выделить всё

For here am I sitting in a tin can far above the world planet earth...

Версия 2: используйте aria=label и role="tootlip"

Код: Выделить всё

For here am I sitting in a tin can far above the world planet earth...

Примечание: этот вопрос предназначен только для встроенных всплывающих подсказок. Это означает, что текст всплывающей подсказки находится в атрибуте элемента, который запускает всплывающую подсказку. Всплывающая подсказка неотделима от элемента, вызывающего ее.

Подробнее здесь: https://stackoverflow.com/questions/725 ... e-tooltips