Bild med tom alt-text har ändå en titel
Allvarligt
Bilden har tom alt-text, vilket betyder att den är dekoration och ska hoppas över. Men den har också en titel (title) som ändå kan läsas upp.
Ta bort titeln, eller ge bilden en riktig alt-text.
Så här låter det i en skärmläsare
Det här säger skärmläsaren
Med felet: ”Till startsidan”.
Utan felet: ”Kommunen, till startsidan”.
Exempel
Skärmläsaren säger: ”Länk, grafik, Till startsidan”
Visa koden
<header>
<a href="/">
<img src="data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22160%22 height=%2248%22%3E%3Crect width=%22160%22 height=%2248%22 rx=%228%22 fill=%22%230B4CBF%22/%3E%3Ctext x=%2280%22 y=%2231%22 font-family=%22sans-serif%22 font-size=%2218%22 fill=%22white%22 text-anchor=%22middle%22%3EKommunen%3C/text%3E%3C/svg%3E" alt="" title="Till startsidan">
</a>
</header>Skärmläsaren säger: ”Länk, grafik, Kommunen, till startsidan”
Visa koden
<header>
<a href="/">
<img src="data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22160%22 height=%2248%22%3E%3Crect width=%22160%22 height=%2248%22 rx=%228%22 fill=%22%230B4CBF%22/%3E%3Ctext x=%2280%22 y=%2231%22 font-family=%22sans-serif%22 font-size=%2218%22 fill=%22white%22 text-anchor=%22middle%22%3EKommunen%3C/text%3E%3C/svg%3E" alt="Kommunen, till startsidan">
</a>
</header>
Kod i testet: WCAG2AA.Principle1.Guideline1_1.1_1_1.H67.1