Skip to content

feat: make select and multi-select tooltip hints keyboard and touch accessible #12

Description

@coderabbitai

Summary

Tooltip-mode hints in the select and multi-select form components need to be usable without a pointer device.

The generated demo currently uses non-focusable elements and hover-only visibility for these hint tooltips. Implement the accessibility behavior in the source component templates and regenerate the demo output.

Required changes

  • Update the source templates that render tooltip-mode hints for SelectInput and MultiSelectInput.
  • Use an accessible, focusable trigger while preserving the existing dropdown interaction behavior.
  • Associate each trigger and tooltip with suitable ARIA semantics (for example, aria-describedby and role="tooltip").
  • Reveal tooltip content for keyboard focus as well as hover.
  • Ensure the interaction remains usable on touch devices.

Affected areas

  • src/form/selectInput.templ
  • src/form/multiSelectInput.templ
  • Regenerated outputs, including docs/index.html

Acceptance criteria

  • Tooltip-mode hints can be reached and read with keyboard-only navigation.
  • Tooltip-mode hints remain available by pointer hover and usable on touch devices.
  • The trigger and tooltip have appropriate ARIA relationships and tooltip semantics.
  • Generated template files and demo output are regenerated after the source changes.

Backlinks

Metadata

Metadata

Assignees

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