Единица 10 / 11

Вештачка интелигенција во пристапност и инклузивен дизајн

Добивки:

  • Способност за контрола и подобрување на контрастот на боите, алтернативен текст, пристап до тастатура и WCAG критериуми со поддршка за вештачка интелигенција
  • Способност за генерирање и проверка на текстови за пристапност, како што се искуство со читач на екран, алтернативен текст и етикети за форми со вештачка интелигенција
  • Разбирање на границата на потврдување на препораките за пристапност на вештачката интелигенција со вистинска помошна технологија и тестирање на корисници

Пристапност (накратко a11y) е способност на производот да се користи од сите, вклучително и лицата со попреченост: корисникот со оштетен вид може да се движи со читач на екран (помошен софтвер кој го претвора текстот во говор), лице со моторни потешкотии може да прави се со тастатура, далтонист може да прима информации без да се потпира на боја. Инклузивниот дизајн е поширок: ја става човечката различност во центарот на дизајнот, вклучувајќи ги возраста, јазикот, културата, привремената попреченост (скршена рака) или контекстуалната попреченост (екран на сонце). Пристапноста не е „додаток“, туку основна одговорност и законско барање во повеќето земји. Вештачката интелигенција е моќен прелистувач и генератор на нацрти во оваа област; но вистинската пристапност се потврдува само со вистинска помошна технологија и тестирање на корисниците.

WCAG и клучни контролни области

WCAG (Упатства за пристапност на веб-содржини) е збир на меѓународно прифатени критериуми за пристапност; Нивото на АА е генерално насочено. Има четири принципи: содржината мора да биде воочлива, интерфејсот мора да биде употреблив, информациите мора да бидат разбирливи и технички издржани. Најчестите контролни области во пракса се:

  • Контраст на боја: Дали е доволна разликата помеѓу текстот и позадината? (За АА, најмалку сооднос 4,5:1 во нормален текст.)
  • Алтернативен текст (алтернативен текст): Дали сликите имаат текстуален еквивалент што ги објаснува на читачот на екранот?
  • Пристап до тастатура: Дали може нешто да се направи без глушец? Дали има смисла редоследот на фокусот?
  • Информации само за боја: фразите како „Пополни црвени полиња“ го исклучуваат корисникот со далтонисти.
  • Етикети на формулари: Дали секое поле за внесување има ознака што читачот на екранот ќе ја прочита?
  • Цел на допир: Дали копчињата се доволно големи за удобно притискање со прстите?

Вештачката интелигенција може да направи брзо прелиминарно скенирање во многу од овие области: можете да дадете текст и да прашате „дали е доволен контрастот?“, да дадете опис на сликата и да прашате „предложи алт текст“, да дадете опис на интерфејсот и да прашате „кои се проблемите со пристапот до тастатурата“.

Внимание: Само затоа што вештачката интелигенција вели „изгледа достапно“ не е гаранција за пристапност. Автоматската проверка фаќа само некои од WCAG грешките; Остатокот ќе се појави со вистинска употреба.

Алтернативен текст: тајната на добриот алтернативен текст

Алтернативниот текст ја заменува сликата за корисникот со оштетен вид. Добриот алтернативен текст ја пренесува функцијата и значењето на сликата, а не нејзините украсни детали. Алтернативниот текст за иконата „додај во кошничка“ треба да биде „Додај во кошничка“, а не „слика на количката“ бидејќи акцијата е важна за корисникот. Вештачката интелигенција е добра во генерирање на контури на поттекст, но бидејќи не го знае контекстот, може да произведе премногу описен или ирелевантен текст. Го прашувате секој алтернативен текст „зошто е оваа слика овде?“ Исечете го со прашањето.

визуелен

Слаб поттекст

Силен поттекст

Икона за кошничка (копче)

„Икона за количка, сива боја“

"Додај во кошничка"

слика на производот

"слика"

„Сино зимско палто, преден поглед“

декоративна линија

„Линија за украс“

(оставете празно - украсно)

Графика

„Графичка слика“

„Продажба во 2024 година: зголемување секој квартал“

Инклузивен јазик и опсег

Пристапноста не е ограничена на технички контроли; Јазикот е исто така инклузивен. Текстот што претпоставува пол („корисник и неговиот/нејзиниот брачен другар“), исклучува врз основа на способност („поглед“, „лесно се слуша“) или содржи културни претпоставки ќе исклучи некои корисници. ВИ може да го скенира текстот од оваа перспектива, но мора да се осигурате дека „неутралниот“ јазик што го предлага останува природен и разбирлив; Прекумерната корекција може да го направи текстот непријатен.

три мини футроли

Случај 1 - Грешки со контраст фатени рано. Тим имаше вештачка интелигенција скенирање на боите на текстот на 20 екрани и утврди дека контрастот е под прагот на АА на 7 места. Корекциите беа направени без да навлегуваат во развој; трошокот за последователна корекција беше избегнат. Но, тимот сè уште не го прескокна вистинскиот тест за читач на екран.

Случај 2 - Само информациите поврзани со бојата беа поправени. Еден формулар покажа полиња за грешка само со црвена граница. ВИ го означи ова; Тимот исто така додаде текст и икони на секоја грешка. Корисниците на далтонизмот сега можеа да ја видат грешката. Поука: бојата сама по себе не може да пренесе информации.

Случај 3 - вештачката интелигенција го заведе одобрувањето. Еден дизајнер го прескокна тестирањето на читачот на екран затоа што ја нарече вештачката интелигенција „пристапна“. Во вистинскиот тест, се покажа дека редоследот на фокусот е збунет и некои копчиња воопшто не се читаат. Лекција: автоматската потврда е почеток; вистинското тестирање за помошна технологија е задолжително.

Информации за копирање

Пред-скенирајте го описот на интерфејсот за пристапност:1) дали има информации што се пренесуваат исклучиво врз основа на боја?2) дали има текстуална етикета за секој елемент што може да се кликне?3) дали има елементи до кои не може да се пристапи преку тастатура?4) дали има смисла редоследот на фокусот? Наведете го секој проблем и предлог. Додадете белешка „Потребен е вистински тест“.Рецепт: <<текст>>

Предложете алтернативен текст за овие слики. Правило: пренесете ја ФУНКЦИЈАТА/значењето на сликата, а не декоративниот детал. Напишете го дејството за иконите на копчињата. За украсни слики, кажете „алт текстот треба да се остави празен“. Опис на контекст и слики: <<листа>>

Проверете ги овие текстови за инклузивен јазик: дали има родови претпоставки, исклучувачки јазик заснован на способност (како „види“, „слуша“), културни претпоставки? Предложете алтернативи кои остануваат природни; не прекорегирај.Текстови: <<листа>>

Напишете пристапна грешка и етикета текст за оваа форма: видлива ознака за секое поле, опис за читачот на екран и порака која ја опишува грешката, без оглед на бојата (текст + икона). Глас и тон: <<картичка>>Полиња за формулари: <<список>>

Слаб промпт / Силен промпт

Слаб: „Напишете алтернативен текст за оваа слика“.

Резултат: „Слика“ или премногу описен текст што ја пропушта функцијата.

Силно: „Предложете алтернативен текст за овие слики; пренесете ја функцијата/значењето на сликата; напишете го дејството за иконите на копчињата; означете ги украсните како „мора да се остави празно“.

Резултат: Контекстуални, функционално ориентирани, точни поттексти.

Разлика: силната брзина носи функционален фокус + конвенција на копчиња + украсна разлика.

Вообичаени грешки

  • Грешка на одобрението за вештачка интелигенција како гаранција за пристапност. Тоа не е замена за вистинско тестирање.
  • Само вчитување информации во боја. Корисниците на далтонисти пропуштаат информации.
  • Објаснување на сликата, а не на функцијата, во алтернативниот текст. Мора да се напише дејство за иконата на копчето.
  • Пристапноста се остава за крај. Ако не се стартува во фазата на wireframe, ќе биде скапо да се закрпи подоцна.
  • Претерано корегиран јазик. Инклузивниот јазик кој ја губи природноста ја нарушува и разбирливоста.

Сумирано

Пристапноста значи дека производот е достапен за секого; Тоа не е дополнителна, таа е суштинска и, на повеќето места, законска одговорност. Вештачката интелигенција е важна како брз генератор пред летот и нацрт за контраст, алтернативен текст, пристап до тастатура и инклузивно скенирање на јазик. Но, автоматското одобрување фаќа само некои од грешките на WCAG; Вистинската пристапност се потврдува со тестирање со читачи на екран и корисници на вистинска помошна технологија. Користете го моделот како преден прелистувач, добијте доказ од вистинско тестирање.

Задача за апликација

  1. Пред-скенирајте опис на интерфејсот за пристапност при првото известување.
  2. Поправете ги само информациите засновани на боја или ставките без ознака.
  3. Генерирајте алт-текстови ориентирани кон функции за визуелните слики на вашиот екран со втората порака.
  4. Проверете ги вашите текстови за инклузивен јазик со третото барање.
  5. Ако е можно, пробајте го вистинскиот тест со читач на екран и забележете што пропушта автоматското скенирање.

листа за проверка

  • [ ] Претходно скенирав контраст, пристап до тастатура и етикети.
  • [ ] Не оставив информации само засновани на боја.
  • [ ] Подтекстовите ги напишав функционално, а украсните ги оставив празни.
  • [ ] Направив инклузивна јазична контрола, ја зачував природноста.
  • [ ] Не сметав дека автоматското одобрување е гаранција за пристапност.
  • [ ] Планирав/спроведов вистинско тестирање за помошна технологија.