1269681 - Make DOM Inspector more accessible

Status: NEW

(DevTools :: DOM, enhancement)

Description

[Sebastian Zartner [:sebo]]

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)

Comment 1

[Marco Zehe (:MarcoZ)]

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

Comment 2

[Sebastian Zartner [:sebo]]

(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

Comment 3

[Marco Zehe (:MarcoZ)]

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?

Comment 4

[Sebastian Zartner [:sebo]]

(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

[Marco Zehe (:MarcoZ)]

Adding Yura since he is implementing accessibility in other panels like the "Inspect Element" feature at this very moment.