Tittel på tom alternativtekst
Silktide finner bilder som er merket som dekorative med tom alternativtekst, men som også har en tittel. De to attributtene motsier hverandre, og hjelpeteknologi håndterer konflikten uforutsigbart.
<!-- Problem: alt sier "hopp over meg", title sier "les meg" -->
<img src="logo.png" alt="" title="Company logo">
<!-- Rettet: faktisk dekorativt -->
<img src="logo.png" alt="">
<!-- Rettet: faktisk meningsfylt -->
<img src="logo.png" alt="Company logo">
Hvorfor dette er viktig
En tom alt="" erklærer at et bilde er ,
og ber en om å hoppe over det. Et title-
attributt blir imidlertid fortsatt lest opp av enkelte skjermlesere – slik at
det samme bildet er stille for noen brukere og snakker til andre. Uansett hva
forfatteren mente, blir resultatet feil for noen.
title-attributtet er generelt upålitelig: Det vises vanligvis bare som et
verktøytips når musepekeren holdes over det, så brukere av tastatur og
berøringsskjermer ser det heller aldri.
Slik løser du det
- Hvis bildet er dekorativt, fjerner du
title-attributtet og beholder den tommealt="". - Hvis bildet er meningsfylt, flytter du beskrivelsen til
og fjerner
title. - Ikke bruk
titlesom erstatning for alt-tekst noe sted – den blir ikke eksponert pålitelig for noen.
Slik tester Silktide dette
- Finn hvert bilde på hver side.
- Velg bilder der
alt-attributtet finnes, men er tomt. - Rapporter hvert av disse bildene som også har et
title-attributt som ikke er tomt.