accessibility testing tutorial
Повне керівництво з тестування доступності:
Що таке веб-доступність:
Інтернет відкритий для всіх, і, будучи тестувальником (також людиною), ми несемо відповідальність перевірити, чи доступний він для всіх користувачів. Це, в свою чергу, буде сприяти успіху бізнесу, оскільки ми працюємо над тим, щоб зробити програму доступною для кожного користувача.
Це також збільшить задоволення користувача та нашого бізнесу.
c ++ практичні запитання та відповіді pdf
Список підручників у цій серії:
- Посібник із тестування доступності (Цей підручник)
- Інструменти тестування доступності - повний список
- Підручник з WAT (панель інструментів веб-доступності)
- Засоби перевірки доступності WAVE та JAWS
Для більшості користувачів використання Інтернету через Інтернет є простим. Але це не той випадок, коли ми дивимось на інший демографічний набір із проблемами. Важливо, щоб веб-сайти були доступними, корисними та корисними також для цієї групи користувачів - і це не повинно диференціювати користувачів на основі мови / культури / місцезнаходження / програмного забезпечення / фізичних чи розумових здібностей.
Що ви дізнаєтесь:
- Що таке тестування доступності?
- Доступність та закон
- Міфи про тестування доступності веб-сайтів
- Проблеми перевірки доступності
- Важливість
- Як вимірюється веб-доступність?
- Універсальні принципи веб-дизайну, яких слід дотримуватися
- Як провести тестування доступності - покрокове керівництво
- Контрольний список перевірки доступності / Тестові випадки / Сценарії
- Висновок
- Рекомендована література
Що таке тестування доступності?
Тестування веб-програми для того, щоб переконатися, що кожен користувач може легко отримати доступ до веб-сайту, відоме як Тестування доступності. Спеціалізована та спеціальна галузь тестування, яка допомагає забезпечити справді ефективність веб-сайтів у цій галузі, називається “ Тестування веб-доступності '.
Найголовніше, існують певні закони та керівні принципи для перевірки доступності, яких також слід дотримуватися.
Доступність та закон
- Діють американці з обмеженими можливостями : Цей закон передбачає, що всі сфери, як-от громадські будівлі, школи та організації, повинні робити технологію доступною для кожного.
- Закон про реабілітацію, розділ 504 та розділ 508 : Розділ 504 вміщує всіх людей з обмеженими можливостями для доступу до робочого місця, освіти та інших організацій, а розділ 508 - доступу до технологій.
- Вказівки щодо доступності веб-вмісту: Ці рекомендації пропонують шляхи, які можуть допомогти покращити доступність веб-сайту.
Міфи про тестування доступності веб-сайтів
Міф 1 :Це дорого.
Факт : Запобіжні заходи завжди кращі за лікування, тому ми можемо думати про проблеми доступності на самому етапі проектування та зменшити вартість.
Міф 2: Перетворення недоступного веб-сайту для доступу вимагає багато часу.
Факт : Ми можемо розставити пріоритети і просто працювати над основними потребами.
Міф 3: Доступність проста і нудна.
Факт : Доступність не означає, що веб-сайт повинен містити лише текст. Ми також можемо додавати зображення та робити їх більш привабливими, але головне, що слід зазначити, це те, що вони повинні бути доступними для всіх.
Міф 4 :Тестування доступності призначене для сліпих та інвалідів.
Факт : Програмне забезпечення корисне для всіх, а отже, це тестування для всіх користувачів.
Проблеми А перевірка доступності
Нижче наведено деякі загальні виклики або труднощі, на які спрямовані вказівки щодо доступності:
Тип інвалідності | Опис інвалідності |
---|---|
Бачення Інвалідність | - Повна сліпота або дальтонізм або поганий зір - Зорові проблеми, такі як візуальні стробоскопи та проблеми, що блимають |
Фізична вада | Важко користуватися клавіатурою або мишею |
Когнітивна інвалідність | Труднощі у навчанні або погана пам’ять |
Інвалідність грамотності | Проблеми з читанням, знайти слова важко |
Порушення слуху | - Слухові проблеми, такі як глухота та порушення слуху - Труднощі добре чути або чути чітко |
Важливість
- Простий та ефективний доступ до користувачів з обмеженими можливостями чи проблемами
- Збільшує частку ринку та охоплення аудиторії
- Покращує ремонтопридатність та ефективність
- Виконано існуючі та майбутні законодавчі вимоги та допомагає дотримуватися етики
- Підтримка інтернаціоналізації
- Допомагає у доступі для користувачів з низькою пропускною здатністю.
Зрештою, все просто перекладається на “Кращий бізнес - більше грошей”.
Як вимірюється веб-доступність?
Доступність Інтернету можна виміряти за допомогою стандартів веб-доступності, створених W3C відомий як Правила доступності веб-вмісту (WCAG) . Небагато інших департаментів також розробили свої власні рекомендації, але вони також слідують Ініціатива веб-доступності (WAI) Настанови.
Оцінка доступності веб-сайту:
У цьому є багато факторів, таких як:
- Зміст
- Розмір
- Код
- Мови розмітки
- Інструменти розробки
- Навколишнє середовище
Як завжди, вдалою практикою є впровадження методів веб-доступності на початковій стадії проекту. Виправлення доступних веб-сайтів вимагає додаткових зусиль.
Кілька простих прикладів:
- Перевірка заголовка сторінки
- Альтернативи тексту зображення (“альтернативний текст”)
- Заголовки
- Коефіцієнт контрастності («кольоровий контраст») .. тощо.
Ми також можемо визначити доступність за допомогою “ Засоби оцінки '- до певної міри. Є кілька речей, наприклад, якщо текст заміщення написаний належним чином для зображення чи ні, не може бути повністю оцінений, але вони здебільшого ефективні.
Читайте також => 30+ найпопулярніших інструментів веб-тестування.
Універсальні принципи веб-дизайну, яких слід дотримуватися
Веб-сайт повинен бути універсально розроблений таким чином, щоб він відповідав принципам зручності та доступності. Кожна людина має свій власний стиль навчання та обробки, тому сайт / продукт повинен бути розроблений незалежно від цього.
Нижче наведено кілька основних стандартних принципів дизайну веб-сайтів:
# 1) Координація:
Кожна діяльність та кожна особа, включена в проект, повинні координувати між собою. Слід пам’ятати, що веб-сайт повинен бути розроблений відповідно до їх власних потреб W3C стандарти.
# 2) Застосування:
Будучи відповідальною організацією, ви повинні нести відповідальність за створення доступного сайту. Замість того, щоб користувачі вважали себе відповідальними за доступний сайт, ми повинні це робити.
# 3) Лідерство:
Кожен повинен знати ці принципи і повинен повідомити, чи стикається з якимись проблемами під час доступу до сайту.
# 4) Розгляд доступу :
Нам потрібно дотримуватися стандартів, разом із цим ми можемо розглядати стандарти, яких дотримується організація для спеціально спроможних людей.
# 5) Технічні розміри:
Веб-сайт повинен бути розроблений з урахуванням усіх технічних стандартів.
# 6) Освітні дослідження:
Ми повинні дослідити доступність та проблеми, з якими стикається при доступі до веб-сайту. За допомогою цього слід пройти навчання персоналу, щоб ознайомити їх зі стандартами та проблемами.
# 7) Соціальна інклюзія:
До всіх людей слід ставитися однаково не тільки в режимі Інтернету, але і у фізичному світі.
Поряд із цією будівлею необхідний веб-сайт POUR.
Тепер виникає питання, що означає POUR, і відповідь наведена нижче:
P доступний:Презентація веб-набору повинна бути відчутною. Вміст повинен мати сенс з усіх точок зору всіх користувачів.
АБО доступний:Можна сказати, що сайт працює, якщо користувач може легко орієнтуватися на ньому.
U зрозуміло:Все, що присутнє на веб-сайті, має розуміти будь-який тип користувача. Словом, мова повинна бути простою, а не складною.
Р. Стоп:Незалежно від змін технології та типу користувачів, вміст повинен бути надійним.
Як провести тестування доступності - покрокове керівництво
Це можна зробити за допомогою методу тестування вручну, а також методу автоматизації.
Ручний метод
На ринку доступно багато інструментів для перевірки доступності, але можуть виникнути такі проблеми, як брак кваліфікованих ресурсів, бюджету тощо. У такому випадку ми можемо піти на тестування вручну.
Нижче наведено кілька способів перевірити доступність веб-сайтів вручну:
# 1) Ми можемо використовувати режим високої контрастності:
Використовуючи режим високої контрастності, ми можемо виділити вміст веб-сайту. Коли ми вмикаємо режим високої контрастності, вміст веб-сайту автоматично виділяється, коли він стає білим або жовтим, а фон стає чорним.
Для того, щоб увімкнути режим високої контрастності, шукайте режим високої контрастності у вікні пошуку.
Запитання для співбесіди для oracle pl sql за 5 років досвіду
Тут ви отримаєте можливість вибрати тему, виберіть висококонтрастну тему зі спадного меню.
Після внесення змін до налаштувань браузер буде виглядати так, як показано нижче.
Після цього ми можемо побачити, чи вміст правильно видно чи ні.
# 2) Не отримуючи доступ до зображень :
Тимчасово на час ви можете вимкнути доступ і перевірити, чи виправдовує текст вміст, оскільки деякі люди можуть не мати до нього доступу, або іноді завантаження зображень триває занадто довго.
Ви можете вимкнути доступ до браузера наступними способами:
Internet Explorer: Інструменти-> Властивості браузера-> Додатково-> показати зображення (зніміть прапорець).
Firefox: Відкрийте Firefox і введіть про : конфігурація , в адресному рядку, і ви отримаєте результат, як показано нижче.
Отримавши цей екран, ви повинні шукати ' дозволу.default.image ' і відрегулюйте значення від 0-1.
# 3) Перевірка підписів :Перевірте, чи доступний підпис, і переконайтеся, що він є майже описовим. Багато разів ми стикаємось із посиланнями на сторінці у facebook, де зображення чи відео можуть тривати довгий час, але підписи нам дуже допоможуть.
# 4) Вимкнення каскадної таблиці стилів (CSS): CSS в основному використовується для опису презентації документа. Вимкнувши це, ми можемо перевірити колір фону, стиль тексту та стиль презентації тексту.
# 5) Спробуйте використовувати клавіатуру :Якщо ви фахівець у геймерах чи Excel, тоді цей тест повинен бути для вас простішим. Намагайтеся не торкатися миші і заходити на веб-сайт за допомогою клавіатури.
Ви можете використовувати клавішу “Tab” для перемикання між посиланнями.
“Tab” + “Shift” візьме до вас там, де ви були раніше.
# 6) Використовуйте мітку поля :Це корисно під час заповнення форми, мітка поля це те, що ви побачите під час перегляду шаблону. Використовуючи це, можна заповнити необхідну інформацію під час реєстрації або замовлення чогось через Інтернет.
# 7) Зміна розміру шрифту на великий :Використовуйте великий розмір шрифту та постійну перевірку доступності.
# 8) Пропустити навігацію: Це може бути корисно для людей з моторними вадами. Клацнувши Ctrl + Головна Ви можете перенести фокус у верх сторінки.
# 9) Документ у форматі PDF: Спробуйте зберегти файл PDF у вигляді тексту та перевірте, чи збережено порядок вмісту чи ні.
# 10) Вимкнувши стиль: Вимкніть стиль і перевірте, чи правильно розміщений вміст таблиці чи ні.
# 11) Масштабування вмісту: Спробуйте зменшити зображення та перевірити, чи читається воно.
Автоматизоване тестування доступності
Оскільки автоматизація широко поширюється в області тестування, ми можемо піти на автоматизацію для перевірки доступності. У нас є кілька інструментів для автоматизованого тестування.
# 1) aДизайнер: Він розроблений IBM і корисний для тестування програмного забезпечення з точки зору людей із вадами зору.
# 2) WebAnywhere: Він виконує функцію зчитувача з екрану і не вимагає спеціального встановлення.
# 3) Вішек: Цей інструмент допомагає нам відтворити зображення у різних формах, щоб ми могли уявити, як воно буде виглядати, коли до нього звертаються різні типи користувачів.
# 4) Аналізатор контрастності кольорів: Він перевіряє поєднання кольорів та аналізує видимість.
# 5) Гера: Він перевіряє стиль програми та постачається з багатомовним варіантом.
# 6) Розширення доступності Firefox: Firefox дозволяє розширити його функціональні можливості.
Ви можете додати його, щоб відкрити Firefox-> Додатки-> розширення доступності . Це допоможе вам протестувати звіт, навігацію, текст посилання тощо.
Після натискання на розширення ви отримаєте можливість пошуку доповнення .
поширені запитання для співбесіди на C ++
# 7) TAW онлайн: Це дає вам можливість перевірити, чи розроблено програмне забезпечення відповідно до вказівок WCAG 1.0 або WCAG 2.0 . Він також має можливість вибору рівня аналізу.
# 8) Перевірка доступності PDF: Він перевіряє доступність файлу PDF.
=> Повний список перегляньте цю публікацію Інструментів перевірки доступності
Тест доступності Контрольний список / Тестові справи / Сценарії
Нижче наведено кілька моментів, які потрібно перевірити під час проведення такого типу тестування:
- Якщо етикетки правильно написані та розміщені чи ні.
- Якщо аудіо / відео вміст правильно чутний / видимий чи ні.
- Якщо коефіцієнт контрастності кольорів зберігається чи ні.
- Якщо контрольні дії для відео працюють нормально чи ні.
- Якщо для меню передбачені короткі клавіші, вам потрібно перевірити, чи всі вони працюють нормально.
- Потрібно перевірити наявність вкладок, якщо навігація між вкладками є простим завданням.
- Якщо заявка дотримувалась усіх принципів та рекомендацій чи ні.
- Якщо заголовок унікальний і передає значення та структуру чи ні.
- Якщо текст посилання написаний із описом вмісту замість створення двозначності.
- Якщо надається значущий мультимедійний підпис чи ні.
- Якщо інструкції чітко даються чи ні.
- Якщо зміст чіткий, стислий та зрозумілий чи ні.
Нижче наведено ключові моменти, які веб-сайт повинен задовольнити для доступності:
- Текст посилання повинен бути описовим . Користувач із зоровим обмеженням отримує доступ до веб-сторінки, натискаючи кнопку табуляції на клавіатурі та переходячи від посилання до посилання. Тому дуже важливо, щоб опис посилань був правильно визначений. Переконайтеся, що гіперпосилання доступні за допомогою клавіші табуляції.
- Надайте відповідні фотографії, де це можливо . Малюнок говорить більше, ніж слова. Спробуйте додати відповідні картинки для тексту, коли це можливо. Зображення можуть описувати вміст веб-сайту для користувачів, які сприймають грамотність.
- Використовуйте просту мову . Користувач з когнітивними обмеженнями має труднощі з навчанням, дуже важливо зробити речення простими та легко читабельними для них.
- Послідовна навігація . Постійна навігація по сторінках також дуже важлива для користувачів з когнітивними вадами. Це хороша практика - підтримувати узгодженість веб-сайту та не регулярно змінювати сторінки. Пристосування до нового макету займає багато часу і може ускладнити.
- Ігнорувати спливаючі вікна . Користувачі, які використовують зчитувач екрана для читання веб-сторінок, спливаючі вікна можуть бути для них дійсно незручними. Зчитувач з екрана читає сторінку зверху вниз, і раптово з’являється спливаюче вікно, що починає читати її спочатку перед фактичним вмістом. Це може заплутати користувачів з вадами зору.
- Розмітка CSS . Веб-сайти на основі CSS є більш доступними, ніж веб-сайти на основі HTML-коду.
- Розділіть велике речення на маленьке просте. Користувачі з вадами зору слухають інформацію на веб-сторінці та намагаються її запам'ятати. Поділивши велике речення на маленьке просте, це допоможе легко згадати речі.
- Не використовуйте текст шати. Уникайте блискучого тексту та зберігайте його простотою.
Коротше кажучи, нам потрібно перевірити, чи додаток розроблений відповідно до вказівок W3C, принципів дизайну веб-сайтів та принципів доступності, і для цього ми повинні знати про всі ці принципи.
Ми можемо узагальнити вищезазначені контрольно-пропускні пункти, перевіривши та перевіривши письмовий зміст, дизайн та спосіб розробки веб-сайту / програми.
Також читайте => Повне керівництво для веб-тестування.
Висновок
Тестування доступності просто пояснює, наскільки легко можна орієнтуватися, отримувати доступ та розуміти програмне забезпечення. Це для всіх типів користувачів. Тестувальник повинен проводити тестування з точки зору кожного.
Як і будь-який інший тип тестування, це тестування також можна проводити вручну, а також за допомогою засобів автоматизації. Метою тестувальника має бути просто перевірити, чи виконуються вказівки чи ні, і наскільки легко та доброзичливо користувач може використовувати програмне забезпечення.
Рекомендоване читання = >> Найкращі постачальники послуг з тестування доступності
У наступній частині цього підручника ми познайомимо вас із ще кількома інструментами та методами тестування веб-доступності, тому, будь ласка, залишайтесь з нами.
Як завжди, будь ласка, коментуйте свої запитання, пропозиції та досвід.
Рекомендована література
- Підручник із інструменту тестування доступності WAVE
- Альфа-тестування та бета-тестування (повний посібник)
- WAT (Панель інструментів веб-доступності) Підручник з тестування доступності
- Функціональне тестування проти нефункціонального тестування
- Підручник з тестування зручності використання: Повний посібник із початку роботи
- Повне керівництво з тестування перевірки складання (тестування BVT)
- Підручник з тестування DevOps: Як DevOps вплине на тестування якості?
- Розгортання в MongoDB: Покроковий посібник