Icons, Videos und Audio Einbindung

Icons als SVG, Videos und Audio responsiv und mit Steuerelementen einbinden. Sie sollten barrierefrei sein und nur bei Bedarf automatisch starten.

Inhalt

Präsentation von Tobias Sudy und Florian Rogl

Das wichtigste an einem Punkt

Eindeutigkeit:
- Sind die Icons verständlich und repräsentieren sie ihre jeweilige Funktion klar?
- Werden bekannte Standardsymbole (z. B. Lupen-Icon für Suche) verwendet?
Konsistenz:
- Haben alle Icons denselben Stil (z. B. Strichstärke, Größe, Farbschema)?
- Passt der Stil der Icons zur Gesamtgestaltung der Website?

Relevanz:
- Ergänzt das Video die Inhalte der Seite oder vermittelt es nützliche Informationen?
Design und Platzierung:
- Ist das Video in einer ansprechenden und sichtbaren Position eingebettet?
- Gibt es eine aussagekräftige Vorschau (Thumbnail) mit passender Beschreibung?
Interaktive Steuerung:
- Sind Play-/Pause-, Lautstärke- und Vollbild-Steuerungen leicht erreichbar?
- Ist das Video pausierbar, oder läuft es ohne Kontrolle (Auto-Play nur mit stummem Sound)?

Klarheit:
- Ist das Audio von hoher Qualität (klarer Ton, keine Verzerrungen)?
- Passt das Audio zum Kontext und ist es gut abgestimmt (z. B. Lautstärke)?
Unaufdringlichkeit:
- Läuft das Audio nur, wenn es explizit aktiviert wird (kein erzwungenes Auto-Play)?
- Ist die Lautstärke anpassbar oder das Audio deaktivierbar?
Barrierefreiheit:
- Gibt es visuelle Indikatoren oder Textalternativen für Audioinhalte?
- Unterstützen visuelle und haptische Hinweise (z. B. Animationen) die Audiosignale?