Створення компонованих програм зі спеціальними можливостями

Стаття
03/16/2023

Компонована програма зі спеціальними можливостями дозволить користувачам з порушеннями зору, слуху тощо успішно користуватися програмою. Дотримання зазначених нижче рекомендацій не тільки обов’язкове для багатьох урядів і організацій, а й робить програми зручнішими для всіх користувачів, незалежно від їх можливостей.

За допомогою Засобу перевірки спец. можливостей можна переглянути потенційні проблеми зі спец. можливостями у програмі.

Макет та колір

Здоровий глузд і простий дизайн робить програми доступнішими для всіх користувачів. При інтенсивному настроюванні програм, зверніть увагу на наведені нижче пропозиції. Теми Power Apps призначені для забезпечення відповідності стандартам спеціальних можливостей.

Переконайтеся, що всі елементи чітко видно, а текст достатньо великий. Весь вміст має легко читатися та бути зрозумілим для неозброєного ока.
Переконайтеся, що елементи введення на екрані підписані. Властивість AccessibleLabel визначає, що саме оголошуватиме невізуальний екран.
При настроюванні кольорів переконайтеся в тому, що контрастність тексту в фоновому режимі становить 4,5:1 або вище. Програмні засоби, які допоможуть цьому процесу легко доступні.
Стежте за тим, щоб макет відповідав логічній послідовності під час читання згори донизу, зліва направо.
Створіть адаптивну програму, щоб користувачі зі слабким зором мали змогу наближати та використовувати її без прокручування назад і вперед.

Клавіатура

Під час тестування спеціальних можливостей програми стежте за тим, щоб програму можна було використовувати лише за допомогою клавіатури, незалежно від того, чи застосовується невізуальний екран або ні.

Клавіша Tab має переміщати до інтерактивних елементів у логічному порядку. Цього можна досягти завдяки логічній структурі програми та встановленням відповідного значення для властивості TabIndex кожного елемента керування.

Елементи керування "Підпис", "Зображення", "Піктограма", "Фігура": установіть для властивості TabIndex значення 0, якщо ці елементи мають бути інтерактивні. В іншому разі установіть для властивості TabIndex значення –1.
Не встановлюйте для властивості TabIndex значення більше нуля.
Стежте за тим, щоб було ввімкнуто параметр програми Спрощений індекс табуляції.

Невізуальні екрани

Було підтверджено, що з Power Apps працюють такі невізуальні екрани.

JAWS: Microsoft Edge
Екранний диктор: Microsoft Edge
NVDA: Google Chrome, Firefox
TalkBack: Google Chrome, Power Apps для мобільних пристроїв
VoiceOver: Power Apps мобільний, Safari (macOS iOS, iPadOS)

Щоб забезпечити гарний досвід роботи з невізуальним екраном, рекомендується:

Для всіх елементів керування обов’язково має бути задана властивість AccessibleLabel.
У разі зображень задайте для властивості AccessibleLabel відповідний опис.
- Якщо зображення не використовується як кнопка або як посилання (наприклад, піктограма є лише для оздоблення) та не має зчитуватися невізуальним екраном, переконайтеся в тому, що властивість AccessibleLabel є порожньою або не задана.
- Якщо зображення або піктограма використовуються як кнопка, задайте для властивості TabIndex значення 0, а для властивості AccessibleLabel задайте опис посилання.

Тип і структура елемента керування

Використання вірних елементів керування та їхнє групування допоможуть користувачам невізуального екрана зрозуміти структуру програми.

У кожний екран програми включіть принаймні один заголовок. Способом налаштування властивості Роль Надпису ви можете створювати заголовки.
Для інтерактивного тексту користуйтеся Кнопкою, а не Надписом.
Групуйте пов’язаний вміст у Контейнерах.
Пам’ятайте про непідтримувані шаблони дизайну.

Мультимедіа

Переконайтеся в наявності субтитрів в усіх відеоматеріалах та стенограм в усіх аудіозаписах, доступних користувачу. Елемент керування Відео підтримує закриті субтитри у форматі WebVTT за допомогою властивості ClosedCaptionsUrl.

Коли увімкнуто невізуальний екран Таймер не оголошує текст на кнопці, натомість він оголошує, скільки пройшло часу. Оголошення не можна вимкнути, навіть якщо таймер приховано з низькою непрозорістю.

Робота з підписами

Якщо у вас є поле для підписів, у якому використовується елемент керування PenInput, необхідно увімкнути альтернативний метод введення підписів. Рекомендується показувати елемент керування TextInput, в якому користувач може ввести своє ім’я. Переконайтеся в тому, що у властивості AccessibleLabel розміщено інструкцію з поставлення підпису, а також у тому, що цей елемент керування розміщено поблизу від елемента введення за допомогою пера – справа або безпосередньо під ним.

Наступні кроки

Структура програми зі спеціальними можливостями

Поділитися через