Како учинити своју веб локацију приступачном

Приступачност је сложено питање. Многе ствари могу отежати приступ или разумевање ваше веб локације. Међутим, применом неких мера и довољно флексибилности, можете побољшати своју веб локацију и побољшати корисничко искуство. Овај викиХов ће вам пружити начине на које можете помоћи да своју веб страницу учините доступнијом другима. Напомена: Овај чланак није о одређеном стандарду. Ако је потребно да се придржавате одређеног стандарда, као што је ВЦАГ 2.0 или Одељак 508 америчког Федералног закона о рехабилитацији, молим вас погледајте и шта тај одређени стандард захтева.

Омогућавање приступачности сајта за алтернативне технологије

Омогућавање приступачности сајта за алтернативне технологије
Додајте алт текст за све релевантне слике. Једини изузеци су слике које су само декоративне, које нису потребне за разумевање веб странице или за интеракцију са његовим садржајем. Алт текст је текст као алтернатива за слику. Читаоци екрана уместо слике ће читати алт текст. [2]
  • Алт текст треба да буде функционалан, а не опис слике. На пример, симбол треба да садржи алт текст" Тражи ", а не алт текст" лупа ". [3] Кс Извор истраживања Ако се слика користи на дугмету, додајте је алт текст онога што дугме ради, нпр. „Пошаљи“.
  • Ако на слици постоји текст, на пример ако је слика логотип, текст треба да буде укључен у алт текст. [4] Кс Извор истраживања
  • Укључите алт текст у слику користећи атрибут алт. Користи се овако:
  • Ако је слика само декоративна, поставите алт текст као алт = "".
Опишите слику на другом месту ако је веома сложена или има пуно информација. На пример, ако је графикон или граф, опишите његов садржај изнад или испод слике. Наведите то у алт тексту, на пример "Табела средњег прихода домаћинства у САД од 2000. до 2017., као што је описано у даљем тексту". Такође можете повезати документ са свим вредностима као текст или табела.
Размислите о употреби ЦСС-а само за декоративне слике. На овај начин ове слике такође нестају ако корисник искључи ЦСС. [5]
  • Слике позадине се могу укључити помоћу ЦСС атрибута бацкгроунд-имаге. На пример: хтмл
Користите ХТМЛ5 семантичке ознаке. ХТМЛ5 је додао много семантичких ознака, тј. Ознака које се користе за описивање садржаја. Те ознаке омогућавају технологијама као што је читач екрана или режим читања неких прегледача да „разумеју“ садржај и прикажу га на смислен начин. [6]
  • Ако за подешавање нагласка користите подебљани и курзивни текст, а не само за стилизовање, користите и . Ово је такође подржано у старијим верзијама ХТМЛ-а.
  • Употреба за навигационе секције. То омогућава читачима екрана и другим технологијама да идентификују ове одељке и одлуче да ли ће их приказати или не. [7] Кс Извор истраживања
  • Употреба за главни садржај веб странице који је значајан сам по себи, без осталих делова странице. На пример, тхе ознака се обично користи за уносе у блогове, чланке и форуме. [8] Кс Извор истраживања
По потреби користите АРИА. Иако је боље користити изворне ХТМЛ елементе [9] , понекад нема доступних за вашу сврху. У том случају можете користити .
  • Имајте на уму да не бисте требали мењати семантику ХТМЛ елемената уколико то није апсолутно неопходно. [10] Кс Извор истраживања На пример, ово: Ово је транспарент са насловом првог нивоа је пожељно за ово: Ово је транспарент са насловом првог нивоа
Подесите језик документа [11] Кс Извор истраживања и делове који су различити. Ово се ради помоћу ХТМЛ-а атрибут. Омогућује читачима екрана да правилно изговарају делове и страницу, а конвенционални прегледачи тачније приказују текст (на пример, за пребацивање између смера за унос са десна на лево и са лева на десно). [12]
Користите елементе облика за обрасце. На пример, да бисте направили дугме, користите или , не или елементи. Последња два ослањају се на ЦСС и ЈаваСцрипт да делују попут дугмета, који нису увек доступни. Такође, морате да урадите додатни посао да бисте се правилно фокусирали и обавестили прегледач да је то дугме. Тако је једноставније и приступачније само користити или елемент. [13]
Ознака се правилно формира. Да бисте повезали ознаку са контролом обрасца, користите . Читач екрана ће прочитати ту ознаку када корисник дође до контроле обрасца, док се текст без ознаке обично прескаче. [14] Пример правилног означавања би био:

Чињење сајта читљивим

Дозволи корисницима да промене стил. То је најважније, јер различити корисници преферирају или требају различита прилагођавања. На пример, људима са неким видом недостатка треба висок контраст да би читали текст, док је неким особама са когнитивним сметњама потребан слаб контраст да би га прочитали. [15] Ово укључује величину фонта, шему боја, контраст, [16] стил фонта, размак линија и маргине [17] .
  • Искључите све табеле стилова и покушајте да се крећете по сајту. И даље би требало бити читљиво и употребљиво.
  • Омогућите на својој веб локацији могућности за промену стила, на пример дугме за промену величине текста или изборника за одабир шеме боја.
Подесите довољно размака. Обавезно га прилагодите величини фонта, тако да ако се промијени величина фонта, текст је и даље читљив.
  • Висина линије (размак између линија) треба да буде најмање 1,5 пута већа од величине фонта. [18] Кс Извор истраживања У ЦСС-у то се врши на следећи начин: висина линије: 1,5;
  • Размак између одломака треба бити најмање 2 пута већи од фонта. [19] Кс Извор истраживања То се може постићи постављањем доње маргине одломка: маргина-дно: 2ем;
  • Различите размаке можете прилагодити ЦСС атрибутом размака речи и размаком слова с размаком слова. Превише тога такође чини текст тежим за читање, па користите добру просудбу. Међутим, будите сигурни да је текст ако је величина размака слова 0.12ем и размак речи 0.16ем, текст и даље читљив. [20] Кс Извор истраживања
Имајте довољно висок контраст. Неки људи не могу прочитати текст ако је контраст пренизак. Постоји много аутоматизованих алата за проверу контраста. Такође можете искључити боју и сами погледати веб локацију. [21]
  • Омогућите и могућност слабог контраста, јер је превисок контраст такође тешко читати код неких људи.
Избегавајте оправдање текста на обе стране. Текст се оправдава на левој страни са исеченом десном ивицом. Овај стил је лакши за читање, посебно за особе са дислексијом. [22] [23]
Изаберите довољно велики фонт. Добра апроксимација је употреба најмање 12 пк [24] , и оптимално 16 пиксела [25] или чак 18 пк [26] .
Избегавајте дуге линије. То може отежати праћење тока текста. [27] [28] Користите максимално 80 знакова (максимално 40 ако је текст на кинеском, јапанском или корејском). [29]
Користите боје са укусом. Превише светлих боја може изазвати главобољу код осетљивих људи. Јарке боје користите само као акценте. Испробајте више пригушену палету боја с бојама попут сиве, пастеле и боја које нису превише засићене.
Смањите анимације на минимум. Или их уклоните у потпуности. Анимације могу одвлачити пажњу и спречавати корисника да чита главни садржај. [30] [31] Ако имате анимације, имајте могућност да их искључите. [32]
  • Ово се такође односи на видео записе са аутоматском репродукцијом и искачуће прозоре / слојеве. [33] Кс Извор истраживања
Не трептајте ниједан елемент више од 3 пута у секунди. Алтернативно, блицеве ​​држите испод прага ограничавајући их на мало подручје. Ако то не учините, може се проузроковати напад због фотосензибилности. [34]

Омогућавање употребе вашег садржаја

Користите јасан и концизан језик, посебно за упутства. Немојте користити више од једне везе и две зарезе. Користите речи које се обично користе у контексту. Не користите двоструке негативности. Избегавајте метафоре и небеседни језик. [35]
Дајте кориснику довољно времена за читање и обраду садржаја. Унапред обавестите корисника о томе када ће сесија истећи. Обавијестите их када истекне вријеме и дајте очигледан начин да се продужи. [36]
Структурирајте садржај. Користите наслове и поднаслове када то има смисла. [37] Преферирајте листе са тачкама или бројевима са дугим одломцима текста. [38] Користите одломке да бисте разбили дуге зидове текста.
Учините вашу веб локацију тастатуром за навигацију. Неки људи имају проблема са моториком који им спречавају употребу миша. Морају се кретати по сајту помоћу тастатуре. [39]
  • Дајте јасан обрис фокуса. Не уклањајте га. Показује који је елемент изабран са тастатуром. [40] Кс Извор истраживања
  • Ако корисник може преместити фокус на елемент, мора такође бити у могућности да фокус помера са њега помоћу тастатуре. [41] Кс Извор истраживања
Обезбедите различите формате за медије. Направите текст, видео (са затвореним натписима), звук и слике. На овај начин сваки корисник може одабрати формат који више воли. [42]
permanentrevolution-journal.org © 2020