Hidden radio button tests

This page tests radio button sets that include hidden members. It was prompted by a page that was announcing 4 radio buttons in the set, although two were hidden. What is the best method for hiding radio buttons? I would expect display:none to be the most obvious choice. These hidden radio buttons may be toggled via a second form element.

Hidden styles via Clip Your Hidden Content For Better Accessibility.

Display:none

This set of radio buttons uses display:none on two elements. The screen reader should announce only two are available.

Display:none pluse aria-hidden

This set of radio buttons uses display:none on two elements.These also use aria-hidden="true". If display:none didn't work, this should certainly hide them. The screen reader should announce only two are available.

Visually Hidden

This set of radio buttons uses a combination of styles to visually hide two elements. The screen reader should announce all four are available. Further, all four should be interactive via a screen reader.

Off screen

This set of radio buttons uses position absolute and a negative left value to hide two elements. The screen reader should announce all four are available. Further, all four should be interactive via a screen reader.