Issues with Tooltip docs

[glen-84]

From the example provided:

<span
    data-tooltip
    aria-haspopup="true"
    class="has-tip"
    data-disable-hover="false"
    tabindex="1"
    title="Fancy word for a beetle.">

aria-haspopup="true"

According to this doc, this attribute is not applicable to tooltips:

A tooltip is not considered to be a popup in this context.

class="has-tip"

This class is added automatically, so it seems unnecessary unless you want to ensure that the CSS is applied even if the JS fails to execute (but then the tooltip, at least the Foundation one, would not show anyway).

data-disable-hover="false"

This is the default value, so it's unnecessary to include it.

tabindex="1"

It would be good to document this. I don't really understand its purpose.

[ncoden]

Hi @glen-84. Thanks for the issue. I opened 2 PRs: #11056 and #11057.

[glen-84]

Does anyone know why the tabindex is added?

[DanielRuf]

tabindex is for a11y and tabbing support.

[glen-84]

I know – I'm asking specifically about what it does in this case. 🙂

[DanielRuf]

It makes it accessible for screenreaders and people with assistive solutions.

[glen-84]

I've found the answer. Without the tabindex, the element is not "focusable". With the attribute, the element can receive focus, and the tooltip is displayed.

[DanielRuf]

Right, that's what I've meant with "assistive solutions" like the OSD (onscreen keyboard) and other things like keyboard users (specific person groups).

[ncoden]

I guess this can be closed.