Nebol'6aa statistika

V Velikobritanii:

• u2mln.jiteley naru6enia zrenia;
• 9mln.jiteley imeut naru6enia sluxa;
• 3.4mln.ludey imeut fizi4eskie naru6enia;
• 1.5mln.ludey imeut umstvennie naru6enia;
• u 6mln.4elovek disleksia.

V S6A:

• u10mln.jiteley naru6enia zrenia;
• 28mln.jiteley imeut naru6enia sluxa;
• 8mln.ludey imeut fizi4eskie naru6enia;
• 6.8mln.ludey imeut umstvennie naru6enia;
• u 25mln. 4elovek disleksia.

Obratite vnimanie—metodi, primenaemie dla pol'zovateley s ograni4ennimi vozmojnostami, pomogut sdelat' sayt pro6e v ispol'zovanii dla kajdogo.

Naru6enie zrenia—slepota

Bol'6instvo slepix ludey ispol'zuut osoboe programmnoe obespe4enie dla prosmotra informacii s ekrana, takoe kak JAWS ili Windows-Eyes, 4tobi 4itat' stranici veb-sayta. Krome togo, nekotorie pol'zovateli polu4aut dostup k saytam s pomo6'u ustroystva Brayla, preobrazuu6ego tekst veb-sayta v 6rift Brayla. Odnako, ludi, vladeu6ie azbukoy Brayla, vstre4autsa namnogo reje—mnogie slepie ludi poterali zrenie vovrema jizni, a ne s rojdenia, a sledovatel'no ne obu4eni sisteme Brayla.

Klu4evie metodi dostupnogo i prakti4nogo dizayna dla slepix pol'zovateley:

Raspolagayte instrukcii pered polami formi

Tak kak programmnoe obespe4enie dla 4tenia informacii s ekrana prosmatrivaet soderjimoe v lineynom poradke, neobxodimo razme6at' vajnuu informaciu o trebovaniax k zapolneniu pola formi pered samim polem. Esli vi sdelaete naoborot, slepie pol'zovateli obnarujat special'nie trebovania posle togo, kak oni zapolnat pole formi.

Drugoy primer, pri kotorom poavlaetsa ta je problema, voznikaet, kogda zvezdo4ka «obazatel'noe k zapolneniu pole» stavitsa posle pola vvoda. Pol'zovateli so slepotoy ne budu znat', 4to pole formi obazatel'no dla zapolnenia, poka ne peremestatsa k sleduu6emu.

Dla povi6enia dostupnosti i prakti4nosti dla pol'zovateley, stradau6ix slepotoy, trebovania k zapolneniu pola formi doljni raspolagat'sa pered samim polem. Esli pol'zovatelu neobxodimo vvesti dannie v pole formi, to zvezdo4ku neobxodimo postavit' vnutri podpisi k polu. Dla bol'6ego uveli4enia dostupnosti i prakti4nosti mojno postavit' pered formoy zametku, ob&asnau6uu pol'zovatelam, 4to zvezdo4ka obozna4aet obazatel'noe dla zapolnenia pole.

Sozdanie ssilki «pereyti k osnovnomu kontentu»

Dla pol'zovateley, stradau6ix slepotoy, o4en' poleznoy budet ssilka «pereyti k osnovnomu kontentu», pozvolau6aa pereprignut' 4erez dlinnuu navigaciu k glavnoy informacii veb-stranici, umen'6aa koli4estvo soderjimogo, kotoroe im nujno proslu6at'. Bolee togo, esli na sayte est' 4asto ispol'zuemie funkcii, naprimer, poisk, takje budet polezno imet' ssilki dla perexoda k etim funkciam.

Ubedites', 4to tekst ssilok informativen

Slepie pol'zovateli, ispol'zuu6ie PO JAWS, mogut slu6at' nazivania ssilok na veb-stranice 4erez opciu «spisok ssilok». Esli tekst ssilki ne informativen—v nem ispol'zuutsa li6' frazi vida «najmite suda» ili «podrobnee», slepie pol'zovateli nikak ne smogut opredelit', kuda privedet ix eta ssilka.

Pri ispol'zovanii etoy opcii rekomenduetsa pisat' v tekste ssilki mesto eё nazna4enia. Naprimer, vmesto «najmite zdes', 4tobi uznat' bol'6e ob Agoo IT» bilo bi lu46e napisat': «uznayte bol'6e o Agoo IT». Slova «najmite zdes'» ubrani iz vtorogo varianta, tak kak eto termin, otnosa6iysa k rabote smi6koy.

Sozdavayte informativnie zagolovki veb-stranic

Pervoe, 4to usli6it pol'zovatel' 4itau6ego PO pri otkritii stranici—eto ee. Sledovatel'no, vajno ispol'zovat' zagolovok, kotoriy otrajaet soderjimoe veb-stranici. Naprimer, stranica skontaktnoy informaciey doljna imet' zagolovok «Na6i kontakti». Slepie pol'zovateli posle proslu6ivania zagolovka stranici doljni to4no opredelit', po palili oni na pravil'nuu stranicu i xotatli proslu6at' ee soderjimoe.

Ispol'zuyte sjatiy al'ternativniy tekst

Slepie pol'zovateli uznaut, 4to izobrajeno na kartinke po ee al'ternativnomu tekstu. Kogda izobrajenie neset vajnuu informaciu, k nemu neobxodimo dobavit' kratkiy podxoda6iy al'ternativniy tekst. Naprimer, logotip veb-sayta kompanii «EUA» doljen bit' obozna4en, kak alt="Kompania EUA". Razme6enie sli6kom bol'6ogo koli4estva informacii, kak, naprimer, «Kompania EUA, siniy fon s fioletovim tekstom i jeltoy podsvetkoy» mojet zaputat' slepix pol'zovateley.

V slu4ae, esli izobrajenie 4isto dekorativnoe ili ispol'zovano dla razmetki, k nemu nujno dobavit' pustoy al'ternativniy tekst: alt=«». Togda etogo 4itau6ee ekran PO ne budet proiznosit' nazvanie fayla s izobrajeniem.

Sozdavayte informativnie zagolovki

Vajno sozdavat' nagladnie zagolovki, kotorie semanti4eski otme4autsa tegami ot

do

. Slepie pol'zovateli 4asto proslu6ivaut zagolovki otdel'no ot osnovnogo soderjimogo stranici, s pomo6'u spiska zagolovkov. Eto pozvolaet polu4it' bistriy dostup imenno k toy informacii, kotoraa nujna pol'zovatelu, vmesto proslu6ivania vsey veb-stranici.

 

Teg

doljen soderjat' glavniy zagolovok, 4tobi mojno bilo bistro opredelit' o 4em rasskazivaetsa na stranice.

 

Sozdavayte audio opisanie i transkripcii video faylov

Slepie pol'zovateli ispol'zuut audio opisania, 4tobi polu4it' dopolnitel'nuu informaciu o vajnoy vizual'noy sostavlau6ey, pokazivaemoy v video fayle. Naprimer, v scene pogoni, kogda v ka4estve zvukovogo soprovojdenia ispol'zuetsa tol'ko muzikal'niy fragment, neobxodimo ispol'zovat' audio opisanie, 4tobi peredat' proisxoda6ie sobitia, takie kak «dva vora spuskautsa po lestnice, spasaas' ot policii»—potomu 4to slepie pol'zovateli ne smogut ponat', o 4em rasskazivaetsa v video fayle, slu6aa tol'ko ego zvukovoe soprovojdenie.

Drugaa poleznaa opcia dla audio i video soderjimogo—eto transkripcii. Transkripcii—eto zapisannie svodki audio i video kontenta, kotorie mogut soderjat' dopolnitel'nuu informaciu, takuu kak kommentarii ili opisania, 4tobi mojet pomo4' lu46e ponat' soderjimoe. Transkripcii pozvolaut slepim pol'zovatelam polu4at' dostup k audio i video kontentu al'ternativnim sposobom.

Pomnite, 4to slepie pol'zovateli ne mogut ispol'zovat' mi6'

Vajno ne zabivat', 4to slepie pol'zovateli ne ispol'zuut mi6'—oni primenaut klaviaturu dla navigacii po veb-saytu. Poetomu neobxodimo, 4tobi ves' funkcional i informacia sayta, vklu4aa upravlenie video v media-pleerax na sayte, bili dostupni s pomo6'u klaviaturi.

Naru6enia zrenia—slaboe zrenie

Ludi so slabim zreniem ispol'zuut uveli4itel'noe programmnoe obespe4enie, 4tobi obleg4it' prosmotr veb-sayta. V zavisimosti ot ser'eznosti naru6enia zrenia, oni mogut kombinirovat' uveli4itel'noe i4itau6ee ekran programmnoe obespe4enie, ispol'zua takie produkti, kak Supernova ili Zoom Text. Pri nebol'6ix problemax so zreniem pol'zovateli mogut prosto uveli4it' razmer teksta po umol4aniu v nastroykax svoix brauzerov ili izmenit' cvet, 4tobi sdelat' soderjimoe sayta udobnee dla 4tenia.

Klu4evie principi dostupnogo i prakti4nogo dizayna dla pol'zovateley so slabim zreniem:

Ne ispol'zuyte izobrajenia s tekstom

Esli eto vozmojno, izbegayte izobrajeniy s tekstom, vmesto nix lu46e primenat' special'no nastroenniy HTML. Izobrajenia stekstom me6aut vsem pol'zovatelam s naru6eniami zrenia. Dla tex, kto ispol'zuet uveli4ivau6ee PO,ka4estvo izobrajenia poteraetsa pri uveli4enii, a eto sdelaet tekst trudno4itaemim. Krome togo, na izobrajenia s tekstom ne budut vliat' cveta, nastroennie v veb-brauzere ili uveli4enie teksta.

Ubedites', 4to razmer teksta mojno izmenat'

Esli sozdavat' kontent, razmer kotorogo mojet menat'sa, pol'zovateli s naru6eniami zrenia budut menat' veli4inu teksta na veb-stranice, 4tobi sdelat' ego bolee 4itaemim.

Razme6ayte klu4evuu informaciu v special'nix mestax ekrana

Pol'zovateli, kotorie ispol'zuut uveli4ivau6ee PO mogut videt' tol'ko nebol'6uu 4ast' veb-stranici v kajdiy moment vremeni i budu iskat' kontent i funkcional sayta v special'nix mestax. Naprimer, funkcia poiska po veb-saytu obi4no raspolagaetsa v pravom verxnem uglu stranici, esli ona naxoditsa gde-nibud' e6ё, to ee mogut propustit'.

Ispol'zuyte cveta s visokim kontrastom

Dla povi6enia 4itabel'nosti sayta dla ludey s naru6eniami zrenia, ubedites', 4to cveta, primenaemie nasayte, imeut xoro6iy kontrast. Etogo mojno dosti4', proveriv vibrannie cveta s pomo6'u Juicy Studio color contrast analyzer. Testirua razli4nie so4etania osnovnogo i fonovogo cvetov mojno opredelit', sootvetstvuut li vibrannie cveta rekomendaciam WCAG. Krome togo, mojno sdelat' neskol'ko razli4nix cvetovix sxem, 4tobi obleg4it' 4itaemost'.

Naru6enia sluxa

Ludi s naru6eniami sluxa obi4no ne pol'zuutsa vspomogatel'nim programmnim obespe4eniem dla ulu46enia prosmotra saytov. Vmesto etogo, im trebuutsa sayti, predstavlau6ie audio kontent v al'ternativnix formatax, takix kak titri ili ras6ifrovki.

Delaa audio kontent dostupnim dla pol'zovateley s naru6eniami sluxa, vi takje povi6aete ego dostupnost' dla ostal'nix pol'zovateley, kotorie naxoditsa v situacii, pri kotoroy audio informaciu nel'za proslu6at'. Naprimer, oni mogut smotret' video s viklu4ennim zvukom v biblioteke ili naxodit'sa v 6umnom meste, gde slojno usli6at' 4to-libo, mogut pol'zovat'sa komp'uterom bez audio kolonok.

Klu4evie principi dostupnogo i prakti4nogo dizayna dla pol'zovateley s naru6eniami sluxa:

Sozdavayte titri dla lubogo video kontenta

Titri sozdautsa vmeste s samim video kontentom. Oni doljni bit' sinxronizirovani s audio tak, 4tobi soderjimoe bilo celikom ponatno bez zvuka.

Sozdavayte ras6ifrovki ispolnaemogo audio

Esli kontent progovarivaetsa bez video, kak naprimer v podkastax, vajno sdelat' ras6ifrovku. Rekomenduetsa sozdavat' ras6ifrovki s pomo6'u prostogo i dostupnogo HTML, a ne vvide dokumenta Microsoft Word ili Adobe PDF, 4tobi kak mojno bolee 6irokaa publika polu4ila dostup k nim.

Fizi4eskie naru6enia

Ludi s fizi4eskimi naru6eniami var'iruutsa ot tex, kto imeet vremennie povrejdenia, naprimer slomanuu ruku, do ludey s parali4em, kotorie ne mogut pol'zovat'sa ni odnoy kone4nost'u. V zavisimosti ot tajesti fizi4eskogo naru6enia eti pol'zovateli mogut zaxodit' na veb-sayti, ispol'zua raspoznau6ee golos PO,naprimer Dragon Naturally Speaking. Odnako imeetsa to,4to ob&edinaet vsex pol'zovateley s fizi4eskimi naru6eniami—ograni4enie ili otsutstvie vozmojnosti ispol'zovania mi6i. Eto ozna4aet, 4to kontent veb-sayta, trebuu6iy klika mi6koy ili xoro6ey motoriki nedostupen takim pol'zovatelam.

Klu4evie principi dostupnogo i prakti4nogo dizayna dla pol'zovateley s fizi4eskimi naru6eniami:

Ubedites', 4to ves' kontent mojet bit' dostupen s pomo6'u klaviaturi

Pol'zovateli s fizi4eskimi naru6eniami imeut ograni4enia ili otsutstvie vozmojnosti pol'zovania mi6koy, i poetomu pereme6autsa po veb-saytam s pomo6'u klaviaturi. Funkcii, zavisimie ot mi6ki, takie kak obrabot4ik sobitia on change, obi4no ispol'zuemoe s vipadau6imi menu, oslojnaut rabotu pri ispol'zovanii klaviaturi (kak tol'ko pol'zovatel' pereme6aetsa na vipadau6ee menu i najimaet strelku vniz dla vibora, sobitie on change mgnovenno zapuskaetsa, i v rezul'tate avtomati4eski vibiraetsa pervaa stroka, vne zavisimosti ottogo, 4to xotel pol'zovatel').

Sozdavayte sostoanie focus dla ssilok

Tak kak pol'zovateli sfizi4eskimi naru6eniami postoanno pol'zuutsa klaviaturoy dla vsex deystviy, vajno sozdavat' sostoanie :focus dla ssilok. Eto mojno osu6estvit', prisvaivaa drugoy stil' teksta ssilke, iz-za 4ego pri navedenii kursora cvet ili 4to-libo drugoe izmenaetsa i delaet ponatnim to,gde naxoditsa pol'zovatel' na stranice. Esli vstavit' v CSS sleduu6iy primer, ssilki budut stanovit'sa 4ernimi pri navedenii kursora libo mi6koy, libo klaviaturoy.

a:hover, a:focus, a:active {color: #000000;}

V rezul'tate polu4itsa:

Sozdavayte vidimie ssilki perexoda

Ssilki perexoda—eto ssilki, stanova6iesa vidimimi pri navedenii i pomogau6ie pol'zovatelam s fizi4eskimi naru6eniami. Pol'zovateli, ispol'zuu6ie klaviaturu, doljni proxodit' vsu stranicu, 4tobi dobrat'sa do ssilki, kotoraa ix interesuet, a ssilki perexoda pozvolaut oboyti dolguu navigaciu i umen'6it' koli4estvo najatiy klavi6, trebuu6eesa dla najatia nujnoy ssilki.

Ubirayte dvigau6iesa ob&ekti

Ne ispol'zuyte dvigau6iesa celi, takie kak maatniki, potomu 4to oni mogut pokazat'sa pol'zovatelam s fizi4eskimi naru6eniami sli6kom trudnimi dla ispol'zovania. Pri ponijennoy motorike slojno 4etko kontrolirovat' dvijenie mi6ki i najimat' na ob&ekt, poka on pereme6aetsa; pol'zovatelam, rabotau6im s pomo6'u klaviaturi, mojet ne xvatit' vremeni dla navedenia na nujniy ob&ekt, poka on ne skroetsa iz vidu.

Sozdavayte bol'6ie aktivnie oblasti

Nekotorie pol'zovateli s fizi4eskimi naru6eniami budut ispol'zovat' mi6' dla dostupa k veb-saytam. Tak kak u nix snijena motorika, vajno, 4tobi tekst mog bit' uveli4en dla obleg4enia najatia na ssilku. Dla bol'6ego uveli4enia udobstva, sdelaete dostato4no probelov mejdu ssilkami. Eto pozvolit ponizit' predel pogre6nosti, a zna4it pol'zovatel' ne budet slu4ayno najimat' nepravil'nuu ssilku.

Pravil'no nazivayte ssilki na izobrajenia i elementi upravlenia

Pol'zovateli, ispol'zuu6ie PO,raspoznau6ee golos, pereme6autsa po veb-saytam, govora slova dla aktivirovania ssilok i elementov upravlenia. Proiznosimie slova v osnovnom ne otli4autsa ot tex, 4to pokazani na veb-sayte. Poetomu vajno ubedit'sa, 4to vse knopki i iz otobrajenia na forme korrektno sozdani, i ix nazvanie sovpadaet s tekstom ili kartinkoy. Naprimer, esli na sayte est' knopka «Kupit'», pol'zovatel' skajet slovo «Kupit'» dla najatia etoy knopki, no esli ima knopki «Priobresti», to pol'zovatel' ne smojet najat' na nee.

Naru6enia poznavatel'nix sposobnostey i ne obu4aemost'

Ludi snaru6eniami poznavatel'nix sposobnostey i ne obu4aemost'u mogut imet' problemi s pamat'u, re6eniem zada4, vospriatiem i mi6leniem. Krome togo, stradau6ie ne obu4aemost'u ludi mogut ispitivat' trudnosti pri 4tenii i ponimanii (disleksia. V celax povi6enia dostupnosti veb-sayta vajno, 4tobi soderjanie bilo napisano prostim azikom, razmetka stranici bila neslojnoy, navigacia—ponatnoy i edinoobraznoy, a dviju6iesa ob&ekti otsutstvovali i nenaru6ali vospriatie.

Est' neskol'ko drugix vajnix principov dostupnogo i prakti4nogo dizayna dla pol'zovateley s naru6eniami poznavatel'nix sposobnostey i ne obu4aemost'u:

Sozdayte edinoobrazniy dizayn

Priderjivaytes' odnogo vne6nego vida i smisla na vsex stranicax veb-sayta. Prosledite, 4tobi vsa navigacia i glavnoe soderjimoe naxodilis' v odnix mestax na kajdoy stranice. Krome togo, viberite cvetnuu raskrasku razli4nix sekciy veb-sayta. Pol'zovateli s naru6eniami poznavatel'nix sposobnostey ineobu4aemost'u smogut leg4e pereme6at'sa po sekciam, raskra6ennim v raznie cveta. Etogo mojno dosti4', ispol'zua odinakoviy cvet fona ili banner naverxu kajdoy stranici v sekcii.

Sdelayte kartu sayta

Karta sayta pozvolit pol'zovatelam s naru6eniami poznavatel'nix sposobnostey i ne obu4aemost'u 4etko ponat' sostav vsego kontenta, raspolojennogo na sayte. Ona takje pomojet pol'zovatelu napramuu otkrit' lubuu stranicu sayta, esli on poteralsa.

Ispol'zuyte virovnenniy sleva 6rift bez zase4ek s izmenau6imsa razmerom

Scel'u uveli4enia 4itaemosti dla pol'zovateley s naru6eniami poznavatel'nix sposobnostey ineobu4aemost'u, ispol'zuyte 6rift bez zase4ek, razmer kotorogo mojno menat'. Krome togo, ispol'zuyte viravnivanie sleva. Tekst trudnee 4itat' iz-za nerovnix promejutkov mejdu slovami. Kursiv izaglavnie bukvi toje neobxodimo svesti k minimumu dla povi6enia 4itabel'nosti.

Sozdavayte poleznie soob6enia ob o6ibkax

Esli pol'zovatel' delaet o6ibki, pomogite emu, sozdav poleznie soob6enia o nix. Naprimer, esli obazatel'nie pola formi nebili zapolneni, soob6enie ob o6ibke doljno skazat' pol'zovatelu kakie pola neobxodimo zapolnit'.

Predlojite slovesniy vivod

Naprimer, na saytax organizaciy Browse Aloud iTextic imeetsa vozmojnost' vslux progovarit' soderjimoe veb-sayta pri videlenii slov na stranice. Ispol'zovanie etoy funkcii osobenno polezno dla pol'zovateley, kotorim trudno pro4itat' bol'6ie ob&emi teksta.

Sozdavayte razli4nie cvetovie sxemi

Ludam s naru6eniami poznavatel'nix sposobnostey mojet pomo4' vibor razli4nix cvetovix sxem.

Zaklu4enie

A nadeus', 4to eta stat'a nemnogo ob&asnila to,kak pol'zovateli s razli4nimi naru6eniami prosmatrivaut veb-sayti, i kak prostie izmenenia igraut bol'6uu rol' v pomo6i etim prosmotram. Poka etot spisok nepolon, metodi, opisannie v stat'e, mogut pomo4' povisit' dostupnost' i udobstvo veb-saytov dla ludey so zritel'nimi, sluxovimi, fizi4eskimi, poznavatel'nimi naru6eniami i ne obu4aemost'u.

Angliyskaa versia stat'i—Understanding disabilities when designing a website.

codeisart.ru/understanding-disabilities-when-designing-a-website/