YOURLS icon indicating copy to clipboard operation
YOURLS copied to clipboard

Fix hover to display links in tables for users with screen readers.

Open lilmike opened this issue 5 months ago • 6 comments

The details, delete, etc links in tables were hidden with display: none until hovered, which hid them from screen readers. Screen readers do not hover the columns with the links, however, so we need to hide them in a way that keeps them available for screen readers.

Please do tell me if any of the css is wrong, or if the web interface looks wrong visually -- I am also blind, so I don't know much about css and cannot tell if things look wrong.

lilmike avatar Dec 07 '25 02:12 lilmike

EDIT : oops nope, after I refreshed cache :-P

It doesn't work : the icons are now either hidden or piled, but it's unusable as of now

ozh avatar Dec 07 '25 18:12 ozh

@ozh Does this happen when hovering or when not hovering the icons? Knowing this will allow me to hopefully figure out which css statement needs changing, though I suspect its the one for when icons are hovered.

-Michael.

-- Sorry about the test, it's just a me thing. Michael Taboada, Creator of Games. Does that make me a god, well, sorta. My pgp key: 79BC390E8864CD71305D4DD606CD2197A6EE5ED7 My website: https://michaels.world 2MB website: https://2mb.games Don't believe everything you read on the internet. I might not be real, you might not be real, and this email certainly isn't real. Sent from my musically gifted... stationary bicycle

lilmike avatar Dec 07 '25 19:12 lilmike

They appear all stacked up since only 1 weird icon shows. Hovering doesn't not change anything

ozh avatar Dec 07 '25 19:12 ozh

@ozh Try the update I just made... I think not including !important on the hover section was breaking things. I also added a push left of -9999px, which should make sure they are out of the visible area.

-Michael.

-- Sorry about the test, it's just a me thing. Michael Taboada, Creator of Games. Does that make me a god, well, sorta. My pgp key: 79BC390E8864CD71305D4DD606CD2197A6EE5ED7 My website: https://michaels.world 2MB website: https://2mb.games Don't believe everything you read on the internet. I might not be real, you might not be real, and this email certainly isn't real. Sent from my supernatural... stationary bicycle

lilmike avatar Dec 07 '25 19:12 lilmike

Still doesn't work. Icons are invisible and shown on hover as intended, but the showing makes the table resize on the fly.

I'll come up with a solution.

ozh avatar Dec 10 '25 18:12 ozh

@lilmike can you test this

ozh avatar Dec 10 '25 18:12 ozh

@ozh It does work just fine for my screen reader. Consider it good.

-Michael.

lilmike avatar Dec 11 '25 14:12 lilmike