Browse Web Fonts dialog has several keyboard accessibility issues.

RaymondLim commented 12 years ago

Issue 1

Bring up the Web Fonts dialog and set focus in the Search field. Press Shift-Tab.

Result: You can't see where the focus goes. You can scroll down the font list and still cannot locate the selected font.

Issue 2

Set focus back in Search field and hit Tab key. Focus goes to the first button in font category. Try to press down arrow key.

Result: Nothing happens. If you hit tab key, then focus moves to the next font category button. The correct design should have all font category buttons acting like a list. ie. respond to down/up arrow keys to switch font category. Home/End keys may be a plus, but not a must. Tab key should set focus to the first font on the right.

Issue 3

~~Search field does not have the initial focus and there is no way to set focus in there without a mouse.~~

Issue 4

Cannot navigate font with keyboard even if you have click on one of them.

joelrbrandt commented 12 years ago

I agree that these are definitely all issues. However, we don't currently have focus management in modals. This is on the backlog in trello: https://trello.com/c/ldcN6BbD

It will be hard to fix these just in the extension. We really need the above story to be complete before we can do this right.

iwehrman commented 11 years ago

Re-assigning to @couzteau. (Sucker!)

iwehrman commented 11 years ago

Part 3 is fixed at least...

iwehrman commented 11 years ago

And parts 1, 2 and 4 are addressed by #121.

iwehrman commented 11 years ago

FBNC to @RaymondLim.

couzteau commented 11 years ago

now possible to select any font by keyboard navigation only. tabbing works fine. cursor keys behave predictably and in a useful way. closing

adobe / brackets-edge-web-fonts