Make DOM Inspector more accessible

NEW
Unassigned

Status

--
enhancement
3 years ago
5 months ago

People

(Reporter: sebo, Unassigned)

Tracking

(Depends on: 1 bug)

Firefox Tracking Flags

(Not tracked)

Details

(Reporter)

Description

3 years ago
It should be possible to navigate within the DOM tree using the keyboard and access actions like renaming properties and editing values.

Suggested shortcuts:
Up = Select the item above the current one (like within the Inspector panel)
Down = Select the item below the current one (like within the Inspector panel)
Right = Expand the current item (like within the Inspector panel)
Left = Collapse the current item (like within the Inspector panel)
Tab = Toggle move the focus between the names and values of the different items
F2 = Allow to rename the current item (bug 1269680)
Enter = Allow to edit the currently focused item name or value (bug 1267226)
(Reporter)

Updated

3 years ago
No longer blocks: 1242851
Depends on: 1242851

Comment 1

3 years ago
I believe this will be dealt with in bug 1242694. However the F2 suggestion should be taken there, too. Sebastian, do you agree?
(Reporter)

Comment 2

3 years ago
(In reply to Marco Zehe (:MarcoZ) from comment #1)
> I believe this will be dealt with in bug 1242694. However the F2 suggestion
> should be taken there, too. Sebastian, do you agree?

The a11y shortcuts should be pretty much the same for the Inspector and the DOM Inspector, though they currently use two different underlying widgets at the moment, so I don't believe those will be dealt with in bug 1242694.
But let's ask Honza (who implemented the DOM Inspector) about this.

Sebastian
Flags: needinfo?(odvarko)

Comment 3

3 years ago
What does DOM inspector mean in this case, are we talking about the traditional extension which was part of SeaMonkey, but which needed to be installed as an extension into Firefox?
(Reporter)

Comment 4

3 years ago
(In reply to Marco Zehe (:MarcoZ) from comment #3)
> What does DOM inspector mean in this case, are we talking about the
> traditional extension which was part of SeaMonkey, but which needed to be
> installed as an extension into Firefox?

No, it's the new DOM panel within the DevTools implemented in bug 1201475.

Sebastian

Comment 5

3 years ago
Adding Yura since he is implementing accessibility in other panels like the "Inspect Element" feature at this very moment.
Flags: needinfo?(odvarko)

Updated

5 months ago
Product: Firefox → DevTools
You need to log in before you can comment on or make changes to this bug.