Skip to content

Grid-layout selector listbox has no accessible name #56

Description

@vvallalta-code

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

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

    No labels
    No labels

    Type

    No type

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions