Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

🛹 Feature: Tooltip die role="tooltip" geben #5927

Closed
deleonio opened this issue Jan 23, 2024 · 1 comment
Closed

🛹 Feature: Tooltip die role="tooltip" geben #5927

deleonio opened this issue Jan 23, 2024 · 1 comment
Assignees
Labels

Comments

@deleonio
Copy link
Contributor

deleonio commented Jan 23, 2024

Ein Tooltip kann die Rolle tooltip haben. Hierbei muss das Element, welches einen Tooltip hat, mittels aria-describedby auf ein Tooltip-Element mit der id verweisen.

Link: https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/tooltip_role#description

<label for="password">Password:</label>
<input aria-describedby="passwordrules" id="password" type="password" />
<div role="tooltip" id="passwordrules">
  <p>Password Rules:</p>
  <ul>
    <li>Minimum of 8 characters</li>
    <li>
      Include at least one lowercase letter, one uppercase letter, one number
      and one special character
    </li>
    <li>Unique to this website</li>
  </ul>
</div>

Effekt:

  • Die _id wird erforderlich, damit aria-describedby auf die ID des Tooltips verweisen kann.
  • Wird die ID am Tooltip nicht genutzt, dann passiert einfach nichts.
  • Beim Button (Accordion) liest VoiceOver die Beschreibung vor. Bei Abbr, Details und Link macht er es trotz identischer Implementierung nicht.
@deleonio deleonio added this to the BIK BITV-Test '24 milestone Jan 23, 2024
@deleonio deleonio linked a pull request Feb 2, 2024 that will close this issue
@laske185 laske185 added the v2 label Feb 27, 2024
@laske185
Copy link
Contributor

Die aktuelle Umsetzung der Tooltips ist in Ordnung und bedarf keiner Verbesserung.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
Status: ✅ Done
Development

Successfully merging a pull request may close this issue.

2 participants