Почетна » Цодинг » Поглед у АРИА Веб Стандардс & ХТМЛ Аппс Аццессибилити

    Поглед у АРИА Веб Стандардс & ХТМЛ Аппс Аццессибилити

    Заиста отворена и инклузивна мрежа захтева технологије које омогућавају корисницима са инвалидитетом да се ослањају на помоћне технологије да уживају у динамичном веб садржају и модерним веб апликацијама. Веб стандарди В3Ц-а за приступачност имају за циљ да попуне веб са приступачним богатим Интернет апликацијама (АРИА) које корисници са инвалидитетом могу ефикасно да користе.

    АРИА је један од бројних стандарда и смјерница за приступачност објављених од стране Иницијативе Веб приступачности (ВАИ). Он обезбеђује додатну ознаку која се може лако убацити у ХТМЛ документе. ВАИ-АРИА је цросс-платформско решење за унакрсне уређаје које циља на Опен Веб Платформ, тако да не размишљајте само о сајтовима, већ ио играма, дигиталној забави, здравственој заштити, мобилним и другим врстама апликација.

    У овом посту ћемо погледати како можете додати приступачност ХТМЛ документима уз помоћ ВАИ-АРИА стандарда.

    Оквир АРИА

    Синтакса ХТМЛ-а не дозвољава програмерима да исправно описују елементе, да идентификују њихове улоге и специфицирају односе између њих. Иако је то ретко проблем за посетиоце који су у потпуности у поседу својих чула, то може да спречи кориснике помоћне технологије да разумеју шта се дешава на екрану и да истражују њихове опције.

    Ово је тачка у којој нам АРИА долази на располагање, јер омогућава да се помоћу различитих елемената дефинише сврха различитих елемената значајне улоге, и описати њихову природу атрибути с префиксом арије. Атрибути са префиксом арије имају два типа: својства који описују функције које су мање вероватно да ће се мењати током целог животног циклуса странице, и државе који пружају информације о стварима које се често мењају због интеракције корисника.

    Ландмарк Ролес

    Ландмарк ролес су најпознатији облици АРИА модела улога (други су апстрактне улоге, улоге видгета и улоге структуре докумената). Улоге ландмарк-а омогућавају програмерима да идентификују велике видљиви региони на веб страници које корисници асистивне технологије могу жељети брзо приступити.

    Постоји 8 врста АРИА ознака улога, и оне морају бити додане као атрибути одговарајућим ХТМЛ ознакама.

    роле =”баннер”

    Улога баннера је намијењена углавном за садржај који се односи на цијели сајт, а не само на појединачне странице. Обично се додаје као атрибут главном заглављу сајта за логотип и друге важне информације за читав сајт. Важно је да улогу баннера користите само једном у било којем ХТМЛ документу или апликацији.

    роле =”главни”

    Главна улога се односи на главни садржај документа. Не може се користити више од једном на било којој ХТМЛ страници. Обично следи

    синтакса, или у ХТМЛ5 више семантички
    . Ово последње је додато В3Ц спецификацијама у циљу мапирања главни Улога АРИА репера за елемент семантичког ХТМЛ-а.

    роле =”навигација”

    Улога навигације је намијењена за означавање подручја које садржи навигацијске елементе као што су везе и пописи на веб-локацији.

    роле =”комплементарни”

    Комплементарна улога означава додатни садржај који се односи на главни садржај странице. Треба га поставити на сличан ниво у ДОМ хијерархији као роле = "маин". Слични постови, популарни чланци, најновији коментари су типични примери аутономног комплементарног садржаја.

    роле =”цонтентинфо”

    Улога цонтентинфо информише корисничке агенте о присуству региона у којем се могу наћи различите врсте метаподатака, као што су информације о ауторским правима, законске изјаве и изјаве о приватности. Обично се користи за подножје сајта.

    роле =”форма”

    Улога оријентира у облику означава форму која чека на унос корисника. За форме претраге које треба да користите роле = "сеарцх" уместо тога.

    роле =”Претрага”

    Улога претраге је прилично разумљива, она је намијењена да помогне помоћним технологијама да препознају функционалност претраживања веб локације.

    роле =”апликација”

    Можете користити улогу оријентира апликације за регион који желите да се декларише као веб апликација, а не као Веб документ. Не препоручује се укључивање на традиционалне веб странице, јер наговештава помоћне технологије за прелазак са нормалног начина претраживања на режим претраживања апликације. Ову улогу можете користити само са великом пажњом.

    СЛИКА: Приступи ресурсима Ски.цом

    Државе и Својства

    Док вам улоге омогућавају да дефинишете значење ХТМЛ ознака, стања и својства пружају кориснику додатне информације о томе како да комуницирају са њима. И стања и својства су означени са атрибути с префиксом арије са синтаксом ариа- *.

    Најпознатији АРИА атрибути су вероватно арија-захтевана својства и арија-проверено стање. Ариа-потребна је а својство јер је то трајна карактеристика улазног елемента (тј. корисник га мора попунити), док је ариа-провјерена а држава зато што оквир за проверу често мења своју вредност због интеракције корисника.

    Синтакса Ари-префиксних атрибута

    Државе и својства понекад узимају вредности токен-ова (ограничени скуп унапред дефинисаних вредности), на пример, својство ариа-ливе може имати 3 различите вредности: ван, учтив, ассертиве. Синтакса у овом примеру изгледа овако:

    .

    У другим случајевима вредности арија-префиксних атрибута су представљене стрингс, бројеве, интегерс, ИД референце или тачно нетачно вредности.

    Како користити АРИА државе и својства

    1. Изградите односе између елемената са атрибутима односа

    Користите атрибуте односа да бисте означили односе између различитих елемената на вашем сајту, који се не могу другачије одредити из структуре документа. На пример ариа-лабелледби својство идентификује елемент који означава тренутни елемент.

    ариа-лабелледби - међу многим другим стварима - могу везати наслове за АРИА реперне регије на следећи начин:

    Ово је наслов

    Главни садржај…

    2. Синхронизујте државе и својства са животним циклусом елемента

    Након што поставите улогу АРИА оријентира за видљиво подручје на вашој ХТМЛ страници, она може помоћи помоћним технологијама пуно ако промијените стања и својства подређених елемената с АРИА префиксом у складу са догађајима који се дешавају на екрану. Ово може бити пресудно када корисници морају да комуницирају са сајтом, на пример попуњавањем формулара или покретањем упита за претрагу.

    3. Ускладите Висуал и Аццессибле Интерфацес

    Опште правило о дизајну приступачности је да тренутно стање корисничког интерфејса увек треба да буде видљиво помоћу помоћних технологија. На пример, ако корисник изабере опцију у форми, она мора да буде изабрана и за помоћне технологије. Ово се лако може постићи коришћењем стања изабраног у арији са следећом синтаксом: .

    В3Ц-ова смерница ВАИ-АРИА Аутхоринг Працтицес може вам дати многе друге одличне идеје о томе како правилно ускладити визуелни и приступачни интерфејс вашег сајта.

    Не претјеруј са АРИА

    Коришћење АРИА улога и атрибута понекад може бити сувишно. Када користите семантичке ознаке ХТМЛ5 као што су или

    , модерни веб претраживачи подразумевано додају одговарајућу АРИА семантику. У овом случају нема смисла да се одвојено постављају најважније улоге АРИА-е.

    На пример, непотребно је користити форма улога оријентира за дефинисање

    елемент. Уместо
    Синтакса је сасвим довољно да се користи само
    . Такође је сувишно користити ХТМЛ атрибуте као и одговарајући АРИА атрибут.

    Дакле, ако сте већ додали сакривен ХТМЛ атрибут за унос обрасца, није потребно додати ариа-хидден стање, пошто га прегледач подразумевано укључује.

    © Savtec
    Корисни савети и савети за развој веба. Програмирање, веб дизајн, ЦСС, ХТМЛ, ЈАВАСЦРИПТ. Конфигуришите и поново инсталирајте ВИНДОВС. Израда сајтова и апликација од почетка.