Hallo Gunnar
Marco Zehe hat Grundlegendes zusammengeschrieben: The web accessibility basics
Kannte den Artikel zwar schon, aber ich habe die Gelegenheit genutzt, ihn mir nochmals durchzulesen, und ich kann mich deiner Einschätzung nur anschließen, dass der Artikel sehr lesenswert und darum zu empfehlen ist. Allerdings ist mir beim Lesen etwas aufgefallen, was man in diesem Zusammenhang fast immer liest, und zu dem ich aus eben diesem Grund noch etwas anmerken möchte.
If, on the other hand, an image is purely decorative, its alternative text consists of an empty string “”. That is simply alt=””, two consecutive quotes.
Wenn man das Attribut alt
auf den leeren String setzen will, dann ist es nicht zwingend erforderlich dies ausdrücklich zu tun, wie in dem Zitat und so ziemlich jeder anderen Quelle, die ich zu dem Thema bislang gelesen habe.
<body>
<img id="picture" src="decorative.jpg" alt>
<script>
const image = document.images.picture;
console.log(image.hasAttribute('alt')); // true
const value = image.alt;
console.log(typeof value === 'string' && value.length === 0); // true
</script>
</body>
Wird nämlich nur der Attributname notiert, dann wird der Wert automatisch auf den leeren String gesetzt, eine explizite Angabe dieses Wertes ist also überflüssig, was dem Standardverhalten für diese Variante der Notierung von Attributen entspricht und wohl auch von allen Browsern so umgesetzt wird.
Das ist natürlich nur eine unwesentliche Kleinigkeit, aber ich wollte es mal erwähnt haben. ;-)
Viele Grüße,
Orlok