3 replies

Titles, tooltips, and accessibility

I'm working on a multilingual page and where other languages happen I add

titles

titles

where appropriate like

<span lang="zh-Hant" title="flower in Chinese">花</span>

<span lang="zh-Hant" title="flower in Chinese">花</span>

<dt title="Hangeul">Korean</dt>

<dt title="Hangeul">Korean</dt>

. I was finding that the tooltips were taking almost 2 seconds to appear so I wanted to have a more instant notification that help was on the way. I considered colouring the text or add some other visual indicator and may still do that, but I found styling the cursor when the text is hovered like so

dt:hover[title]:hover, span[title]:hover, .emoticon:hover { cursor: help; }

dt:hover[title]:hover, span[title]:hover, .emoticon:hover { cursor: help; }

works great for people using mice. What I have no idea, is how accessibility tools work with

span

span

s and if I should be adding

:focus

:focus

:focus-within

:focus-within

styles or ???. For that matter, I suppose that touch device users are also being left out. 8-( Is action needed for accessibility?

KP-C

Kevin Powell - Community•3y ago•

3 replies

arghc

Titles, tooltips, and accessibility

I'm working on a multilingual page and where other languages happen I add

titles

titles

where appropriate like

<span lang="zh-Hant" title="flower in Chinese">花</span>

<span lang="zh-Hant" title="flower in Chinese">花</span>

<dt title="Hangeul">Korean</dt>

<dt title="Hangeul">Korean</dt>

dt:hover[title]:hover, span[title]:hover, .emoticon:hover { cursor: help; }

dt:hover[title]:hover, span[title]:hover, .emoticon:hover { cursor: help; }

works great for people using mice. What I have no idea, is how accessibility tools work with

span

span

s and if I should be adding

:focus

:focus

:focus-within

:focus-within

styles or ???. For that matter, I suppose that touch device users are also being left out. 8-( Is action needed for accessibility?

Titles, tooltips, and accessibility

Similar Threads

Titles, tooltips, and accessibility

Similar Threads

Similar Threads

Similar Threads