jupyter / notebook

Jupyter Interactive Notebook
https://jupyter-notebook.readthedocs.io/
BSD 3-Clause "New" or "Revised" License
11.73k stars 4.97k forks source link

Using Toolbar Patterns from the ARIA Authoring Practices Guide for Better Assistive Experience #6935

Open tonyfast opened 1 year ago

tonyfast commented 1 year ago

ARIA Authoring Practices Guide provide recommendations for accessible experiences for interactive elements. the jupyter menu bars already abide the menu bar pattern that allows for arrow key navigation around the menus. as a result, only one element from the menu bar shows in the tab ordering.

image

the preceding image indicates and #6800 indicate 20 tabs are needed to reach a cell since the toolbars do not abide the suggested APG toolbar example. these tab counts include the notebook and cell level toolbars. using the toolbar pattern we could drastically reduce the effort needed to navigate to cells. the recommended toolbar pattern allows focus on the last active element with arrow navigation to other elements.

is this a pattern that jupyter could support?

tonyfast commented 1 year ago

our tabs pattern can be updated to abide the APG Tab Pattern

fcollonval commented 1 year ago

I'm +:100: for using keyboard arrow navigation for toolbar

tonyfast commented 1 year ago

relevent open PR in lumino https://github.com/jupyterlab/lumino/pull/477