Kā uzrakstīt labu alt tekstu attēliem

Kam vajadzīgs alt teksts

Alt teksts ir attēla teksta alternatīva, ierakstīta atribūtā alt. Ekrāna lasītāji to nolasa skaļi, Braila displeji to parāda, un pārlūks to rāda, ja attēls neielādējas. To var izmantot arī meklētājprogrammas. Tīmekļa piekļūstamības standarts WCAG prasa teksta alternatīvu, kas veic to pašu uzdevumu, ko attēls (veiksmes kritērijs 1.1.1, A līmenis).

Galvenā doma: alt teksts nav paraksts un nav attēla apraksts pašmērķim. Tas pasaka, ko attēls lapai pievieno. Vienai un tai pašai fotogrāfijai divās lapās var vajadzēt dažādu alt tekstu vai nevienu.

Četri attēlu veidi

• Informatīvi attēli pievieno nozīmi: fotogrāfija, ikona blakus tālruņa numuram, diagramma. Uzraksti īsu alt tekstu, kas nodod šo nozīmi.
• Funkcionāli attēli atrodas saitēs un pogās. Alt teksts nosauc darbību vai mērķi, nevis attēlu: “Meklēt” palielināmajam stiklam, “Drukāt šo lapu” printera ikonai.
• Dekoratīvi attēli neko nepievieno: apmale, atstarpe, rotājums vai attēls, kas tikai atkārto blakus esošo tekstu. Dod tiem tukšu alt atribūtu (alt=""), lai ekrāna lasītāji tos izlaistu, vai ieliec tos stila lapā kā fonu.
• Teksta attēli ir pēdējais līdzeklis. Ja tāds vajadzīgs, alt teksts atkārto attēlā esošos vārdus. Logotips, kas nav saite, saņem organizācijas nosaukumu.

Kā uzrakstīt labu alt tekstu

1. 1Pajautā, kāpēc attēls ir lapā. Kas apmeklētājam pietrūktu, ja tā nebūtu?
2. 2Uzraksti to, kas svarīgs šim mērķim, frāzē vai vienā teikumā.
3. 3Sāc ar saturu. Ekrāna lasītājs parasti paziņo, ka tas ir attēls, tāpēc “attēls ar” vai “foto ar” reti palīdz.
4. 4Neatkārto to, ko jau saka teksts blakus attēlam. Ja tas pasaka visu, attēls ir dekoratīvs un saņem tukšu alt.
5. 5Nolasi alt tekstu skaļi, neskatoties lapā. Vai tas ir saprotams pats par sevi?

Biežas kļūdas

• Vispār nav atribūta alt. Daži ekrāna lasītāji tad nolasa faila nosaukumu.
• Faila nosaukums vai kods kā alt teksts, piemēram, “IMG_2041.jpg”.
• Viena un tā pati atslēgvārdu virkne daudziem attēliem. Alt teksts vispirms ir cilvēkiem.
• Garš apraksts tīri dekoratīvam attēlam.
• Pogas attēla izskata apraksts tās darbības vietā. Meklēšanas poga nav “palielināmais stikls”, tā ir “Meklēt”.

Cik garam tam jābūt?

WCAG 1.1.1 nenosauc rakstzīmju skaitu. W3C iesaka to saglabāt īsu, ideālā gadījumā frāzi vai teikumu. Diagrammām un citiem sarežģītiem attēliem sniedz pilnu informāciju kā tekstu lapā un alt tekstu saglabā īsu. Ja tev vajag vairāk par teikumu, attēls droši vien nes saturu, kas pieder lapas tekstā.

Pārbaudi savu vietni

Lai atrastu attēlus bez noderīga alt teksta, palaid lapai bezmaksas Alt tekstu pārbaudītāju. Lai saņemtu ieteikumus daudziem attēliem, izmanto rīku Alt teksti. Automātisks ieteikums var palaist garām to, kas tavā lapā ir svarīgs, tāpēc izlasi katru tekstu un maini to, ja tas neatbilst attēla mērķim.

Do4U rīki palīdz ar rakstīšanu, nevis ar lēmumu: vai attēls ir informatīvs, funkcionāls vai dekoratīvs, tu zini vislabāk. Pārbaudi vēlreiz pēc lielām izmaiņām savā vietnē.