Pieejamība satura veidotājiem: iekļaujoša satura rakstīšana un producēšana
Pieejamība nesākas ar dizainu un nebeidzas ar kodu. Satura veidotāji — rakstnieki, redaktori, mārketinga speciālisti un multimediju producenti — tieši un nozīmīgi ietekmē to, vai digitālais saturs ir lietojams visiem. Jūsu izvēlētie vārdi, izveidotā struktūra, aprakstītie attēli un producētie mediji nosaka pieredzi lietotājiem ar invaliditāti.
Labā ziņa ir tā, ka pieejama rakstīšana lielākoties ir laba rakstīšana. Skaidrs, strukturēts, aprakstošs saturs nāk par labu visiem lietotājiem, ne tikai tiem, kuri izmanto palīgtehnoloģijas.
Rakstīšana skaidrā valodā
Skaidra, tieša rakstīšana ir pieejamības prasība, nevis tikai stila izvēle. Lietotāji ar kognitīvajiem traucējumiem, mācīšanās grūtībām, piemēram, disleksiju, tie, kuru dzimtā valoda nav attiecīgā valoda, un lietotāji, kuri vienkārši ir aizņemti vai izklaidīgi, visi gūst labumu no satura, kas ir viegli saprotams.
Rakstiet īsos teikumos ar aktīvo izteiksmi. Izmantojiet parastos vārdus, nevis žargonu vai tehnisko terminoloģiju — un, kad specializēti termini ir nepieciešami, izskaidrojiet tos. Sadaliet garus fragmentus īsākos rindkopās ar aprakstošiem apakšvirsrakstiem. Izmantojiet sarakstus, prezentējot vairākus elementus vai soļus. Izvairieties no idiomām, metaforām un kultūrai specifiskām atsaucēm, kas var nedarboties tulkojumā.
WCAG prasa, lai saturs būtu pēc iespējas lasāmāks, un AAA līmenī — lai tiktu nodrošināts papildu saturs vai alternatīva versija, kad teksts prasa lasīšanas spēju, kas pārsniedz vidusskolas līmeni.
Alternatīvais teksts attēliem
Alternatīvais teksts ir viens no svarīgākajiem satura pienākumiem. Katram attēlam, kas nodod informāciju, ir nepieciešams teksta alternatīvs, kas komunicē to pašu informāciju lietotājiem, kuri nevar redzēt attēlu. Ekrānlasītāji nolasa alternatīvo tekstu skaļi, un tas parādās, kad attēli netiek ielādēti.
Laba alternatīvā teksta rakstīšana ir par mērķa komunicēšanu, ne tikai izskatu. Pajautājiet sev: kādu informāciju šis attēls nodod, kas lietotājam ir jāzina? Fotogrāfijai ar komandu sanāksmē var būt nepieciešams alternatīvais teksts, piemēram, "Komanda sadarbojas pie projekta plāniem ap konferenču galdu", nevis "photo.jpg" vai neskaidrs "komandas foto".
Dažādiem attēlu veidiem nepieciešamas dažādas pieejas:
Informatīvie attēli, kas nodod saturu, prasa aprakstošu alternatīvo tekstu, kas komunicē informāciju. Saglabājiet to kodolīgu — parasti zem 125 rakstzīmēm — bet nodrošiniet, ka būtiskā informācija ir klātesoša.
Funkcionālie attēli, piemēram, ikonas, kas izmantotas kā pogas, prasa alternatīvo tekstu, kas apraksta funkciju, nevis izskatu. Palielināmā stikla ikonai meklēšanas pogā jābūt alternatīvajam tekstam "Meklēt", nevis "palielināmais stikls".
Dekoratīvie attēli, kas pievieno vizuālo interesi, bet ne informāciju, drīkst izmantot tukšu alternatīvo tekstu (alt=""), lai ekrānlasītāji tos pilnībā izlaistu. Stock foto, kas izmantotas tikai estētikas nolūkos, bieži ietilpst šajā kategorijā.
Sarežģītie attēli, piemēram, diagrammas, grafiki, infografikas vai shēmas, prasa vairāk nekā īsu alt atribūtu. Sniedziet īsu alternatīvo tekstu, kas identificē attēlu, un pēc tam sniedziet detalizētu aprakstu tuvumā — vai nu kā redzamu tekstu, parakstu vai saistītu garo aprakstu.
Saišu teksts
Saitēm jābūt saprotamām ārpus konteksta. Ekrānlasītāju lietotāji bieži navigē, izsaucot visu lapas saišu sarakstu. Ja katra saite saka "Lasīt vairāk" vai "Noklikšķiniet šeit", šis saraksts ir bezjēdzīgs.
Rakstiet saišu tekstu, kas apraksta, uz kurieni saite ved vai ko tā dara. Tā vietā, lai rakstītu "Noklikšķiniet šeit, lai lejupielādētu mūsu pieejamības ceļvedi", rakstiet "Lejupielādēt mūsu pieejamības ceļvedi". Tā vietā, lai rakstītu "Uzzināt vairāk", rakstiet "Uzzināt vairāk par WCAG atbilstības līmeņiem".
Nekad neizmantojiet neapstrādātu URL kā saites tekstu, ja vien URL pats par sevi nav komunicējamā informācija. URL ir grūti nolasīt skaļi un vēl grūtāk saprast, kad tiek dzirdēti.
Virsraksti un struktūra
Izmantojiet virsrakstus, lai radītu jēgpilnu satura hierarhiju, nevis vizuālajai stilizācijai. Ekrānlasītāju lietotāji navigē pa virsrakstiem, lai pārskatītu saturu un pārietu uz interesējošajām sadaļām. Virsrakstiem jāseko loģiskai secībai — H1 lapas nosaukumam, H2 galvenajām sadaļām, H3 apakšsadaļām šo sadaļu ietvaros — neizlaižot līmeņus.
Katrā lapā jābūt tieši vienam H1. Apakšvirsrakstiem jābūt pietiekami aprakstošiem, lai lietotājs varētu saprast sadaļas saturu tikai no virsraksta.
Tabulas
Izmantojiet tabulas tabulārajiem datiem — informācijai, kurai ir jēgpilnas saistības starp rindām un kolonnām. Nekad neizmantojiet tabulas vizuālajam izkārtojumam. Kad izmantojat tabulas, iekļaujiet pareizas galvenes šūnas, izmantojot <th> elementus ar scope atribūtiem, kas norāda, vai tās ir rindu vai kolonnu galvenes. Sarežģītām tabulām ar vairākiem galveņu līmeņiem izmantojiet id un headers atribūtus, lai skaidri saistītu datu šūnas ar to galvenēm.
Sniedziet parakstu vai kopsavilkumu, kas apraksta tabulas mērķi, jo īpaši sarežģītām datu tabulām.
Saraksti
Prezentējot saistītu elementu grupu, izmantojiet faktiskos HTML sarakstus — numurētus sarakstus (<ol>) secīgiem elementiem un nenumurētus sarakstus (<ul>) nesecīgiem elementiem. Neveidojiet viltotas sarakstus, izmantojot rindu pārtraukumus un domuzīmes vai aizzīmju rakstzīmes. Pareiza saraksta iezīmēšana norāda ekrānlasītājiem, cik elementu ir sarakstā un kur lietotājs atrodas tajā.
Video un audio saturs
Multimediju saturam ir specifiskas pieejamības prasības:
Subtitri jānodrošina visam iepriekš ierakstītam video ar audio. Subtitriem jāietver visi runātie dialogi, jāidentificē, kurš runā, kad tas nav vizuāli acīmredzams, un jāietver nozīmīgie skaņu efekti. Subtitriem jābūt sinhronizētiem ar audio un pieejamiem kā slēgtajiem subtitriem, kurus lietotāji var ieslēgt vai izslēgt.
Transkripcijas jānodrošina iepriekš ierakstītam tikai audio saturam, piemēram, podkāstiem. Transkripcijām jāietver viss runātais saturs, jāidentificē runātāji un jāapraksta attiecīgie ne-runas skaņu efekti.
Audio apraksti jānodrošina iepriekš ierakstītam video, kur svarīga vizuālā informācija netiek nodota caur audio celiņu. Audio apraksti stāsta par nozīmīgiem vizuālajiem elementiem — darbībām, ainu maiņām, ekrānā redzamu tekstu — dabisko dialoga paužu laikā.
Automātiski atskaņojamam audio jābūt izvairāmam. Ja audio atskaņojas automātiski ilgāk par trim sekundēm, nodrošiniet mehānismu, lai apturētu, pārtrauktu vai kontrolētu skaļumu neatkarīgi no sistēmas skaļuma.
Pieejami dokumenti
Arī PDF un citiem lejupielādējamiem dokumentiem jābūt pieejamiem. Tas nozīmē, ka tiem nepieciešama pareiza tagu struktūra (virsraksti, saraksti, tabulas), loģiska lasīšanas secība, alternatīvais teksts attēliem, definēta dokumenta valoda un grāmatzīmes navigācijai garākos dokumentos.
Kad iespējams, sniedziet svarīgu informāciju kā tīmekļa saturu, nevis kā lejupielādējamus dokumentus. Tīmekļa saturs pēc būtības ir elastīgāks un vieglāk padarāms pieejams nekā PDF.
Sociālo mediju saturs
Pieejamība attiecas arī uz sociālajiem medijiem. Pievienojiet alternatīvo tekstu attēliem, kas publicēti sociālo mediju platformās — lielākā daļa galveno platformu tagad to atbalsta. Izmantojiet CamelCase atsauces iezīmēs, lai ekrānlasītāji varētu tās pareizi parsēt (piemēram, #WebAccessibility, nevis #webaccessibility). Izvairieties no informācijas nodošanas tikai caur attēliem vai video bez teksta alternatīviem.
Maņu raksturlielumi
Nekad nesniedziet instrukcijas, kas balstās tikai uz maņu raksturlielumiem, piemēram, formu, krāsu, izmēru, vizuālo atrašanās vietu, orientāciju vai skaņu. Tā vietā, lai rakstītu "noklikšķiniet uz zaļās pogas" vai "skatiet sānjoslu labajā pusē", sniedziet papildu kontekstu: "noklikšķiniet uz pogas Iesniegt" vai "skatiet sadaļu Saistītie raksti".
Vai jūsu tīmekļa vietne ir pieejama?
Skenējiet savu tīmekļa vietni bezmaksas un iegūstiet savu WCAG rezultātu dažu minūšu laikā.
Skenēt savu vietni bezmaksas