Skip to content

[P3][Accessibility] Glossar-Tooltip nur via title (nicht Touch/Tastatur) #182

Description

@muraschal

Note

Management-Summary. Glossar-Definitionen hängen allein an nativem <abbr title> — auf Touch nicht erreichbar, nicht fokussierbar, von vielen Screenreadern nicht vorgelesen. Auswirkung: Touch-/Tastatur-/Teil-SR-Nutzer erhalten die Definition nicht. Empfehlung: SR-Text ergänzen oder fokussierbares Tooltip-Pattern.

Schweregrad: P3 · Standard-Bezug: WCAG 2.2 SC 1.4.13 (Content on Hover/Focus), 1.1.1
Fundort: web/components/term.tsx:9
Nachweis: <abbr title={def}> ohne tabindex; title erscheint nur bei Maus-Hover.
Auswirkung: Begriffsdefinition für Touch-/Tastaturnutzer und Teile der SR-Nutzer nicht zugänglich (Komfortfunktion, kein Kernpfad).

Handlungsempfehlung (Vorher/Nachher):

  • vorher: nur title.
  • nachher: Definition zusätzlich als visually-hidden SR-Text bereitstellen oder ein fokussierbares, mit Escape schliessbares Tooltip-Pattern (hoverable/dismissible/persistent).

Aufwand: M · Re-Audit-Kriterium: Definition per Tastatur erreichbar und für SR ausgegeben.

Teil von #167

Metadata

Metadata

Assignees

No one assigned

    Labels

    auditBefund aus einem auditor-Auditdimension:accessibilityAudit-Dimension: accessibilityeffort:mAufwand mittelsev:p3Schweregrad P3 — niedrig

    Type

    No type

    Fields

    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions