allen-cell-animated / website-3d-cell-viewer

Other
4 stars 4 forks source link

Channel settings are not well ordered in HTML #246

Closed frasercl closed 1 month ago

frasercl commented 2 months ago

Description

Channel settings elements appear out of logical order in HTML, making tab-navigating confusing. Elements are grouped like this, in the order marked:

image

This is especially problematic given that the last element of box 3 controls whether box 2 is accessible. A user that expects to open the settings menu with that control then tab into it must instead counterintuitively backtrack past the visibility checkboxes to get at the end of the channel settings.

Expected Behavior

Elements should appear in the correct order and navigating with the keyboard into the advanced channel settings should be intuitive.

Reproduction

  1. Click the "open channel settings" button on any channel.
  2. Try to access and adjust that channel's settings with the keyboard (Tab, Shift+Tab, etc.)

Environment

Firefox, but this would appear in any environment.