vaadin / vaadin/docs

Popover: change the Rich Interactive Tooltip sample to use a "toggle-tip" instead

Open Beginner friendly
#5,766 0 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

a11y design system
Dominant language
AsciiDoc
Stars
38
Forks
225
Avg merge
1d 4h
Merged PRs (30d)
170

Description

The Rich Interactive Tooltip sampe of Popover is not announced by screen readers because <input type="text"> does not support aria-expanded or aria-haspopup.

Modify the sample to be a "toggle-tip" instead, i.e. add a suffix (i) button to the field that opens the popover, and modify the description accofdingly.

Contributor guide

No contributing guide indexed for this repository

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Open the Popover documentation and locate the Rich Interactive Tooltip sample linked in the issue. Read the current sample and its description, then update them to show a suffix (i) button opening the popover as a toggle-tip; done means the sample and accompanying description match this interaction and the accessibility concern is addressed.

Written by the indexing model from the issue text.

Assessment

Domain
accessibility, documentation
Issue type
Documentation
Difficulty
2/5
Estimated time
1-3 hours
Activity status
Quiet
Clarity
Mostly clear
Newbie friendliness
72/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.