SYSTEM ATLASЗагрузка материала

Имя, роль и значение

Name Role Value

Компоненты интерфейса должны программно раскрывать семантику и состояние.

Простыми словами

Например, пользовательский переключатель нарисован как красивый div, но скринридер не знает, что это переключатель и включён ли он. Разработчик задаёт имя, роль и текущее состояние. Поэтому это учитывают при проектировании интерфейса - иначе пользователь тратит лишние усилия, ошибается или не понимает реакцию системы.

Пример от @Vibeclakr

Пример при разработке

Пользовательский переключатель нарисован как красивый div, но скринридер не знает, что это переключатель и включён ли он. Разработчик задаёт имя, роль и текущее состояние.

Это редакционный пример применения, а не часть определения или доказательство концепции.

Механизм действия

Сначала проверяют, есть ли исходное условие из определения. Затем смотрят, как оно влияет на структуру компонентов, потоки данных, ограничения и действия участников. Если эту связь не удаётся наблюдать, принцип не стоит использовать как готовое объяснение.

Пример в работе

Нерабочий подход

Использовать решение без учета его условий применимости и компромиссов.

Системный подход

Сопоставить проблему, контекст и ограничения с назначением концепции.

Ограничения

«Имя, роль и значение» объясняет только часть происходящего в области «UX и HCI». Сам принцип не говорит, насколько сильным будет эффект в вашем случае, и не заменяет измерения. При другом масштабе, среде или временном горизонте результат может отличаться.

Источник

W3C, “Accessible Rich Internet Applications (WAI-ARIA) 1.2”, 2023.

Первоисточник