What helps is … testing, testing, testing, AND.. most important: Graceful degradation.

Yeah, that topic. Like it once was with (and actually still is) with Javascript.

cu, w0lf.

ps: yes, I am one of these “old browser users”, too. Some strongly sight-“impaired” person, using Pale Moon for Accessibility, because extensions missing with the sad excuse of a browser thats Firefox nowadays.

Thanks for dropping that info!

Thanks!!

I think, the only way to make it possible without focus-within, is to make the card anchor element.

It’s a reality!

Glad to be back!

Appreciate that feedback Adrian! Would you be interested in writing for CSS-Tricks? I know, I would personally love to have ya contribute.

Also awesome to see CSS Tricks is back :)

If you are going to color the background of the entire form, then consider something that does not have such a dramatic contrast difference. For some readers too much of a change (dark to light, for example) can cause pain. If they are using a screen magnifier then their entire screen could become a glare fest. A subtler change, such as a semi-transparent color might be better.

Scaling text (even making it bold) can be a problem for screen magnifier users. It may push the field they had centered in their view out of sight, forcing them to have to shift their magnifier around for every field. In this case, a much fatter outline on the field or a row-level subtle background shift may do the job.