Files

Barrierefreiheit

Aus dem Quellcode der Component abgeleitet.

• Dateien reagiert selbst auf die Tasten Escape, Enter, Pfeil hoch, Pfeil runter, Pfeil links, Pfeil rechts, Pos1, Ende, Entf und Leertaste.
• Baut auf dem nativen dialog-Element auf. Der Browser hält den Fokus im Fenster und schließt es mit Escape.
• Setzt aria-activedescendant, aria-autocomplete, aria-checked, aria-controls, aria-current, aria-describedby, aria-expanded, aria-haspopup, aria-invalid, aria-label, aria-labelledby, aria-level, aria-live, aria-pressed, aria-selected, aria-sort, aria-valuemax, aria-valuemin und aria-valuenow, damit Screenreader Zweck und Zustand ansagen.
• Nutzt die Rollen combobox, img, label, listbox, option, radio, radiogroup, status, switch, tab, tablist, tabpanel, tree und treeitem.
• Meldet Änderungen über eine Live-Region, ohne den Fokus zu verschieben.
• Jedes Feld hat ein Label, sichtbar oder für Screenreader.
• Ergänzt Text für Screenreader, wo Icons und Grafiken allein stehen.
• Zeigt bei Bedienung mit der Tastatur einen sichtbaren Fokusring.
• Der Server rendert den Startzustand vollständig, JavaScript ergänzt nur die Interaktion.

Bewegung

• Erscheint beim ersten Sichtkontakt mit einem kurzen Auftritt (kit-rise, useInView).
• Bringt eigene Animationen mit, ruhig getaktet und ohne Wackeln.
• Bei reduzierter Bewegung (prefers-reduced-motion) bleibt sie ruhig. 12 Stellen im Code schalten Bewegung dann ab.