Põhjalik juhend tõhusa alt-teksti kirjutamiseks piltidele, tagades ligipääsetavuse nägemispuudega kasutajatele ja parandades SEO-d globaalsele publikule.
Alt-teksti kirjutamine: kirjeldav piltide ligipääsetavus globaalsele publikule
Tänapäeva digitaalsel maastikul mängib visuaalne sisu olulist rolli publiku kaasamisel ja teabe edastamisel. Nägemispuudega kasutajatele võib sellele sisule juurdepääs olla aga keeruline. Siin tulebki appi alt-tekst. Alt-tekst ehk alternatiivtekst on lühike pildi kirjeldus, mis on manustatud HTML-koodi. Ekraanilugejad loevad selle ette, võimaldades nägemispuudega kasutajatel mõista pildi sisu ja konteksti. Lisaks parandab alt-tekst ka otsingumootoritele optimeerimist (SEO), aidates otsingumootoritel teie pilte mõista ja indekseerida, muutes teie veebisaidi globaalsele publikule nähtavamaks.
Miks alt-tekst on oluline: ligipääsetavus ja SEO
Alt-tekst ei ole pelgalt tore lisavõimalus; see on veebi ligipääsetavuse fundamentaalne aspekt ja väärtuslik SEO tööriist. Siin on põhjused, miks see on nii oluline:
Ligipääsetavus nägemispuudega kasutajatele
Ekraanilugejad tuginevad alt-tekstile, et kirjeldada pilte kasutajatele, kes neid ei näe. Ilma täpse ja kirjeldava alt-tekstita on need kasutajad teie veebisaidi sisu täielikust mõistmisest kõrvale jäetud. Kujutage ette, et sirvite uudiste veebisaiti ja satute protesti pildile. Ilma alt-tekstita võib ekraanilugeja teatada lihtsalt "pilt", jättes kasutaja täielikku teadmatusse, millest protest räägib. Kirjeldav alt-tekst nagu "Protestijad hoiavad Londonis kliimameetmete eest seisvaid plakateid" pakub olulist konteksti.
See muutub veelgi olulisemaks õpetliku sisu puhul. Näiteks sushi valmistamise samme näitav kokandussait vajab alt-teksti nagu "Lähivõte kokast, kes laotab riisi ühtlaselt nori merevetikale", et kasutajad saaksid kaasa teha.
Parem SEO tulemuslikkus
Otsingumootorid kasutavad alt-teksti piltide sisu ja nende asjakohasuse mõistmiseks ümbritseva tekstiga. Pakkudes kirjeldavat ja märksõnarikast alt-teksti, saate aidata otsingumootoritel oma pilte tõhusamalt indekseerida, parandades oma veebisaidi üldist otsingumootorite järjestust. Näiteks, kui müüte veebis käsitööna valmistatud keraamikat, aitab alt-tekst nagu "Käsitööna valmistatud sinise glasuuriga keraamiline kruus" teie tootel ilmuda otsingutulemustes, kui inimesed otsivad sarnaseid esemeid. See on eriti oluline e-kaubanduse ettevõtetele, mis on suunatud globaalsele turule.
Lisaks on pildiotsing üha olulisem osa otsingumaastikust. Hästi optimeeritud alt-tekst tagab, et teie pildid on leitavad pildiotsingu tulemustes, suunates teie veebisaidile lisaliiklust.
Vastavus ligipääsetavuse standarditele
Paljudes riikides on ligipääsetavuse seadused ja juhised, nagu Ameerika Puuetega Inimeste Seadus (ADA) Ameerika Ühendriikides, Ontariolaste Puuetega Inimeste Ligipääsetavuse Seadus (AODA) Kanadas ja Euroopa Ligipääsetavuse Akt (EAA) Euroopas. Need seadused nõuavad sageli, et veebisaidid oleksid ligipääsetavad puuetega kasutajatele, sealhulgas nägemispuudega inimestele. Täpse ja kirjeldava alt-teksti pakkumine on nende standardite järgimiseks hädavajalik. Nende eiramine võib kaasa tuua õiguslikke karistusi ja mainekahju.
Parimad praktikad tõhusa alt-teksti kirjutamiseks
Tõhusa alt-teksti kirjutamine nõuab hoolikat kaalumist ja tähelepanu detailidele. Siin on mõned parimad praktikad, mida järgida:
Olge kirjeldav ja lühike
Alt-teksti peamine eesmärk on kirjeldada pilti võimalikult täpselt ja lühidalt. Püüdke leida tasakaal piisava detaili pakkumise vahel, et edastada pildi tähendus, ja teksti lühikese ja kergesti mõistetavana hoidmise vahel. Tavaliselt piisab mõnest sõnast kuni lühikese lauseni. Mõelge, mida pilt üritab edastada. Kujutage ette, et kirjeldate pilti kellelegi, kes seda ei näe.
Näide:
Halb: pilt.jpg
Hea: Grupp inimesi tähistab Mumbais säraküünaldega Diwalit.
Keskenduge kontekstile
Ideaalne alt-tekst sõltub pildi kontekstist. Mõelge, kuidas pilt on seotud ümbritseva sisuga ja millist teavet see lisab. Kui pilt on puhtalt dekoratiivne, võite kasutada tühja alt-atribuuti (alt=""), et anda ekraanilugejatele märku, et seda tuleks ignoreerida. Näiteks kui teil on mustriline taustapilt, mis ei edasta mingit tähenduslikku teavet, on tühja alt-atribuudi kasutamine asjakohane.
Näide:
Jaapanis reisimist käsitleval lehel:
Halb: Jaapani aed
Hea: Rahulik Jaapani aed koi-tiigiga Kyotos.
Lisage asjakohaseid märksõnu (kuid ärge kuhjake)
Kuigi alt-teksti peamine eesmärk on ligipääsetavus, pakub see ka võimalust SEO parandamiseks. Lisage asjakohaseid märksõnu, mis kirjeldavad pilti täpselt ja on seotud ümbritseva sisuga. Vältige aga märksõnade kuhjamist, mis võib olla SEO-le kahjulik ja muuta alt-teksti kasutajatele vähem abistavaks. Keskenduge loomuliku ja kirjeldava kirjelduse pakkumisele, mis sisaldab asjakohaseid märksõnu seal, kus see on sobiv.
Näide:
Traditsioonilise Šoti kildi pildi jaoks:
Halb: kilt tartaan vill riided Šotimaa traditsiooniline šoti
Hea: Mees kannab traditsioonilist Šoti kilti Royal Stewarti tartaanmustriga.
Olge inimeste osas spetsiifiline
Kui pildil on inimesi, esitage nende kohta konkreetset teavet, näiteks nende nimed, rollid või tegevused. See on eriti oluline piltide puhul, mis on osa uudisteartiklitest või hariduslikust sisust. Kui pilt on ajaloolisest isikust, mainige tema nime ja tähtsust. Kui see on pilt meeskonnaliikmest "Meist" lehel, lisage tema nimi ja ametinimetus.
Näide:
Halb: Inimesed
Hea: Nelson Mandela kõnelemas rahvahulgale apartheidivastasel miitingul Johannesburgis.
Kirjeldage pildi funktsionaalsust
Kui pilt on link või nupp, peaks alt-tekst kirjeldama lingi või nupu funktsiooni. Näiteks kui pilt on nupp, millel on kiri "Esita", peaks alt-tekst olema "Esita". Kui pilt on link teisele lehele, peaks alt-tekst kirjeldama sihtlehte. See on ülioluline kasutajatele, kes tuginevad veebisaitide navigeerimisel ekraanilugejatele.
Näide:
Kontaktilehele viitava pildi jaoks:
Halb: Logo
Hea: Link kontaktilehele.
Vältige liiasust
Kui pilt on juba ümbritsevas tekstis kirjeldatud, vältige sama teabe kordamist alt-tekstis. Selle asemel keskenduge lisadetailide või konteksti pakkumisele, mida tekstis veel ei käsitleta. See aitab vältida liiasust ja tagab, et alt-tekst pakub kasutajatele väärtust.
Näide:
Kui pildi kõrval olev lõik kirjeldab juba konkreetset lilleliiki:
Halb: Päevalill
Hea: Lähivõte päevalillest, mis näitab selle keerukat seemnemustrit.
Kasutage korrektset grammatikat ja õigekirja
Veenduge, et teie alt-tekst oleks vaba grammatika- ja õigekirjavigadest. See teeb ekraanilugejatele teksti tõlgendamise ja kasutajatele pildi mõistmise lihtsamaks. Lugege oma alt-tekst enne avaldamist hoolikalt läbi. Isegi väikesed vead võivad mõjutada kasutajakogemust ja SEO-d.
Ärge lisage "Pilt sellest..." või "Foto sellest..."
Ekraanilugejad teatavad automaatselt, et tegemist on pildiga, seega on "Pilt sellest..." või "Foto sellest..." üleliigne. Kirjeldage lihtsalt, mis pildil on.
Näide:
Halb: Pilt Eiffeli tornist
Hea: Eiffeli torn öösel valgustatuna Pariisis.
Testige oma alt-teksti
Pärast alt-teksti kirjutamist testige seda ekraanilugejaga, et veenduda, et see pakub pildist selget ja täpset kirjeldust. Saadaval on palju tasuta ekraanilugejaid, näiteks NVDA (NonVisual Desktop Access) ja ChromeVox. Oma alt-teksti testimine aitab teil tuvastada valdkondi, mis vajavad parandamist, ja tagada, et see on kõigile kasutajatele ligipääsetav.
Tõhusa alt-teksti näited erinevates kontekstides
Tõhusa alt-teksti kirjutamise põhimõtete edasiseks illustreerimiseks on siin mõned näited erinevates kontekstides:
E-kaubandus
Pilt: Lähivõte keerukate õmblustega nahast käekotist.
Alt-tekst: Käsitööna valmistatud nahast käekott detailsete õmbluste ja messingist pandlaga.
Uudisteartikkel
Pilt: Foto protestist Hongkongis.
Alt-tekst: Protestijad Hongkongis hoiavad väljaandmisseaduse vastase meeleavalduse ajal vihmavarje.
Hariduslik veebisait
Pilt: Inimese südame illustratsioon.
Alt-tekst: Inimese südame diagramm, mis näitab kodasid, vatsakesi ja peamisi veresooni.
Reisiblogi
Pilt: Panoraamvaade Machu Picchust Peruus.
Alt-tekst: Panoraamvaade Machu Picchust, iidsest inkade tsitadellist Peruu Andide mägedes.
Retseptisait
Pilt: Taldrikutäis värskelt küpsetatud šokolaaditükkidega küpsiseid.
Alt-tekst: Hunnik kuldpruune šokolaaditükkidega küpsiseid valgel taldrikul.
Levinud vead, mida vältida
Kuigi alt-teksti kirjutamine võib tunduda lihtne, on mitmeid levinud vigu, mida tuleks vältida:
- Üldise alt-teksti kasutamine: Vältige üldiste alt-tekstide nagu "pilt" või "foto" kasutamist. Need kirjeldused ei paku kasutajatele mingit väärtust.
- Märksõnade kuhjamine: Vältige oma alt-teksti täitmist liigsete märksõnadega. See võib olla SEO-le kahjulik ja muuta alt-teksti kasutajatele vähem abistavaks.
- Alt-teksti tühjaks jätmine: Kui pilt edastab tähenduslikku teavet, on alt-teksti tühjaks jätmine suur ligipääsetavuse probleem.
- Pikkade ja laialivalguvate kirjelduste kasutamine: Hoidke oma alt-tekst lühike ja keskendunud. Vältige pikkade ja laialivalguvate kirjelduste kasutamist, mida on raske mõista.
- Konteksti ignoreerimine: Alt-teksti kirjutamisel arvestage alati pildi konteksti ja seda, kuidas see on seotud ümbritseva sisuga.
Alt-teksti rakendamine HTML-is
Alt-teksti lisamine piltidele on lihtne. Kasutage `alt` atribuuti `` sildi sees oma HTML-koodis.
Näide:
``
Kui pilt on puhtalt dekoratiivne, kasutage tühja alt-atribuuti:
``
Tööriistad ja ressursid alt-teksti kirjutamiseks
Tõhusa alt-teksti kirjutamiseks on saadaval palju tööriistu ja ressursse:
- Veebi ligipääsetavuse hindamise tööriistad: Kasutage veebi ligipääsetavuse hindamise tööriistu, et tuvastada pilte, millel puudub alt-tekst või mille kirjeldused on ebapiisavad. Näideteks on WAVE ja Axe.
- Ekraanilugejad: Kasutage ekraanilugejaid oma alt-teksti testimiseks ja veendumiseks, et see pakub pildist selget ja täpset kirjeldust.
- Ligipääsetavuse juhised: Täpsema teabe saamiseks ligipääsetava alt-teksti kirjutamise kohta vaadake ligipääsetavuse juhiseid, nagu Veebisisu Ligipääsetavuse Juhised (WCAG).
- Veebikursused ja õpetused: Osalege veebikursustel ja õpetustes, et õppida rohkem alt-teksti kirjutamise ja veebi ligipääsetavuse kohta.
Kokkuvõte
Alt-tekst on veebi ligipääsetavuse oluline element ja väärtuslik SEO tööriist. Järgides selles juhendis toodud parimaid praktikaid, saate tagada, et teie pildid on ligipääsetavad kõigile kasutajatele, sealhulgas nägemispuudega inimestele, ja parandada oma veebisaidi nähtavust otsingutulemustes. Alt-teksti kirjutamisel pidage meeles olla kirjeldav, lühike ja kontekstiteadlik ning testige oma alt-teksti alati ekraanilugejaga, et veenduda, et see pakub pildist selget ja täpset kirjeldust. Alt-teksti prioritiseerides saate luua kaasavama ja ligipääsetavama veebikogemuse globaalsele publikule.
Oma veebisaidi globaalselt ligipääsetavaks tegemine näitab teie pühendumust kaasavusele ja laiendab teie potentsiaalset kasutajaskonda. Neid juhiseid järgides ei muuda te oma saiti mitte ainult nõuetele vastavaks, vaid parandate ka kõigi oma kasutajate kogemust, olenemata nende võimetest või asukohast.
Pidage meeles, et internet on globaalne ressurss ja ligipääsetav sisu on kasulik kõigile.