Skip to content

Make the resizable splitter keyboard-operable #58

Description

@DataDave-Dev

🇪🇸 Español

El divisor de paneles tiene role="separator" y aria-orientation pero solo handlers de puntero, sin tabIndex ni aria-valuenow/min/max. Los usuarios de teclado no pueden redimensionar la división editor/diagrama (WCAG 2.1.1).

Archivo: src/components/ui/CodeWorkspace.tsx:411-419

Solución sugerida: Agregar tabIndex={0}, aria-valuenow/valuemin/valuemax ligados a editorWidth, y un onKeyDown que ajuste el ancho con las flechas (Home/End para los límites).


🇬🇧 English

The pane splitter has role="separator" and aria-orientation but only pointer handlers, no tabIndex, and no aria-valuenow/min/max. Keyboard users cannot resize the editor/diagram split at all (WCAG 2.1.1).

File: src/components/ui/CodeWorkspace.tsx:411-419

Suggested fix: Add tabIndex={0}, aria-valuenow/valuemin/valuemax bound to editorWidth, and an onKeyDown adjusting width on Arrow keys (Home/End for clamps).

Metadata

Metadata

Assignees

No one assigned

    Labels

    accessibilityWCAG / a11y improvementsenhancementNew feature or requesthelp wantedExtra attention is needed

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions