When navigating the installer screen for selecting a site template, the currently selected site template does not change when it receives focus. This confuses a keyboard user because the focus seems to "disappear".
On the site template selection screen, tab to the Language selector (the focusable element immediately the template element) - see first screen capture. Tab again, and noticed that the focus ring disappears from the Language element without any corresponding change to the selected template (second screen capture). Tab again, and notice that the selected template and the "Next button" both have the outlines with same color and width (third screen capture). If someone were to walk away from their computer at this point and return, it wouldn't be clear which element had focus.
Make the selected site template use visually different cues to signal which template is selected, versus which element has focus. This could mean having a different color outline for the selected template until it received focus, for example.
See above.
| Comment | File | Size | Author |
|---|---|---|---|
| #4 | Screenshot 2026-03-26 at 11.27.31 am.png | 788.14 KB | pameeela |
| Screenshot 2026-02-11 at 10.18.14 AM.png | 1.02 MB | mandclu | |
| Screenshot 2026-02-11 at 10.18.03 AM.png | 1.02 MB | mandclu | |
| Screenshot 2026-02-11 at 10.17.54 AM.png | 1.02 MB | mandclu |
Show commandsStart within a Git clone of the project using the version control instructions.
Or, if you do not have SSH keys set up on git.drupalcode.org:
changes
Comments
Comment #4
pameeela commentedThis is a little awkward because it already has a border, but I fixed the outline to apply to the correct element and set it to green to make it more obvious.
Comment #7
pameeela commentedCommitted to 2.x and cherry picked to 2.1.x.