Heim >Web-Frontend >CSS-Tutorial >Unalain mein unzugängliches Herz
Suzy Naschanskys HTMHELL -Adventskalender -Eintrag hat eine clevere Zugänglichkeitstechnik hervorgehoben: Verwenden des aria-labelledby
-attributs. Dieses Attribut verknüpft mehrere vorhandene Elemente, um eine beschreibendere Beschriftung für Bildschirmleser zu erstellen. Zum Beispiel könnte ein Link "More" mehr mit einer Überschrift verknüpft werden, was dazu führt, dass der Bildschirmleser "mehr über Drachen lesen" ankündigt.
elegant löst dies durch Nutzung des vorhandenen Textes. Es ist wichtig, sich zu beachten, dass dies nur funktioniert, wenn der gewünschte Etikettstext bereits auf der Seite vorhanden ist. Andernfalls sollte aria-labelledby
verwendet werden, jedoch nur für interaktive Elemente, die nicht semantisch gekennzeichnet werden können. aria-label
Unterstützung. Um dies zu implementieren, müssen Sie möglicherweise in den HTML -Modus wechseln. Dies beinhaltet das Hinzufügen von IDs sowohl zur Zielüberschrift als auch zur Taste oder der Link und verwendet dann aria-labelledby
, um sie zu verbinden. Zum Beispiel: aria-labelledby
. <a aria-labelledby="button-id heading-id" href="https://www.php.cn/link/93ac0c50dd620dc7b88e5fe05c70e15b">Read More</a>
Das obige ist der detaillierte Inhalt vonUnalain mein unzugängliches Herz. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!