Media Player
Media Player
Ein Media Player ist eine Gruppe von Bedienelementen für Audio oder Video. Er umfasst Play, Fortschritt, Lautstärke, Untertitel und weitere Wiedergabe-Optionen.
A clear control set keeps playback predictable.
Ein echtes Beispiel
Ein Lektion-Player hat Play, einen Fortschritts-Balken, Tempo, Untertitel, ein Transkript, Fullscreen und Tastatur-Kürzel.
Hauptteile
- 01Sichtbares Etikett
- 02Interaction target
- 03Current state
- 04Keyboard behavior
Verwenden Sie es, wenn
Beginnen Sie mit den nativen Funktionen des Browsers. Erstellen Sie nur dann benutzerdefinierte Steuerelemente, wenn der Produktbedarf die Barrierefreiheitskosten rechtfertigt.
Nutze es nicht, wenn
Spiele niemals automatisch mit Ton ab, baue keine benutzerdefinierten Steuerelemente, auf die Menschen keinen Zugriff haben, oder verstecke Dauer und Ladezustand.
In Code verwendeter Name
<video> / <audio> Vor dem Ausliefern
Give assistive tools the control’s name (accessible name), purpose (role), value, and state. Check keyboard use, visible focus, target size, disabled and busy states, feedback, and recovery.
Outcome: Complete the task with Media Player (Media Player). User context: Ein Lektion-Player hat Play, einen Fortschritts-Balken, Tempo, Untertitel, ein Transkript, Fullscreen und Tastatur-Kürzel. Recommended pattern: Media Player (Media Player). Why it fits: Beginnen Sie mit den nativen Funktionen des Browsers. Erstellen Sie nur dann benutzerdefinierte Steuerelemente, wenn der Produktbedarf die Barrierefreiheitskosten rechtfertigt. Do not use it when: Spiele niemals automatisch mit Ton ab, baue keine benutzerdefinierten Steuerelemente, auf die Menschen keinen Zugriff haben, oder verstecke Dauer und Ladezustand. Product requirements: Define the default, loading, empty, error, success, and recovery states. Keep user input. Give clear feedback after every action. Accessibility and resilience: Use semantic HTML, full keyboard access, and visible focus. Make the layout work when zoomed and support reduced motion. Follow the project’s current rules. Do not add a new UI library unless the project already uses it. Acceptance criteria: The main task works with keyboard only and at 320px width. Focus and status changes are announced. Check loading, failure, retry, cancel, and reduced-motion paths. Evidence and limits (evidence boundary): Kein einziger offizieller Standard kontrolliert den gesamten Begriff. Seine Bedeutung kann sich zwischen Teams, Plattformen oder Frameworks ändern. Unknowns to confirm: Product wording, data source, analytics events, supported devices and languages, and platform limits.
Diese Anfrage prüfen
Review how Media Player (Media Player) is used now. Definition: Ein Media Player ist eine Gruppe von Bedienelementen für Audio oder Video. Er umfasst Play, Fortschritt, Lautstärke, Untertitel und weitere Wiedergabe-Optionen. Release checks: Give assistive tools the control’s name (accessible name), purpose (role), value, and state. Check keyboard use, visible focus, target size, disabled and busy states, feedback, and recovery. Before changing code, list the evidence, gaps, severity, and the smallest safe fix.