Closed Bug 1424162 Opened 2 years ago Closed 2 years ago

[a11y] Console clear, filter, etc. controls should be placed before output


(DevTools :: Console, defect, P3)



(firefox59 fixed)

Firefox 59
Tracking Status
firefox59 --- fixed


(Reporter: Jamie, Assigned: Jamie, Mentored)


(Blocks 1 open bug)


(Keywords: access, good-first-bug)


(1 file)

STR (with the NVDA screen reader):
1. Start NVDA and Firefox.
2. Press control+shift+k to open the Web Console.
3. Type foobar and press enter.
4. Shift+tab to the output area.
5. Press control+end to move to the bottom.
Expected: NVDA should report the last line of the output; e.g. "debugger eval code:1:1".
Actual: NVDA reports stuff from the console controls; e.g. "Persist logs".

As far as I can tell, the console controls (clear output, filter, etc.) are visually above the console output. However, for some reason, they're rendered later in the DOM. This is tedious for screen reader users because you can't just jump to the bottom of the input easily without having to cursor up through the toolbar. Either:
1. The controls should be moved above the output in the DOM; or
2. aria-owns should be used to reposition them for accessibility. For example, if the parent contained a node with id "console-output" and another with id "console-toolbar" in that order, the parent should have aria-owns="console-toolbar console-output" to reverse the order.
Marking this as good first bug since it should be only about swapping those 2 lines :
Mentor: nchevobbe
Keywords: good-first-bug
Priority: -- → P3
I tested the patch and verified that the order is correct with the NVDA screen reader as outlined in comment 0. I verified to the best of my ability (using NVDA's mouse audio coordinates feature) that the positioning of the output and filter bar is unchanged visually. However, I'm totally blind, so I might have missed something.
Comment on attachment 8937168 [details]
Bug 1424162: Put the filter bar before the console output in the web console.

This is looking good visually, thanks Jamie.
Let's push this to TRY and land when everything is green.
Attachment #8937168 - Flags: review?(nchevobbe) → review+
Pushed by
Put the filter bar before the console output in the web console. r=nchevobbe
Closed: 2 years ago
Resolution: --- → FIXED
Target Milestone: --- → Firefox 59
Product: Firefox → DevTools
Assignee: nobody → jteh
You need to log in before you can comment on or make changes to this bug.