Zugriff auf die Optionsschaltflächen, kann nicht mit einem aktivierten deaktivierten Wert eine Funkgruppe bilden

Question

Ich habe ein Problem festgestellt, bei dem eine Optionsfeldgruppe von einem anderen Status abhängig ist, wodurch ein deaktiviertes Optionsfeld ausgewählt wurde. Dies ist kein Problem, wenn Sie beispielsweise mit der Maus einen anderen Wert in der Optionsfeldgruppe auswählen. Es scheint jedoch unmöglich zu sein, jetzt auf die Optionsfeldgruppe zu wechseln. Mir ist klar, dass ich das vielleicht nicht zulassen sollte, aber ich finde es seltsam, dass man eine Optionsfeldgruppe erstellen kann, die man nicht allein mit der Tastatur ändern kann. Hier ist ein einfaches Beispiel:

<input type="radio" disabled checked name="test" value="1"> 
 
<input type="radio" name="test" value="2"> 
 
<input type="radio" name="test" value="3"> 
 
<input type="radio" name="test" value="4">

Gibt es etwas, was ich tun kann, um dieses Verhalten zu „reparieren“, oder hat jemand eine gute Möglichkeit, diese Kante Fälle zu behandeln, oder, wie man Code, wenn anders zusammen, um dieses Problem zu vermeiden?

Answer 1

Dies ist eindeutig ein Browser-Problem, obwohl ich nicht sicher bin, was das erwartete Verhalten wäre.

Das Problem ist, dass wenn Sie eine Radiogruppe haben, die Tastatur zum ausgewählten Element geht. Wenn dieses Element deaktiviert ist, wird der Fokus die gesamte Funkgruppe überspringen, auch wenn der andere nicht deaktiviert ist.

Ein "Fix" wäre, das Problem zu vermeiden, indem man die Radiobuttons in zwei Gruppen dissoziiert und sich auf etwas JavaScript-Code verlässt, damit sie als ganze Gruppe erscheinen. Sie können auch die gesamte Optionsfeldfunktion neu implementieren, indem Sie aria role = "radio" für 4 div-Elemente verwenden.

Es ist auch möglich zu fragen und zu warten, bis der Fehler behoben ist.