Barrierefreiheit · Junior · Frage 42 von 75
Ein Schließen-Button nur mit Icon hat keinen Text. Wie gibt man ihm einen Namen?
<button>
<svg aria-hidden="true">...</svg>
</button>- 1
aria-label="Close"am Button hinzufügen - 2
role="icon"am Button-Element hinzufügen - 3
title="svg"am Icon-Element hinzufügen
Antwort zeigen
Richtige Antwort: aria-label="Close" am Button hinzufügen
Erklärung
Ohne Namen sagt ein Screenreader nur „Button“. Visuell versteckter Text im Button funktioniert auch und wird von Browser-Werkzeugen zuverlässiger übersetzt.