Some icons lack mouseovers

Examining the mouseovers here,
20230421T082225
we find each icon happily has a mouseover, like Quote whole post you see here.

Almost each item.

For instance this curious arrow lacks a mouseover.
20230421T082345

Nor does the cog wheel.

Nor does the site logo.

Sure, you might say anybody with a Internet driver’s licence should know what the cog wheel stands for. And yes I do. But, believe it or not, some people aren’t as smart as me. So a mouseover wouldn’t hurt.

And no, I admit I don’t know for sure what the arrow will do. You never know these days. So do add a mouseover.

3 Likes

you are not wrong IMO. the arrow should have a mouseover that says something like “reply options” and the cog should be “more posting options” or something. although both of these buttons pop up more options when clicked, they should still have mouseover descriptions.

3 Likes

Mouseovers can also be used to help the blind, since images with mouseovers will be read to the user, meaning more can be understood about the topic.

3 Likes

In fact e.g., html-tidy always reminds users when if finds images without ALT attributes.

So as a standard step before each Discourse release, a mouseover checker should be automatically run.

Even one item that lacks a mouseover should bar the release.

1 Like

Here we see two icons.
20231001T045839
On the left, the arrow has a mousover explanation.
But on the right the mysterious bell with the “!” in it doesn’t.

The HTML is
<svg class="fa d-icon d-icon-d-watching svg-icon svg-string" xmlns="http://www.w3.org/2000/svg"><use href="#discourse-bell-exclamation"></use></svg>
I recommend there be a regular automatic check to see that all icons have mouseover explanations.

Seen on https://community.bitwarden.com/ and many sites including meta.

Yes, bell has something to do with notification. And “!” probably means urgent or something. Or from the SVG name we see it has something to do with watching.

Wait!
I clicked it because I wanted to unwatch the thread and maybe this is what to click, I thought.

Now I see
20231001T050455
which makes it super clear.

However, you still 100% need a mouseover.

The mousover can say “Watching - click for details”.

No, no mouseover doesn’t mean “click me to see what happens.”

It means “the developers forgot the mouseover.”

Yes, even if clicking it gives the user the grand prize.

But s/he doesn’t know that before they click it.

2 Likes

That is probably wise, although not everyone has mice.

Could be someone thinks it’s an emergency alarm bell and will never click unless there is a mouse-over explanation.

The mouse over works for the alert setting link at the end of a thread, and the explanation for what setting this is at is also posted so it can be read without a mouse.

Yes, someone might think it is to “immediately report abuse” and not want to click to find out more.

And indeed, at the bottom of a thread there is the icon again with full explanation.

So perhaps the designers assume people’s eyes will first visit the bottom, then remember what the symbol means as their eyes drift back up or something.

For further reference this is also called a Tool Tip or a Link Title

1 Like

Most likely you were correct to say it may have just been an oversight to write in the mouseover info display. Seems like that would probably be easy to correct if it can just be written in to new version.

The scroll bar on the side seems to only be there for desktop/tablet view.

A bell icon usually does mean alert setting, not like a flag or exclamation mark to report something to a boss.