Native Disclosure
details summary accessibility: Hält das Scharnier?
<summary> ist Name, Fokusziel und Schalter zugleich. Prüfe Reihenfolge, Beschriftung und native Zustände, bevor ein Akkordeon daraus wird.
01 / Live-Prüfstand
Markup einsetzen, fünf Signale sofort sehen.
Die Demo startet von selbst und zeigt die wichtigsten Zustände. Sobald Sie eingreifen, gehört der Prüfstand Ihnen.
Disclosure-Prüfstand
Fünf Signale am Scharnier
1/5verbunden
- Paar<details> mit <summary>
- Reihenfolgesummary nach vorn setzen
- Namesichtbaren Namen ergänzen
- Native ZuständeARIA-Rolle oder Extra-Aktion entfernen
- Fokustabindex="-1" entfernen
Live-Tastaturtest
Versand und Rückgabe
Lieferung in zwei Werktagen. Rückgabe innerhalb von 30 Tagen.
Tab → Enter oder Leertaste
<details>
<summary>Versand und Rückgabe</summary>
<p>Inhalt der Zusatzinformation.</p>
</details>Fehlerbeispiel geladen. Vier Vertragsstellen sind offen.
02 / Der Unterschied
Ein Scharnier ist der Anfang, nicht die Website.
Das Scharnier bricht an Kleinigkeiten
Ein leeres summary, ein tabindex="-1" oder ein nachgerüstetes aria-expanded genügt: Screenreader und Tastatur verlieren Name, Zustand oder Fokus, ohne dass das Layout es zeigt.
Was der Check auf Ihrer Seite findet
Der Website-Check prüft interaktive Elemente auf fehlende zugängliche Namen, unterdrückte Fokusmarkierungen und Zustände, die nicht mehr programmatisch auslesbar sind.
Fundstellen statt Code-Lesung
Jeder Befund nennt Seite, Vorkommen und den nächsten Schritt – kostenlos und ohne Installation, die URL genügt.
03 / Auf Ihrer Website
Jetzt die eigenen Disclosures prüfen.
Der Prüfstand bewertet ein einzelnes Bauteil. Der Website-Check findet Disclosures und weitere automatisch erkennbare Barrieren im Seitenkontext.
Der Website-Check ist bereit.
- 1URL
- 2Auswahl
- 3Prüfung
- 4Ergebnis