"Kokį failo pavadinimą norėtumėte, kad ekrano skaitytuvas garsiai skaitytų jūsų ausyje 40 kartų per dieną?" Tai šiek tiek absurdiškas klausimas, bet būtent taip nutinka, kai prasmingame paveikslėlyje paliekama alt="vaizdas1.jpg" arba, dar blogiau, jo nėra. Šis straipsnis yra praktinis alternatyvaus teksto rašymo vadovas, kuris iš tikrųjų padeda – ne tik dabar, bet ir gerai.
Trumpai tariant – ką šis vadovas apima
Kodėl blogas alternatyvus tekstas yra beveik toks pat blogas kaip trūkstamas alternatyvus tekstas
Pagal WCAG 1.1.1, visas netekstinis turinys turi turėti teksto alternatyvą, tačiau formalus reikalavimas yra tik pusė istorijos. "image1.jpg", "image" arba "logo" techniškai atitinka reikalavimą (yra alt atributas), tačiau jie neperteikia jokios tikrosios informacijos. Ekrano skaitytuvo vartotojas, išgirdęs eilutę „vaizdas... vaizdas... image23.png“, yra ne mažiau nusivylęs nei matantis vartotojas, žiūrintis į tuščių kadrų seriją.
Kaip parašyti gerą alternatyvųjį tekstą
Pagrindinė taisyklė: aprašykite vaizdo pranešimą kontekste, kuriame jis rodomas, o ne tiesioginį to, ką matote, aprašymą. Žmonių, esančių prie stalo komandos susitikimo metu, nuotraukai kartu su straipsniu apie bendradarbiavimą galima pateikti „Komanda dirba kartu prie stalo“, o ne „Žmonių nuotrauka“. Jei norite sukurti diagramą arba diagramą, apibūdinkite diagramoje pateiktą ištrauką: „Juostinė diagrama, rodanti 40 % pardavimų padidėjimą trečiąjį ketvirtį“ yra daug geresnė nei „Juostinė diagrama“.
- Trumpas ir tikslingas – paprastai pakanka 1–2 sakinių; nereikia aprašyti kiekvienos vaizdinės detalės.
- Praleiskite „image of“ arba „picture of“ – ekrano skaitytuvas jau praneša, kad tai vaizdas, todėl nereikia to kartoti.
- Apsvarstykite aplinkinį tekstą – tas pats vaizdas gali gauti skirtingą alternatyvųjį tekstą skirtinguose kontekstuose.
Kada palikti alternatyvųjį tekstą tyčia tuščią
Ne kiekvienam vaizdui reikia aprašymo. Grynai dekoratyviniai vaizdai – grafinės skiriamosios linijos, fono iliustracijos, piktogramos, kurios tik kartoja šalia esantį tekstą – geriausiai pažymėtialt=""(tuščias alternatyvus tekstas, netrūksta), todėl ekrano skaitytuvas juos visiškai praleidžia. Skirtumas tarp „trūksta“ ir „tyčia tuščias“ yra labai svarbus: trūkstamas garsas kaip klaida arba nuskaitomas failo pavadinimas; tyčia tuščias tiesiog tyliai praleidžia jį.
💡 Praktinis patarimas
Greitas testas: jei visiškai ištrintumėte vaizdą iš puslapio, ar jo nematončiam vartotojui nieko netrūktų? Jei ne – tai tikriausiai dekoratyvu ir tinka tuščiam altui.
Ką daryti su sudėtingomis diagramomis ir diagramomis
Sudėtingai duomenų diagramai, iliustruotai palyginimo lentelei arba infografijai su keliais informacijos sluoksniais trumpo alternatyvaus teksto neužtenka – reikia perteikti per daug informacijos. Sprendimas: trumpas alternatyvus tekstas, apibūdinantis bendrą temą, šalia jo (įprastame tekste aplink vaizdą, ne tik alt atribute) išsamesnis svarbių duomenų aprašymas arba lygiavertė duomenų lentelė, kurią ekrano skaitytuvas gali naršyti.
Nesate tikri, kurio alternatyvaus teksto jūsų svetainėje trūksta arba kuris yra problemiškas?
Mūsų įrankis randa vaizdus be alternatyvaus teksto kiekviename jūsų svetainės dokumente ir pažymi juos pagal prioritetą.
Padarykite savo dokumentus prieinamus nemokamai ←