Accessibility: Problems navigating radio buttons in a dialog using the keyboard

[Teresa Monahan]

When radio buttons are included in a dialog, keyboard navigation does not work correctly.

The following issues occur:

1. When radio buttons are the first focusable element on the dialog, it is not possible to tab to them.

2. If there is a focusable element before the radio buttons, it is necessary to tab twice to enter the radio button group.

3. Once inside a radio button group, it is not possible to exit the radio button group by pressing tab.

To reproduce, add the following UI element to a dialog and try to navigate through it using only the keyboard:

{
	type : 'fieldset',
	label : 'Radio Buttons',
	children :
	[
		{
			type : 'radio',
			id : 'type',
			required : true,
			'default' : 'one',
			items :
			[
				[ 'Radio1', 'one' ],
				[ 'Radio2', 'two' ]
			]
		}
	]
}

[Piotrek Koszuliński]

DUP of #8401.

[Satya Minnekanti]

Replying to Reinmar:

DUP of #8401.

hi Reinmar please re-open this defect, you marked the defect as a duplicate of itself which does not make any sense.

[Piotrek Koszuliński]

Oops, that's true. Now I'm wondering if there was a DUP somewhere and I just pasted the wrong ticket number...

[Marek Lewandowski]

Replying to Reinmar:

DUP of #8401.

I believe @Reinmar simply meant to put #8194 as a source of DUP. And in fact it does look like one.

Not reproducible anymore since CKE 4.3.0.

[Marek Lewandowski]

DUP of #8194.