115
you are viewing a single comment's thread
view the rest of the comments
[-] Skullgrid@lemmy.world 5 points 9 months ago

it's starting to make sense, what exactly does the meme want me to do about focus states so it can be read properly by screen reader software/used by keyboard navigation?

[-] Strawberry@lemmy.blahaj.zone 17 points 9 months ago* (last edited 9 months ago)

CSS has a pseudo-class, :focus-visible, that matches when an element is focused using keyboard navigation. It also has :focus-within, which matches when the current focused element is the selected element or one of its descendents. However, this applies not only for keyboard navigation but also mouse and tap focus. A pseudo-class that combines the two, :focus-visible-within, would be useful, but does not currently exist. Here's an article about it: https://larsmagnus.co/blog/focus-visible-within-the-missing-pseudo-class

The code in the meme implements the logic of :focus-visible-within using the new :has() functional pseudo-class, and has a snippet of fallback behavior for slightly older browsers

[-] Skullgrid@lemmy.world 2 points 9 months ago

thanks for the explaination!

this post was submitted on 23 Mar 2024
115 points (94.6% liked)

Programmer Humor

19957 readers
1034 users here now

Welcome to Programmer Humor!

This is a place where you can post jokes, memes, humor, etc. related to programming!

For sharing awful code theres also Programming Horror.

Rules

founded 2 years ago
MODERATORS