Attēli var palīdzēt skaidrot informācijas saturu un nodot kopējo ideju. Ne velti ir teiciens, ka bilde aizstāj simtiem vārdu.

Šajā labās prakses padomā skaidrosim kādēļ un kā attēliem pievienot paskaidrojošo tekstu, kā apskatīt un rediģēt jau pievienoto paskaidrojošo tekstu un kā pievienot visiem lietotājiem redzamu aprakstu.

  • Attēli padara mājaslapu saistošāku un uzlabo kopējo lietotāja pieredzi.
  • Tie piesaista vietnes apmeklētāju uzmanību un palīdz efektīvāk nodot informāciju.
  • Paskaidrojošos jeb “Alt” tekstus nolasa ekrāna lasītāji, kurus visbiežāk izmanto cilvēki ar dažādiem uztveres traucējumiem. Ekrāna lasītāju lietotājiem attēla apraksts var būt vienīgais priekšstats par pievienoto attēlu.
  • Ja attēlus papildināsiet ar atbilstošiem skaidrojumiem, tie uzlabos jūsu vietnes reputāciju jeb SEO tādu meklētājprogrammu kā Google u.c. skatījumā.
  • Ja kādu apstākļu dēļ vietnē nebūs pieejami attēli, to vietā lietotāji redzēs aprakstošo tekstu.
  • Ekrāna lasītāju programmas nespēj nolasīt tekstu attēlos, tādējādi ierobežojot pieejamību šim saturam lietotājiem ar dažādiem uztveres traucējumiem.
  • Meklētājprogrammas nevar nolasīt tekstu attēlos – teksta saturs netiks indeksēts un parādīts meklēšanas rezultātos.
  • Teksts, kas ir attēlos var būt grūtāk saskatāms, lasāms un uztverams, īpaši, ja tas ir mazs, ir izmantots nepiemērots krāsu kontrasts vai attēla kvalitāte ir zema.
  • Ja attēli jūsu vietnē satur daudz svarīgas, tekstuālas informācijas, kļūst grūti atjaunināt vai mainīt saturu, nepārveidojot attēlu.
  • Apjomīgi attēli var palēnināt lapas un attēla ielādes laiku, radot sliktu lietotāju pieredzi.
  • Ja tomēr ir nepieciešams veidot attēlus, kas satur tekstu, jāmeklē risinājumi, kā šo informāciju pievienot arī tekstuālā veidā.

Paskaidrojoša jeb “Alt” teksta pievienošana attēlam

  • Ja vietnei pievienojat attēlu pirmo reizi, dialoga logā tiek prasīts pievienot alternatīvo tekstu. Šis būs teksts, ko nolasīs ekrāna lasītāji.
  • Alt tekstā nekad neiekļauj vārdus "bilde", "attēls" un tml. Alt tekstam ir pēc iespējas precīzāk jāapraksta attēlā redzamo.
  • Nākamajā solī, atlasot attēlu, varat izvēlēties iespēju “Rediģēt media entitāti”.
  • Rediģēšanas dialoga logā var pievienot papildu aprakstu, kas būs redzams zem attēla. Šis apraksts būs redzams visiem mājaslapas lietotājiem.

Piemērs:

  • Lai pārbaudītu, kāds alternatīvais teksts un vietnē redzamais apraksts attēlam jau ir pievienots, administrācijas vidē uzklikšķiniet uz attēla, nospiediet labo peles taustiņu un izvēlieties “Edit Datnes”.
  • Tiks atvērts datnes rediģēšanas logs, kurā varēsiet skatīt un rediģēt pievienoto alternatīvo tekstu un aprakstu.
  • Atsevišķiem satura veidiem, piemēram, “Aktualitāte” vai “Notikums”, pievienotā attēla rediģēšanas logu ir iespējams atvērt ar taustiņu “Rediģēt”.

Ja minētā funkcionalitāte tomēr nedarbojas, iespējams, ir radusies tehniska kļūda un ir jāsazinās ar Valsts digitālās attīstības aģentūru pa e-pastu: atbalsts@vdaa.gov.lv, tēmā (subject) norādot “TVP”.


Labās prakses padomu ir iespējams lejupielādēt arī datnes veidā: