Skip to content

Board: the Studio / Wall / Live switch can't be used from the keyboard #72

Description

@ldbumble

The view switcher at the top of the Board is a row of plain <Box onClick={() => setView(o.k)}> elements - no role, no tabIndex, no key handler, no selected state. You cannot Tab to it or switch views from the keyboard, and a screen reader announces nothing.

Where: website/src/BoardView.jsx, the setView(o.k) switcher.

Done when it is a real control: MUI ToggleButtonGroup (exclusive), or role="tab" items in a role="tablist" with tabIndex={0}, aria-selected, and Enter/Space switching. It should look the same as today.

Check - npm run lint:undef and npm run build in website/. Bonus: a website/test/*.test.mjs source check that the switcher items carry aria-selected. Please commit the rebuilt taskuary/web bundle with the change.


Getting started: pip install -e ".[dev]", then python -m pytest -q (offline, a few seconds). UI work: cd website && npm ci && npm test. See CONTRIBUTING.md. One small PR with the change and its test is perfect.

Activity

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    accessibilityBarrier affecting people with disabilitiesgood first issueGood for newcomersjavascriptPull requests that update javascript code

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions