Pristupačnost za autore sadržaja: pisanje i produkcija inkluzivnog sadržaja

Pristupačnost ne počinje s dizajnom i ne završava s kodom. Autori sadržaja — pisci, urednici, marketinški stručnjaci i producenti multimedije — imaju izravan i značajan utjecaj na to je li digitalni sadržaj upotrebljiv za sve. Riječi koje birate, struktura koju stvarate, slike koje opisujete i mediji koje producirate sve određuje iskustvo korisnika s invaliditetom.

Dobra vijest je da pristupačno pisanje uglavnom znači dobro pisanje. Jasan, strukturiran, opisan sadržaj koristi svim korisnicima, ne samo onima koji koriste pomoćnu tehnologiju.

Pisanje jasnim jezikom

Jasno, izravno pisanje zahtjev je pristupačnosti, a ne samo stilska preferencija. Korisnici s kognitivnim invaliditetima, poremećajima učenja poput disleksije, govornici kojima jezik nije materinji i korisnici koji su jednostavno zauzeti ili rastreseni svi imaju koristi od sadržaja koji je lako razumljiv.

Pišite kratkim rečenicama u aktivnom glagolskom obliku. Koristite uobičajene riječi umjesto žargona ili tehničke terminologije — a kada su specijalizirani izrazi nužni, objasnite ih. Razbijte duge odlomke u kraće odlomke s opisnim podnaslovima. Koristite popise kada predstavljate više stavki ili koraka. Izbjegavajte idiome, metafore i kulturno specifične reference koje se možda neće dobro prevesti.

WCAG zahtijeva da sadržaj bude što čitljiviji, a na razini AAA da se pruži dopunski sadržaj ili alternativna verzija kada tekst zahtijeva sposobnost čitanja napredniju od razine nižeg srednjeg obrazovanja.

Alternativni tekst za slike

Alternativni tekst jedna je od najvažnijih odgovornosti sadržaja. Svaka slika koja prenosi informacije treba tekstualnu alternativu koja komunicira iste informacije korisnicima koji ne mogu vidjeti sliku. Čitači zaslona čitaju alt tekst naglas, a on se pojavljuje kada se slike ne uspiju učitati.

Pisanje dobrog alt teksta znači komuniciranje svrhe, a ne samo izgleda. Zapitajte se: koje informacije ova slika prenosi koje korisnik treba znati? Fotografija tima na sastanku mogla bi trebati alt tekst poput "Tim surađuje na planovima projekta oko konferencijskog stola" umjesto "foto.jpg" ili neodređenog "fotografija tima."

Različite vrste slika zahtijevaju različite pristupe:

Informativne slike koje prenose sadržaj trebaju opisni alt tekst koji komunicira informacije. Budite sažeti — obično ispod 125 znakova — ali osigurajte da su ključne informacije prisutne.

Funkcionalne slike poput ikona korištenih kao gumbi trebaju alt tekst koji opisuje funkciju, a ne izgled. Ikona povećala u gumbu za pretraživanje trebala bi imati alt tekst "Pretraživanje," a ne "povećalo."

Dekorativne slike koje dodaju vizualni interes ali nikakve informacije trebaju imati prazan alt tekst (alt="") kako bi ih čitači zaslona u potpunosti preskočili. Stock fotografije korištene isključivo u estetske svrhe često spadaju u ovu kategoriju.

Složene slike poput grafikona, dijagrama, infografika ili shema trebaju više od kratkog alt atributa. Pružite kratak alt tekst koji identificira sliku, zatim pružite detaljan opis u blizini — bilo kao vidljivi tekst, legenda ili povezani dugi opis.

Tekst linkova

Linkovi bi trebali imati smisla izvan konteksta. Korisnici čitača zaslona često navigiraju tako da pozovu popis svih linkova na stranici. Ako svaki link kaže "Pročitajte više" ili "Kliknite ovdje," taj je popis beskoristan.

Pišite tekst linkova koji opisuje kamo link vodi ili što radi. Umjesto "Kliknite ovdje za preuzimanje našeg vodiča za pristupačnost," napišite "Preuzmite naš vodič za pristupačnost." Umjesto "Saznajte više," napišite "Saznajte više o WCAG razinama usklađenosti."

Nikada ne koristite sirovi URL kao tekst linka osim ako je sam URL informacija koja se komunicira. URL-ove je teško čitati naglas i još teže razumjeti kada se čuju.

Naslovi i struktura

Koristite naslove za stvaranje smislene hijerarhije sadržaja, a ne za vizualno stiliziranje. Korisnici čitača zaslona navigiraju po naslovima kako bi pregledali sadržaj i prešli na sekcije od interesa. Naslovi moraju slijediti logičan redoslijed — H1 za naslov stranice, H2 za glavne sekcije, H3 za podsekcije unutar tih sekcija — bez preskakanja razina.

Svaka stranica trebala bi imati točno jedan H1. Podnaslovi bi trebali biti dovoljno opisni da korisnik može razumjeti sadržaj sekcije samo iz naslova.

Tablice

Koristite tablice za tabularne podatke — informacije koje imaju smislene odnose između redaka i stupaca. Nikada ne koristite tablice za vizualni raspored. Kada koristite tablice, uključite ispravne ćelije zaglavlja koristeći <th> elemente s scope atributima koji označavaju jesu li zaglavlja redaka ili stupaca. Za složene tablice s više razina zaglavlja, koristite id i headers atribute za izričito povezivanje podatkovnih ćelija s njihovim zaglavljima.

Pružite legendu ili sažetak koji opisuje svrhu tablice, posebno za složene tablice podataka.

Popisi

Kada predstavljate grupu povezanih stavki, koristite stvarne HTML popise — uređene popise (<ol>) za sekvencijalne stavke i neuređene popise (<ul>) za nesekvencijalne stavke. Ne stvarajte lažne popise koristeći prijelome redaka i crtice ili znakove za nabrajanje. Ispravno označavanje popisa govori čitačima zaslona koliko je stavki u popisu i gdje se korisnik nalazi unutar njega.

Video i audio sadržaj

Multimedijski sadržaj ima specifične zahtjeve pristupačnosti:

Titlovi moraju biti pruženi za sav unaprijed snimljeni video sa zvukom. Titlovi moraju uključivati sve izgovorene dijaloge, identificirati tko govori kada to nije vizualno očito i uključivati smislene zvučne efekte. Titlovi trebaju biti sinkronizirani sa zvukom i dostupni kao zatvoreni titlovi koje korisnici mogu uključiti ili isključiti.

Transkripti moraju biti pruženi za unaprijed snimljeni audio-only sadržaj poput podcastova. Transkripti trebaju uključivati sav izgovoreni sadržaj, identificirati govornike i opisati relevantne negovorne zvukove.

Audio opisi moraju biti pruženi za unaprijed snimljeni video gdje važne vizualne informacije nisu prenesene putem audio zapisa. Audio opisi nariraju značajne vizualne elemente — radnje, promjene scena, tekst na zaslonu — tijekom prirodnih pauza u dijalogu.

Automatsko reproduciranje zvuka mora biti izbjegnuto. Ako se zvuk automatski reproducira duže od tri sekunde, osigurajte mehanizam za pauziranje, zaustavljanje ili kontrolu glasnoće neovisno o sistemskoj glasnoći.

Pristupačni dokumenti

PDF-ovi i drugi dokumenti za preuzimanje također moraju biti pristupačni. To znači da trebaju pravilnu strukturu oznaka (naslove, popise, tablice), logičan redoslijed čitanja, alternativni tekst za slike, definirani jezik dokumenta i oznake za navigaciju u dužim dokumentima.

Kada je moguće, pružite važne informacije kao web sadržaj umjesto kao dokumente za preuzimanje. Web sadržaj je inherentno fleksibilniji i lakše ga je učiniti pristupačnim nego PDF.

Sadržaj na društvenim mrežama

Pristupačnost se proteže na društvene mreže. Dodajte alt tekst slikama objavljenim na platformama društvenih mreža — većina glavnih platformi sada to podržava. Koristite CamelCase u hashtagovima kako bi ih čitači zaslona mogli ispravno parsirati (npr. #PristupačnostWeba umjesto #pristupačnostweba). Izbjegavajte prenošenje informacija isključivo putem slika ili videa bez tekstualnih alternativa.

Senzorne karakteristike

Nikada ne pružajte upute koje se oslanjaju isključivo na senzorne karakteristike poput oblika, boje, veličine, vizualne lokacije, orijentacije ili zvuka. Umjesto "kliknite zeleni gumb" ili "pogledajte bočnu traku na desnoj strani," pružite dodatni kontekst: "kliknite gumb Pošalji" ili "pogledajte sekciju Povezani članci."