Жеткиликтүүлүккө карай

Жеткиликтүүлүккө карай

Жума күнү жумуш күнү аяктайт. Жаман кабар жума күнү жумуш күнүнүн аягында келет.

Сиз кеңседен чыгайын деп жатасыз, почтага жаңыдан башка кайра уюштуруу жөнүндө жаңы кат келди.

Рахмат хххххххххххххххххххххххххххххххххххххххххххххххххххххххххххххххххххххххххххххххххххххххххххххххххххххххххххххххххххххххххххххххххххххххххххххххх, ййй бугундан zzzz хабарлайсиз
...
Ал эми Хьюнун командасы биздин өнүмдөрдү мүмкүнчүлүгү чектелген адамдар үчүн жеткиликтүү кылып камсыздайт.

О жок! Эмне үчүн мен буга татыктуу болдум? Алар менин кетишимди каалайбы? Өзүңүздү алкышсыз эмгекке жана башка адамдардын катасын оңдоого аракет кылыңыз. Бул албетте ийгиликсиздик...

Бул бир нече жыл мурун жеткиликтүү болгон. Кээ бир жакыр жандарга UIди “тазалоо” милдети тапшырылып, аны майыптар үчүн жеткиликтүү кылуу үчүн аракет кылышкан.

Бул чынында эле түшүнүксүз болгон - эгер сиз фокус индикаторун жана талаалар аркылуу өтмөктү көрө алсаңыз, бир нече альтернативдик текст жана бир нече талаа сүрөттөмөлөрү болсо, анда сиздин колдонмоңуз жеткиликтүү деп эсептелет ...

Бирок күтүлбөгөн жерден “баталар” көчкүнүн ылдамдыгы менен көбөйө баштады.

Ар кандай экран окугучтары (Англисче Screen Readers) жана браузерлер такыр башкача иштешти.

Колдонуучулар колдонмо жараксыз деп нааразы болушту.

Бир жерде ката оңдолсо, экинчи жерде экинчиси пайда болду.

Ал эми жөн гана колдонуучу интерфейсинин каталарын өзгөртүү жана оңдоо Геркуланын аракетин талап кылды.

Мен ошол жерде болчумун. Мен аман калдым, бирок “ийгиликке” жеткен жокпуз – техникалык жактан биз көп тазаладык, көптөгөн талаа сыпаттамаларын, ролдорду кошуп, кандайдыр бир деңгээлде шайкештикке жетиштик, бирок эч кимиси кубанган жок. Колдонуучулар дагы эле тиркемени башкара албай жатканына нааразы болушту. Менеджер дагы эле каталардын тынымсыз агымына нааразы. Инженерлер көйгөй туура эмес коюлуп, бардык учурларда иштей турган так аныкталган "туура" чечим жок деп нааразы болушту.

Жеткиликтүүлүктү түшүнүүгө болгон сапарымда көзүмдү ачкан учурлар болду.
Балким, биринчиси, даяр буюмдун үстүнө жеткиликтүүлүк функциясын кошуу кыйын экенин түшүнүү болгон. Ал эми менеджерлерди бул укмуш кыйын экенине ынандыруу андан да кыйын! Жок, бул жөн гана "бир нече тегдерди кошуу" эмес жана UI жакшы иштейт. Жок, муну үч жумада бүтүрүү мүмкүн эмес;
Менин кийинки чындык учурум азиз колдонуучулар биздин колдонмону кантип колдонушканын өз көзүм менен көргөндө келди. Бул ката билдирүүлөрүн кароодон СОҢ айырмаланат.

Мен буга кайра-кайра кайтам, бирок биздин колдонмону колдонгондор тууралуу дээрлик бардык "болжолдорубуз" туура эмес болгон.

Баскычтарды басып колдонуу менен татаал колдонуучу интерфейсинде навигация Tab/Shift+Tab - бул жаман! Бизге жакшыраак нерсе керек. Баскычтоптун жарлыктары, баштар.

UI өзгөртүүдө фокустун жоголушу чоң көйгөй эмес, туурабы? Келгиле, дагы бир жолу ойлонуп көрөлү - бул укмуштай баш аламандык.

Мен уланттым, бир аз убакытка ар кандай долбоорлордун үстүндө иштедим, анан биз бул жолу жеткиликтүүлүккө ээ болуу үчүн татаал колдонуучу интерфейси жана так орнотуу менен жаңы долбоорду баштадык.

Ошентип, биз бир кадам артка кетип, муну кантип башкача ишке ашырып, кантип ийгиликке жетүүгө болорун карап көрдүк жана процессти кызыксыз кылабыз!

Биз бат эле кээ бир жыйынтыкка келдик:

  1. Биз колдонуучу интерфейсин иштеп чыккан адамдардын ариянын энбелгилери/ролдору жана, албетте, компоненттердин HTML структурасы менен чаташтырышын каалабадык. Биз аларды кутудан эле жеткиликтүүлүктү түзгөн туура компоненттер менен камсыз кылышыбыз керек болчу.
  2. Жеткиликтүүлүк == Колдонуунун жеңилдиги – б.а. Бул жөн гана техникалык кыйынчылык эмес. Биз дизайн процессин толугу менен өзгөртүшүбүз керек жана UI дизайны башталганга чейин жеткиликтүүлүк эске алынып, талкууланышы керек болчу. Колдонуучулар кандайдыр бир функцияны кантип ачарын, алар кантип навигациялашарын жана клавиатурадан чычкандын оң баскычын басуу кантип иштей турганын эртерээк ойлонушуңуз керек. Жеткиликтүүлүк долбоорлоо процессинин ажырагыс бөлүгү болушу керек - кээ бир колдонуучулар үчүн бул тиркеменин сырткы көрүнүшүнөн алда канча көп.
  3. Эң башынан эле биз азиз жана башка майып колдонуучулардан тиркемени колдонуунун оңойлугу тууралуу пикир алгыбыз келген.
  4. Бизге жеткиликтүүлүк регрессияларын кармоо үчүн чындап эле жакшы жолдор керек болчу.

Ооба, инженердик көз караштан алганда, биринчи бөлүк абдан кызыктуу угулду - архитектураны иштеп чыгуу жана компоненттердин китепканасын ишке ашыруу. Жана чындап эле ошондой болгон.

Артка кадам таштап, карап ARIA мисалдары жана муну “кийинки” маселе эмес, долбоорлоо маселеси катары ойлоп, биз кээ бир абстракцияларды киргиздик. Компоненттин "Түзүмү" (HTML элементтеринен турат) жана "Жүрүм-туруму" (колдонуучу менен кантип иштешет) бар. Мисалы, төмөнкү фрагменттерде биз жөнөкөй иретсиз тизмеге ээбиз. "Жүрүм-турумдарды" кошуу менен тиешелүү ролдор тизмеге кошулуп, ал тизме сыяктуу иштейт. Биз меню үчүн да ушундай кылабыз.

Жеткиликтүүлүккө карай

Чынында, бул жерде ролдор гана кошулбастан, ошондой эле клавиатура багыттоосу үчүн окуяны иштетүүчүлөр да кошулат.

Бул дагы тыкан көрүнөт. Эгерде биз алардын ортосунда таза ажырата алсак, структура кандайча түзүлгөнү маанилүү эмес, биз ага жүрүм-турумдарды колдонуп, жеткиликтүүлүктү туура ала алабыз.

Сиз муну иш жүзүндө көрө аласыз https://stardust-ui.github.io/react/ – UX китепканасы иш-аракет кылгыла, ал башынан эле жеткиликтүүлүгүн эске алуу менен иштелип чыккан жана ишке ашырылган.

Экинчи бөлүк - дизайндын айланасындагы мамилени жана процесстерди өзгөртүү мени алгач коркутту: уюштуруучулук өзгөрүүлөрдү ишке ашырууга аракет кылган төмөн инженерлердин аягы дайыма эле жакшылык менен бүтпөйт, бирок бул процесске биз олуттуу салым кошкон эң кызыктуу багыттардын бири болуп чыкты. . Кыскача айтканда, биздин процесс төмөнкүдөй болду: жаңы функциялар бир команда тарабынан иштелип чыгат, андан кийин биздин лидерлик топ сунушту карап чыгат/кайталайт, андан кийин жактырылгандан кийин долбоор адатта инженердик топко өткөрүлүп берилет. Бул учурда, инженердик топ жеткиликтүүлүк функционалдуулугуна натыйжалуу "ээлик кылат", анткени аны менен байланышкан бардык маселелерди чечүү алардын жоопкерчилиги болгон.

Башында, жеткиликтүүлүк менен колдонууга жарамдуулуктун бири-бири менен тыгыз байланышта экенин жана бул долбоорлоо стадиясында жасалышы керек экенин түшүндүрүү абдан кыйын иш болчу, антпесе бул чоң өзгөрүүлөргө жана кээ бир ролдорду кайра аныктоого алып келет. Бирок, менеджменттин жана негизги оюнчулардын колдоосу менен биз идеяны кабыл алып, аны ишке киргиздик, ошондуктан дизайндар жетекчиликке сунушталганга чейин жеткиликтүүлүк жана колдонууга ылайыктуулугу боюнча сыналган.

Жана бул пикир бардыгы үчүн абдан баалуу болду - бул колдонуучулардын веб тиркемелери менен кандайча өз ара аракеттенишээри жөнүндө билимди бөлүшүү/байланыш боюнча көнүгүү катары фантастикалык болду, биз алар курулганга чейин көптөгөн UI көйгөйлүү аймактарын аныктадык, азыр иштеп чыгуучу топтор бир топ жакшыраак спецификацияларга ээ. визуалдык гана, бирок ошондой эле дизайндын жүрүм-турум аспектилери. Чыныгы талкуулар техникалык аспектилер жана өз ара аракеттенүү жөнүндө кызыктуу, энергиялуу, жалындуу талкуулар.

Эгер бул (же кийинки) жолугушууларда азиз жана майып колдонуучуларыбыз болсо, муну жакшыраак кыла алмакпыз - муну уюштуруу кыйынга турду, бирок биз азыр жергиликтүү азиз уюмдар жана компаниялар менен иштешип жатабыз, алар аткаруу агымын эртерээк текшерүү үчүн тышкы тестирлөөнү камсыз кылат. өнүктүрүү — компонент жана аткаруу агымынын деңгээлинде да.

Инженерлер азыр кыйла деталдуу спецификацияларга, алар ишке ашыруу үчүн колдоно ала турган жеткиликтүү компоненттерге жана аткаруу агымын текшерүү жолуна ээ. Тажрыйба бизге үйрөткөн нерселердин бир бөлүгү - биз буга чейин жетишпей жүргөн нерсе - регрессияны кантип токтото алабыз. Ошо сыяктуу эле, адамдар визуалдык жана жүрүм-турумдук өз ара аракеттенүүдөгү жана аткаруу агымындагы өзгөрүүлөрдү аныкташыбыз керек болгон функцияларды сыноо үчүн интеграцияны же аягына чейин тесттерди колдоно алышат.

Визуалдык регрессияны аныктоо - бул кыйла аныкталган милдет, клавиатура менен навигацияда фокустун көрүнөөрүн текшерүүдөн башка процесске кошула турган өтө аз нерсе бар. Жеткиликтүүлүк менен иштөө үчүн эки салыштырмалуу жаңы технологиялар кызыктуураак.

  1. Атайын мүмкүнчүлүктөр жөнүндө түшүнүктөр көйгөйлөрдү аныктоо үчүн браузерде да, куруу/сыноо циклинин бир бөлүгү катары да иштей турган куралдардын жыйындысы.
  2. Экранды окугучтардын туура иштешин текшерүү өзгөчө татаал иш болду. кирүү менен Атайын мүмкүнчүлүктөр DOM, Акыры, биз визуалдык тесттердегидей эле, колдонмонун атайын мүмкүнчүлүктөр сүрөттөрүн тартып, аларды регрессия үчүн сынай алдык.

Ошентип, окуянын экинчи бөлүгүндө биз HTML кодду редакциялоодон абстракциянын жогорку деңгээлинде иштөөгө өттүк, дизайнды иштеп чыгуу процессин өзгөрттүк жана кылдат тестирлөө киргиздик. Жаңы процесстер, жаңы технологиялар жана абстракциянын жаңы деңгээли жеткиликтүүлүктүн пейзажын жана бул мейкиндикте иштөө эмнени билдирерин толугу менен өзгөрттү.
Бирок, бул башталышы гана.

Кийинки "түшүнүү" сокур колдонуучулар алдыңкы технологияларды айдап жатышат - алар биз жогоруда сүрөттөгөн өзгөрүүлөрдөн гана эмес, ML/AI аркылуу жаңы ыкмалар менен идеялардын пайда болушуна эң көп пайда көрүшөт. Мисалы, Immersive Reader технологиясы колдонуучуларга текстти оңой жана айкын көрсөтүүгө мүмкүндүк берет. Аны үн чыгарып окуса болот, сүйлөмдүн түзүлүшү грамматикалык жактан бөлүнөт, ал тургай сөздүн мааниси да графикалык түрдө көрсөтүлөт. Бул эски "аны жеткиликтүү кылуу" менталитетине такыр туура келбейт - бул бардыгына жардам бере турган колдонуу мүмкүнчүлүгү.

ML/AI өз ара аракеттенүүнүн жана иштөөнүн таптакыр жаңы ыкмаларын ачып берип жатат жана биз бул алдыңкы саякаттын кийинки этаптарынын бир бөлүгү болгонубузга кубанычтабыз. Инновациялар ой жүгүртүүнүн өзгөрүшү менен шартталган - адамзат миңдеген жылдар бою, машиналар жүздөгөн жылдар бою, веб-сайттар бир нече ондогон жылдардан бери бар, ал эми смартфондор андан да азыраак, технология адамдарга ылайыкталышы керек, тескерисинче эмес.

PS Макала түп нускадан бир аз четтөөлөр менен которулган. Бул макаланын авторлошу катары мен Хью менен бул чегинүүлөргө макул болдум.

Сурамжылоого катталган колдонуучулар гана катыша алышат. Кирүү, өтүнөмүн.

Тиркемелериңиздин жеткиликтүүлүгүнө көңүл бурасызбы?

  • ошол

  • жок

  • Бул колдонмонун жеткиликтүүлүгү жөнүндө биринчи жолу угуп жатам.

17 колдонуучу добуш берди. 5 колдонуучу добуш берүүдөн баш тартты.

Source: www.habr.com

Комментарий кошуу