Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

AUDIT - Menu bar button size #19

Open
isabela-pf opened this issue Aug 2, 2022 · 0 comments
Open

AUDIT - Menu bar button size #19

isabela-pf opened this issue Aug 2, 2022 · 0 comments

Comments

@isabela-pf
Copy link

Background

In the menu bar many of the buttons/clickable areas have targets that are too small for WCAG. They need to be bigger.

We need to decide whether we can meet which size in JupyterLab. The larger 44px by 44px is ideal, but it may not work well for many areas of JupyterLab.

From the 3.2.0 review

  • The target for clickable areas is at least 24 by 24px. See guidelines for exceptions. 2.5.8
    - Question: is this measured in area? Or is it truly both dimensions need to be at least this?
    - Does not meet this: menu bar, file browser breadcrumbs, toc top bar, extension refresh button, tab close, cell collapser, in cell toc collapser, TOC paragraph link
    - Does meet this: side bar sections, new launcher (file browser), file browser top bar, file browser search, file browser sort, file browser items, everything in running tab, toc items, table of contents expanded extension button (enable/disable), extension collapser carrot, extension management buttons (about, update, install, etc.), debugger top bars, status bar buttons, tabs, notebook toolbar, one-line cell height, dialog button, dialog drop down
  • The target for clickable areas is at least 44 by 44px. See guidelines for exceptions. 2.5.5
    - Most places are not meeting this.
    - Does meet this: launcher card, two-or-more line cells

Tests

  • Inspect each clickable area in the browser a5 100% zoom. It needs to be at minimum 24px by 24px.

References

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
Status: Backlog 🗃
Development

No branches or pull requests

1 participant