Closed Bug 812611 Opened 8 years ago Closed 7 years ago

Broken keyboard accessibility in the Web Console


(DevTools :: Console, defect, P3)



(Not tracked)



(Reporter: msucan, Unassigned)



(Keywords: access)

Tried to use the Web Console with the keyboard only. Found the following:

1. If I focus the output, by clicking one of the messages, I would expect to press Tab once to jump into the JavaScript input field. What actually happens: Tab goes through each of the message location links, starting from the top. This makes jumping to the JS input hard by Tab.

2. Try to use the filter drop downs: no Alt+key combinations and you cannot Tab to those buttons.

3. Try to use the Position drop down or the Clear button. Same problem as above.

4. Tabbing through the output is inconsistent: Tab-based navigation doesn't focus inspectable objects or network requests, so you cannot activate any of these.

I would propose:

1. Make buttons focusable, so users can tab to them.
2. Make objects and network requests in the output focusable.
3. Find a way to avoid having to tab through each focusable output item, when you just want to jump to the JS input. I think we could do a special case here: if no output item has focus, but the output itself is focused, pressing tab jumps to the input. If you are otherwise focusing an element in the output - like an object - tab jumps to the next focusable thing inside the output.

If anyone has thoughts, please comment. Thanks!
Almost a duplicate...
Blocks: console-a11y
Priority: -- → P3
The proposed points 1 and 2 from comment #0 are now implemented. Point 3 is related to making the console behave more like a terminal rather than having it require users to focus the input field.

Marking this bug as a duplicate of bug 588010 which seems to closer match my initial intents.
Closed: 7 years ago
Resolution: --- → DUPLICATE
Duplicate of bug: 588010
Product: Firefox → DevTools
You need to log in before you can comment on or make changes to this bug.