How accessible is this approach to screen reader users and people who rely on keyboard interaction alone? Edit: A quick test reveals these tooltips are not accessible at all.
Show HN: Hint.css v2.0 – Pure CSS tooltip library
21–30 of 64 posts
Re: Show HN: Hint.css v2.0 – Pure CSS tooltip library
#22On one of the very first tooltips at the very top of the landing page (the download button), my Chrome v48.0.2564.97 browser renders a very thin gap between the triangle of the tooltip and the content rectangle. Not a great first impression...Is anyone else seeing this? I suspect it has something to do with pixel percentages.
Still worth fixing if possible, since many users browse at non-100% zoom.
Re: Show HN: Hint.css v2.0 – Pure CSS tooltip library
#23How accessible is this approach to screen reader users and people who rely on keyboard interaction alone? Edit: A quick test reveals these tooltips are not accessible at all.
Isn't there a tag for links similar to the description tag for images? If so, you could just enter the tooltip there as well.
Re: Show HN: Hint.css v2.0 – Pure CSS tooltip library
#24On one of the very first tooltips at the very top of the landing page (the download button), my Chrome v48.0.2564.97 browser renders a very thin gap between the triangle of the tooltip and the content rectangle. Not a great first impression...Is anyone else seeing this? I suspect it has something to do with pixel percentages.
Ditto. I was also zoomed at 150%, zooming in to 100% makes it go away. Still worth fixing if possible, since many users browse at non-100% zoom.
This sounds dubious. Do you have a source for this?
Re: Show HN: Hint.css v2.0 – Pure CSS tooltip library
#25Earlier quoted context omitted.
Isn't there a tag for links similar to the description tag for images? If so, you could just enter the tooltip there as well.
No. Well, you could use aria-describedby but that has to refer to a separate element. There’s no generic aria-description.
Re: Show HN: Hint.css v2.0 – Pure CSS tooltip library
#26> Small file size. Only 1.5KB minified and gzipped! Well I guess everything is relative...
Re: Show HN: Hint.css v2.0 – Pure CSS tooltip library
#27Earlier quoted context omitted.
No. Well, you could use aria-describedby but that has to refer to a separate element. There’s no generic aria-description.
You could use aria-label potentially, but it has fairly scrict semantic connotations as a label for an input, I believe.
Re: Show HN: Hint.css v2.0 – Pure CSS tooltip library
#28On one of the very first tooltips at the very top of the landing page (the download button), my Chrome v48.0.2564.97 browser renders a very thin gap between the triangle of the tooltip and the content rectangle. Not a great first impression...Is anyone else seeing this? I suspect it has something to do with pixel percentages.
Chrome 48, Win 7
Re: Show HN: Hint.css v2.0 – Pure CSS tooltip library
#29Earlier quoted context omitted.
Ditto. I was also zoomed at 150%, zooming in to 100% makes it go away. Still worth fixing if possible, since many users browse at non-100% zoom.
> "many users browse at non-100% zoom" This sounds dubious. Do you have a source for this?
Given there are tens of millions of people on the Internet, even if a small amount like 0,01% did it, it would already be "many people".
I would however appreciate some analytics data on it to have a better idea.