Summary
The grid-layout selector exposes a listbox without a programmatically determinable name. Screen-reader users hear a generic listbox without knowing that it selects a section or grid layout.
Location
- Package:
@paperbits/core
- Component:
grid-layout-selector
- Used by Add Section commands from
src/section/sectionHandlers.ts and src/content/contentHandlers.ts.
Expected behavior
The selector has a descriptive accessible name, and its role and selection semantics accurately represent the interaction.
Acceptance criteria
- Add a stable accessible name using the selector heading or an explicit label contract.
- Confirm whether listbox/option is the correct semantic pattern for the interaction.
- If listbox semantics are retained, expose selected state and keyboard behavior correctly.
- Verify the name, role, and selected state with a screen reader.
Tracking: Azure DevOps 30052119
Summary
The grid-layout selector exposes a listbox without a programmatically determinable name. Screen-reader users hear a generic listbox without knowing that it selects a section or grid layout.
Location
@paperbits/coregrid-layout-selectorsrc/section/sectionHandlers.tsandsrc/content/contentHandlers.ts.Expected behavior
The selector has a descriptive accessible name, and its role and selection semantics accurately represent the interaction.
Acceptance criteria
Tracking: Azure DevOps 30052119