Add offscreen-description? about icons HOT 5 CLOSED

+1 to solving this for sighted users as well -- I'm guessing they also have a hard time knowing what an orange dot means.

I think design has some larger ideas around tooltips beyond just the title attribute. Specifically it'd be great to show the tooltip on-focus (for focusable things) to help out keyboard-only users. Also, the implementation of tooltips will likely fall outside of <d2l-icon>, especially if we want to use tooltips from other components like buttons and menus.

from icons.

I think the attribute could just be called title. The fact that it's offscreen is sort of an internal implementation detail. If all browsers properly supported, it would actually be possible to apply a <title> element as first child of an svg, which although also an internal detail, would not be offscreen at all. In addition, it would display a tooltip, which can be helpful for sighted users.

from icons.

I think Nick D. has done some design for the tooltips. We might be able to make some headway on that. :)

from icons.

Sure I'll close this in favor of the tool tip work that will be superior to any offscreen solution. I just tested using title right now and it worked well enough for me (in NVDA at least) so I prefer the simpler solution (that might also help some sighted users). Thanks!

from icons.

Cool. aria-label="whatever you want" may work well too, although no tooltip.

from icons.