XF 2.2 data-xf-init="tooltip"

[Nicolas FR]

Hello, If in an HTML link I use data-xf-init="tooltip" the title tag turns into a data-original-title tag when the code is browsed by robots causing an accessibility warning. What is it due to? Am I using data-xf-init="tooltip" wrong?
Thanks.

My code

<div class="fp-Social">
    <a href="{$xf.options.footerProSocial_link1}" data-xf-init="tooltip" title="{$xf.options.footerProSocial_icon1}" target="_blank"><i class="fab fa-{$xf.options.footerProSocial_icon1} fp-iconSocial"></i></a>
</div>

Code seen in browser inspector

<div class="fp-Social">
    <a href="https://www.linkedin.com/company/name/" data-xf-init="tooltip" target="_blank" data-original-title="linkedin" id="js-XFUniqueId241"><i class="fab fa-linkedin fp-iconSocial"></i></a>
</div>

 

[Nicolas FR]

Adding the aria-label tag solve the problem.
Thanks to @eL_

 

[eL_]

Adding the aria-label tag solve the problem.
Thanks to @eL_

You welcome, pal but it's not me to thank for solving the problem.
I'm glad that you figure it out.


Prove that ChatGPT knows about Xenforo!