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
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
SelectInputandMultiSelectInput.aria-describedbyandrole="tooltip").Affected areas
src/form/selectInput.templsrc/form/multiSelectInput.templdocs/index.htmlAcceptance criteria
Backlinks