Можно ли убрать тултип тайтла в img, a?

Question

[jeruthadam]

Есть ли возможность убрать дефолтный тултип?

https://codepen.io/anon/pen/vPjbMP

Для самых сообразительных: тайтл надо оставить, ясное дело.

Answer 1

[Rustam Bainazarov]

CSS-подход:
pointer-events: none;
Только с картинкой будет нельзя вообще взаимодействовать мышкой.

Comments

[jeruthadam]

Не очень вариант) Других нету? Кроме динамической замены тайтла в JS?

[Rustam Bainazarov]

jeruthadam, других нет.

[ProjectSoft]

jeruthadam, возникновение тайтла - это уже js, который описывает HTMLElement. События на него нет. Только удаление аттрибута.

[jeruthadam]

ProjectSoft, ну я и говорю, похоже единственный норм вариант - убирать тайтл на mouseenter. надеялся есть CSS костыль.

[ProjectSoft]

jeruthadam, да просто пробежаться по массиву и удалить

var a = document.querySelectorAll('a, img');
a.forEach(function(el){
	el.removeAttribute("title")
});

Answer 2

[Владимир Проскурин]

1) Можно сверху на картинку наложить блок. https://codepen.io/anon/pen/pYVYZa (можно появлять этот блок только при наведении на картинку).
2) Можно удалять атрибут title после загрузки страницы, или при наведении мыши (возвращать после убирания курсора мыши). Таким образом не будет проблем с SEO, но будут проблемы с всякими голосовыми помощниками для людей с ограниченными возможностями.

Comments

[jeruthadam]

Замечательный костыль, утащил!

[wisgest]

Разве для SEO и голосовых помощников нужен title, а не alt?!!!