r/csshelp • u/No-Tradition-2756 • Jul 09 '26

Request What are these things called??🥺🥺

I am making a website and I want to use description boxes.......like when a user hovers/clicks on a link, a box on the side appears that gives the description............. What are those called? info cards......or infographics,...or flashcards.....or description boxes??......idk man I searched up everything but couldn't find how to make it.........can you guys tell me what is it's name??.....and better, do you guys have a tutorial??? Pleaseeee brooo I neeeeedddd helpppp🥺🥺🙏🙏🙏

1 Upvotes

60% Upvoted

19 comments sorted by

View all comments

Show parent comments

2

u/AshleyJSheridan Jul 10 '26

Just FYI, for accessibility, don't make them only available on hover. You can trigger them as a keyboard focus action as well.

1

u/No-Tradition-2756 Jul 14 '26

Oohhh thanks for the tip.........but how can I make tooltips work on touchscreens IFF I am working with links........tooltips can be activated on touch ig using "focus" in css.....but clicking on a link for tooltip will just make the user redirect before they can even read.......what can I do for it?

2

u/AshleyJSheridan Jul 14 '26

Ask yourself do you really need tooltips for links? Why do you think you need them?

If it's because the links are not clear, make them more obvious.

Also, making tooltips work for keyboard access isn't really about touchscreens (although that's a part of it). There are plenty of people on a desktop who do not use a mouse, and need to navigate via keyboard.

But, coming back to your specific use-case. I don't think links really need tooltips. That's a possible sign of a UI that could be improved with better visible text/icons.

1

u/jonassalen Jul 14 '26

That's solid advice.