[wp-trac] [WordPress Trac] #31356: Compound settings confusing with screen readers (radio buttons)

[WordPress Trac]

#31356: Compound settings confusing with screen readers (radio buttons)
----------------------------+------------------------------
 Reporter:  Cheffheid       |       Owner:
     Type:  enhancement     |      Status:  new
 Priority:  normal          |   Milestone:  Awaiting Review
Component:  Administration  |     Version:  4.1
 Severity:  normal          |  Resolution:
 Keywords:                  |     Focuses:  accessibility
----------------------------+------------------------------

Comment (by afercia):

 Just noticed there's also a sort of "keyboard trap" here. When using only
 the keyboard, say users want to change the permalink structure from "Month
 and name" to "Numeric": they will use the arrow keys to check the
 "Numeric" radio button.

 [[Image(https://cldup.com/_hYVWMazvr.png)]]

 Then, to move away from the radio buttons, keyboard users will have to
 press the Tab key and thus the Custom format field will receive focus
 because it's the next focusable element in the tab order. At this point, a
 bit of JavaScript will make the "Custom Structure" radio button checked.
 There's no way to escape this trap other than tabbing backwards.

 This could be fixed with some JavaScript, by the way I'd recommend to use
 a simpler, more semantic markup in the first place (and some PHP
 adjustment to handle the POST). As I see it, the first 5 ones are "preset"
 options and it makes perfectly sense to group them together. "Custom
 Structure" should be a separate option and maybe use just the text field.
 Something like "Choose one of the preset URL structures or build your
 custom one".

--
Ticket URL: <https://core.trac.wordpress.org/ticket/31356#comment:3>
WordPress Trac <https://core.trac.wordpress.org/>
WordPress publishing platform