search

mdn / yari

The platform code behind MDN Web Docs
Mozilla Public License 2.0
1.19k stars 509 forks source link

Accessible tooltips #2705

Open Ryuno-Ki opened 3 years ago

Ryuno-Ki commented 3 years ago

This is a follow up from https://github.com/mdn/content/issues/987#issuecomment-768313842

So far, I've noticed the usage of title attribute in some places on MDN web docs. Those are not accessible for non-hover devices or screenreaders.

However, its usage hint that there is some value in it. Thus, I'd like us to explore the use cases and constraints of those tooltips.

An accessible and inclusive markup is suggested in https://inclusive-components.design/tooltips-toggletips/ which could be use as a starting point.

I'm not sure, whether an implementation would end up in Yari, Content or Minimalist. (Likely a combination of all of them - design in minimalist, hints in Content which then would be transformed by Yari).

schalkneethling commented 3 years ago

Thank you for opening this issue @Ryuno-Ki. This is something I have been thinking about and I do have some ideas. I will follow up with some ideas.

Ryuno-Ki commented 3 years ago

Looking forward to it :)

ghost commented 3 years ago

Challenge ⚔️: CSS only.