Juurdepaasetavus sisuloojaile: kaasava sisu kirjutamine ja tootmine

Juurdepaasetavus ei alga disainist ega loppe koodiga. Sisuloojatel — kirjutajatel, toimetajatel, turundajatel ja multimeedia tootjatel — on otsene ja oluline moju sellele, kas digitaalne sisu on koigile kasutatav. Sonad, mida valid, struktuur, mida lood, pildid, mida kirjeldad, ja meedia, mida toodad, maaravad koik puuetega kasutajate kogemuse.

Hea uudis on see, et juurdepaasetavalt kirjutamine tahendab suures osas haesti kirjutamist. Selge, struktureeritud, kirjeldav sisu on kasulik koigile kasutajatele, mitte ainult neile, kes kasutavad abistavaid tehnoloogiaid.

Selges keeles kirjutamine

Selge, otsekohene kirjutamine on juurdepaasetavuse noue, mitte lihtsalt stiiilieelistus. Kognitiivsete puuetega, opiraskustega nagu dusleeksia, mitte-emakeelekoeenelejad ja kasutajad, kes on lihtsalt hoeivatud voi hajeratud, koeik saavad kasu sisust, mida on lihtne moista.

Kirjuta luhikeste lausetega aktiivses koeoneviisis. Kasuta levinud sonnad, mitte zhargoeoni voi tehnilist terminoloogiat — ja kui eriterminid on vajalikud, selgita neid. Jaga pikad loeigud luehemateks loeikudeks kirjeldavate vahepealkirjadega. Kasuta loendeid, kui esitad mitu elementi voi sammu. Valti idioeeme, metafoore ja kultuurispetsiifilisi viiteid, mis ei pruugi haeasti toeelkida.

WCAG nouab, et sisu oleks voimalikult loetav, ja tasemel AAA, et taiendav sisu voi alternatiivne versioon oleks saadaval, kui tekst nouab lugemisosavust, mis ueletab alumise keskhariduse taseme.

Piltide alternatiivtekst

Alternatiivtekst on ueks olulisemaid sisuvastutusi. Iga pilt, mis edastab teavet, vajab tekstialternatiivi, mis edastab sama teabe kasutajatele, kes pilti ei naee. Ekraanilugejad loevad alt-teksti ette ja see ilmub, kui pildid ei laaditu.

Hea alt-teksti kirjutamine tahendab eesmaergi, mitte ainult vaeelimuse edastamist. Kuesi endalt: millist teavet see pilt edastab, mida kasutaja peab teadma? Meeskonna koosolekulkufoto voib vajada alt-teksti nagu "Meeskond teeb koostoeed projektiplaanide umber konverentsialaua taga", mitte "foto.jpg" voi ebamaeaerane "meeskonna foto".

Erinevat tuuepi pildid vajavad erinevaid lahenemisi:

Informatiivsed pildid, mis edastavad sisu, vajavad kirjeldavat alt-teksti, mis edastab teabe. Hoia see luehidana — tavaliselt alla 125 tahemergi — kuid taga, et oluline teave on olemas.

Funktsionaalsed pildid nagu nuppudena kasutatavad ikoonid vajavad alt-teksti, mis kirjeldab funktsiooni, mitte vaeelimust. Suurendusklaasi ikoon otsingunupus peaks omama alt-teksti "Otsi", mitte "suurendusklaas".

Dekoratiivsed pildid, mis lisavad visuaalset huvi, kuid mitte teavet, peaksid omama tuehja alt-teksti (alt=""), et ekraanilugejad need taielikult vahele jaetaksid. Puhtalt esteetilistel eesmaerkidel kasutatavad fotopaenagalargid kuuluvad sageli sellesse kategooriasse.

Keerukad pildid nagu diagrammid, graafikud, infograafikad voi skeemid vajavad enamat kui luehikest alt-atribuuti. Paku luehike alt-tekst, mis tuvastab pildi, seejaerel paku ueeksikasjalik kirjeldus lahedal — kas naehtava tekstina, pealkirjana voi lingitud pika kirjeldusena.

Lingitekst

Lingid peaksid olema moistetavad vaeljaspool konteksti. Ekraanilugeja kasutajad navigeerivad sageli, tuues esile koigi linkide loendi lehel. Kui iga link uetleb "Loe edasi" voi "Kliki siia", on see loend kasutu.

Kirjuta lingitekst, mis kirjeldab, kuhu link viib voi mida see teeb. Selle asemel, et "Kliki siia, et laadida alla meie juurdepaasetavuse juhend", kirjuta "Laadi alla meie juurdepaasetavuse juhend". Selle asemel, et "Loe edasi", kirjuta "Loe lisaks WCAG vastavustasemete kohta".

Ara kunagi kasuta lingitekstina toeorest URL-i, valja arvatud juhul, kui URL ise on edastatav teave. URL-e on raske ette lugeda ja veelgi raskem kuulmise pealt moista.

Pealkirjad ja struktuur

Kasuta pealkirju tahendusrikka sisuhierarhia loomiseks, mitte visuaalse stiilivormingu jaoks. Ekraanilugeja kasutajad navigeerivad pealkirjade jargi sisu skaneerimiseks ja huvipakkuvatesse jaotistesse hueppamiseks. Pealkirjad peavad jaergima loogilist jaerkoveerda — H1 lehe pealkirja jaoks, H2 peamiste jaotiste jaoks, H3 alajaotiste jaoks nende jaotiste sees — ilma tasemeid vahele jaetmata.

Igal lehel peaks olema taepealt uks H1. Alammpealkirjad peaksid olema piisavalt kirjeldavad, et kasutaja saaks jaotise sisu moistma ainult pealkirja pohjal.

Tabelid

Kasuta tabeleid tabeliandmete jaoks — teabe jaoks, millel on tahendusrikkad seosed ridade ja veergude vahel. Ara kunagi kasuta tabeleid visuaalse paigutuse jaoks. Kui kasutad tabeleid, lisa koerrektsed paiselahtrid kasutades <th> elemente koos scope atribuutidega, mis naeitavad, kas need on reapaeised voi veergupaeised. Keerukate tabelite puhul mitme paisetasemega kasuta id ja headers atribuute andmelahtrite selgesoenaliseks seostamiseks nende paistega.

Paku pealkiri voi kokkuvoete, mis kirjeldab tabeli eesmaerki, eriti keerukate andmetabelite puhul.

Loendid

Seotud elementide grupi esitamisel kasuta tegelikke HTML-loendeid — jaerjestatud loendeid (<ol>) jaerjestitatud elementide jaoks ja jaerjestamata loendeid (<ul>) mittejaerjestitatud elementide jaoks. Ara loo voetsloendeid kasutades reavahetusi ja kriipse voi taepipunkte. Korrektne loendimargistus uetleb ekraanilugejatele, mitu elementi loendis on ja kus kasutaja loendis asub.

Video- ja helisisu

Multimeediasisul on konkreetsed juurdepaasetavuse nouded:

Subtiitrid tuleb pakkuda koigile eelsalvestatud videotele heliga. Subtiitrid peavad holmama koiki kooeneldud dialooge, tuvastama, kes raaeigib, kui see ei ole visuaalselt ilmne, ja holmama tahendusrikkaid heliefekte. Subtiitrid peaksid olema sunkroniseeritud heliga ja saadaval kinniste subtiitritena, mida kasutajad saavad sisse ja vaelja luelitada.

Transkriptsioonid tuleb pakkuda eelsalvestatud ainult-helisisule nagu taskuhaeaelingud. Transkriptsioonid peaksid holmama koiki kooeneldud sisu, tuvastama koenelejaid ja kirjeldama asjakohaseid mittekoeene helisid.

Helikirjeldused tuleb pakkuda eelsalvestatud videole, kus oluline visuaalne teave ei ole edastatud heliraja kaudu. Helikirjeldused jutustavad olulisi visuaalseid elemente — tegevusi, stseenimuutusi, ekraanil olevat teksti — dialoogi loomulike pauside ajal.

Automaatne heliesitus peab olema vaelditav. Kui heli maeengib automaatselt rohkem kui kolm sekundit, paku mehhanism peatamiseks, peaetamiseks voi helitugevuse reguleerimiseks soeeltumatult suesteemi helitugevusest.

Juurdepaasetavad dokumendid

PDF-id ja muud allalaaditavad dokumendid peavad samuti olema juurdepaasetavad. See tahendab, et need vajavad koerrektsed siltide struktuuri (pealkirjad, loendid, tabelid), loogilist lugemisjaerkorda, piltide alternatiivteksti, maeeratud dokumendi keelt ja jaergehoidjaid navigeerimiseks pikemates dokumentides.

Voimalusel paku olulist teavet veebisisuna, mitte allalaaditavate dokumentidena. Veebisisu on olemuselikult paindlikum ja lihtsam juurdepaasetavaks muuta kui PDF.

Sotsiaalmeedia sisu

Juurdepaasetavus laieneb sotsiaalmeediasse. Lisa alt-tekst sotsiaalmeedia platvormidel postitatud piltidele — enamik suuremaid platvorme toetab seda nuued. Kasuta CamelCase'i haesitaegides, et ekraanilugejad saaksid neid oigesti eroeldada (nt #VeebiJuurdepaasetavus, mitte #veebijuurdepaasetavus). Valti teabe edastamist ainult piltide voi video kaudu ilma tekstialternatiivideta.

Sensoorsed omadused

Ara kunagi paku juhiseid, mis toetuvad ainult sensoorsetele omadustele nagu kuju, vaarv, suurus, visuaalne asukoht, orientatsioon voi heli. Selle asemel, et "kliki rohelist nuppu" voi "vaata parempoolset kuelgriba", paku lisakonteksti: "kliki Esita nuppu" voi "vaata jaotist Seotud artiklid".