Anti-Pattern Suggestion: Radio Buttons and Checkboxes

There are 2 CSS anti-patterns I've run into with radio buttons and checkboxes that have custom styles. Please let me know if you'd rather have these in 2 separate issues and I can do that. If you add these, feel free to take as much or as little of my descriptions as you want. I know the display: none issue is one I see all the time:

Inputs Set to Display: None

display: none and visibility: hidden prevent screen reader users and sighted keyboard users from being able to focus and interact with the inputs. Screen reader users may not even know that the fields exist at all.

Inputs have width and/or height set to 0

This hides the fields from screen readers. [If I recall correctly, in FF/NVDA, if you focus a checkbox that has width and height 0 it will be read as "blank". Presumably it only gets read at all because it's in the focus order.]

Find the repository's existing anti-pattern or form-control guidance and review how related entries are organized. Add guidance covering custom radio buttons and checkboxes hidden with display:none, visibility:hidden, or zero dimensions, and consider whether the two cases belong together; done means both accessibility problems are clearly documented.