Доступность как философия восприятия

Dec 05 2022
«Тело — это наше основное средство существования мира». ― Морис Мерло-Понти, Феноменология восприятия Рассматривая доступность в контексте приложения, мы должны учитывать способность пользователя ориентироваться в мире, который оно представляет.

« Тело — это наша общая среда для существования мира».
― Морис Мерло-Понти, Феноменология восприятия

Рассматривая доступность в контексте приложения, мы должны учитывать способность пользователя ориентироваться в мире, который оно представляет. Это путешествие, однако, происходит не на экране или в громкоговорителе, и не управляется отражениями света или вибрациями воздуха. Он не взаимодействует с помощью клавиатуры или мыши. Вместо этого это происходит в уме, поскольку пользователь улавливает доступные ему восприятия и превращает их в ментальные объекты, с которыми он может работать.

Ограничения визуального представления

«Простой человек знаком со слепотой и глухотой и знает из своего повседневного опыта, что вид вещей находится под влиянием его чувств; но ему никогда не приходит в голову считать весь мир творением своих чувств».
- Эрнст Мах, Анализ ощущений

По мере того как веб-приложение представляется веб-браузеру, оно обрабатывается из объектной модели документа¹ в визуальное представление со знакомыми возможностями пользовательского интерфейса², которые указывают их семантику и способы действия для видящего пользователя. Зрячий пользователь быстро просмотрит страницу глазами, чтобы определить заголовки, указывающие на иерархию контента, кнопки призыва к действию и дополнительные действия, обозначающие важные и менее важные задачи, которые необходимо выполнить. Элементы управления вводом своей визуальной формой подскажут, какие данные в них ожидаются. Восприятие красного цвета предупредит пользователя с цветовым зрением о наличии ошибок, которые необходимо исправить. Содержимое, выделенное серым цветом, указывает на действие, которое недоступно или неважно в данный момент. Все эти объекты и возможные действия будут отпечатаны в сознании пользователя с помощью визуального средства.

Хотя визуальное представление чрезвычайно мощное и привлекательное, оно может зайти так далеко. Он зависит от зрения пользователя, его способности различать формы, контрасты и цвета последовательным и устойчивым образом на всех устройствах, в ситуационных контекстах и ​​в медицинских состояниях тела. Объектная модель документа требует других режимов представления, которые не являются только визуальными, и такие режимы действительно существуют. Промежуточный уровень, называемый деревом специальных возможностей³, предоставляется веб-браузером с целью обеспечения надежного представления того, что существует в веб-документе и что с ним можно сделать. Эта информация скомпилирована из собственной семантики элементов HTML или пользовательских ролей и атрибутов ARIA⁴.

Фрагмент дерева доступности. Источник: https://wickg.github.io/aom/explainer.html

Альтернативные представления контента

Тот факт, что нормальный субъект сразу понимает, что глаз предназначен для зрения, как ухо для слуха, показывает, что глаз и ухо непосредственно даны ему как средства доступа к одному и тому же миру.
― Морис Мерло-Понти, Феноменология восприятия

Средства чтения с экрана, используя дерево специальных возможностей, обеспечивают слуховое представление содержимого, которое в противном случае было бы доступно для зрячих пользователей визуально. Однако средство, будь то визуальное, слуховое или тактильное (через дисплеи Брайля⁵), не имеет значения — суть заключается в способности пользователя формировать в уме ментальную модель, модель, которая содержит все присутствующие значимые объекты. в приложении и все действия, которые можно с ними выполнить. Все это независимо от того, какой физический канал или какой сенсорный путь использовался для создания впечатления, которое воспринимается сознанием пользователя.

Передача информации между веб-документом и сознанием пользователя. Источник: https://medium.com/@krishnansai99/what-is-accessibility-testing-7d04256a3919.

Чтобы приложение было доступным, возможность визуально сканировать содержимое страницы, чтобы отметить заголовки и их относительную важность, должна сочетаться с возможностью быстрого циклического переключения между типами заголовков, как они объявляются программой чтения с экрана. Визуально различимые области, соответствующие навигации, поиску и основному контенту, должны обнаруживаться как таковые с помощью слуха. Представление о количестве элементов в списке должно быть доступно как в слуховой, так и в визуальной форме. Элементы управления должны иметь не только визуальное представление своей функции и состояния, но и звуковое представление всех соответствующих аспектов.

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

Восприятие цветов

«Я никогда не узнаю, как ты видишь красный цвет, и ты никогда не узнаешь, как его вижу я. Но это разделение сознания осознается только после неудачи в общении, и наше первое движение — поверить в неделимое бытие между нами».
― Морис Мерло-Понти, Примат восприятия

«Теперь мы должны принять во внимание тот факт, что цвета воспроизводятся в глазах с помощью бесцветных объектов»
— Иоганн Вольфганг фон Гёте, Теория цветов.

Объекты сами по себе не имеют цвета, и их восприятие полностью зависит от глаза смотрящего. На самом деле строение глаза определяет диапазон цветов, которые могут быть восприняты. Колбочковые клетки обеспечивают глаз способностью воспринимать свет с различной длиной волны и определяют параметры цветового зрения человека⁶. В зависимости от количества колбочек, присутствующих в глазу, одно и то же изображение будет восприниматься по-разному. Нормальное зрение характеризуется 3-мя колбочками (трихромазия), в то время как существуют другие типы цветового зрения (дихромазия⁷ и ее разные виды: протанопия, дейтеранопия и тританопия). Монохромность означает отсутствие восприятия цвета.

Источник: https://www.colourblindawareness.org/colour-blindness/types-of-colour-blindness.

Это явление было отмечено Гёте в его исследовании науки о цветах. Он описал опыт дихроматического восприятия:

«Если на белое блюдце нанести тонкий слой кармина, они сравнили бы полученный таким образом цвет света с цветом неба и назвали бы его голубым. Если бы им показывали рядом с ней розу, они точно так же называли бы ее синей; и во всех проведенных испытаниях оказалось, что они не могут отличить светло-голубой цвет от розового. Они смешивали розовый, синий и фиолетовый цвета во всех случаях: эти цвета только казались им отличающимися друг от друга нежными оттенками более светлого, более темного, интенсивного или более слабого вида».
- Иоганн Вольфганг фон Гёте, Теория цвета

В исключительных случаях люди могут быть наделены тетрахроматией и способны видеть даже больше цветов, чем доступно большинству⁸.

Важно понимать, что воспринимаемый цвет зависит не от объекта и его собственного цвета (которого как такового не существует), а от строения глаза. Тем не менее мы говорим о цветах, как если бы они были свойством объектов, которые мы можем наблюдать.

Некоторые инструменты могут быть полезны людям с частичной цветовой слепотой. Фильтры дополненной реальности⁹ существуют для смартфонов и могут, например, позволить людям, которые плохо различают «красный», видеть объекты, которые другие люди называют «красными». Это позволяет им использовать понятие «красный» при указании на объекты независимо от их различий в восприятии.

Объекты, видимые при стандартном цветовом зрении («красный» можно отличить от «зеленого»)
Объекты, видимые без «красного» зрения (два объекта не могут быть различимы по цвету)
Объекты, видимые через фильтр дополненной реальности («красный» снова различим, хотя обычному глазу он не кажется «красным»)

Пользователи с полным отсутствием цветового зрения все же могут воспринимать объекты, обозначенные визуально, при условии, что такая возможность доступна.

Источник: https://liveuamap.com/

Ориентация в пространстве и времени

В лесу есть тропы, большей частью заросшие, которые резко обрываются там, где лес не хожен. Их называют «лесными дорожками». Каждый идет своей дорогой, хотя и в пределах одного леса. Часто кажется, что одно идентично другому. Но это только так кажется.
- Мартин Хайдеггер, Лесные тропы

Все объекты, присутствующие в сознании пользователя, все части приложения, такие как формы, кнопки и элементы ввода, живут в ментальном пространстве со своей особой топографией, полученной из восприятия. Элементы можно мысленно расположить слева направо, справа налево, сверху вниз или в линейной последовательности, определяемой порядком табуляции¹⁰. Они могут существовать в независимых измерениях, перемещаясь по спискам заголовков, ориентиров или ссылок. Никогда нельзя предполагать, что то, что кажется «левым» по отношению к какому-то другому объекту, на самом деле окажется «левым» на ментальной карте другого пользователя или что «левое» вообще имеет значение для этого человека. Следовательно, любые инструкции, предоставляемые пользователю, не могут включать подсказки, относящиеся к конкретной ориентации в пространстве (например: «посмотрите на описание справа»),

Рассмотрим положение «сносок» в зависимости от ориентации текста и локали (в данном примере слева от строк текста, расположенных вертикально сверху вниз и справа налево, а не внизу, как следует из названия «сноски»). »):

Источник: https://omoi-no-hoka.tumblr.com/post/190599839989/hello-thank-you-for-sharing-your-enthusiasm

Как человеческие существа, мы переживаем последовательно, идя по пути во времени. Эти пути могут перемещаться по разным осям, однако порядок визуального доступа к информации должен соответствовать порядку, в котором информация представлена ​​другими средствами, такими как последовательный порядок табуляции.

Как заметил Мануэль Матузович: «Если слепой пользователь работает со зрячим, который читает страницу в визуальном порядке, это может сбить их с толку, когда они увидят информацию в другом порядке».¹¹

Порядок элементов влияет на интернационализацию. Поскольку пространство, указанное как «левое», может означать разные области в зависимости от ориентации текста в данной культуре. Однако визуальным пространством можно манипулировать таким образом, который не зависит от текущей пространственной ориентации. Например, можно использовать правила CSS, такие как padding-block-start вместо padding-left , чтобы управлять пространством¹²:

Источник: https://www.cnblogs.com/coco1s/p/15033565.html.

Понятия начала и конца всегда будут иметь смысл в уме пользователя, независимо от того, как мысленная карта построена на основе его восприятия, какая ось используется для позиционирования объектов или каковы их культурные корни и доступные им сенсорные восприятия. . Это потому, что продвижение по пути во времени всегда понятно, поскольку люди погружены во время и, как сказал бы Хайдеггер, бытие есть время .

Обнаружение и запоминание изменений

«Каждый момент времени призывает в свидетели все остальные»
— Морис Мерло-Понти, «Феноменология восприятия».

«Время — это абстракция, к которой мы приходим посредством изменения вещей»
— Эрнст Мах,
«Наука о механике».

Изменение переживается только посредством сравнения с предыдущим состоянием. Это должно быть сделано очевидным для восприятия, и наиболее общепонятным признаком изменения является движение.. Вот почему анимация является мощным дополнением к пользовательскому интерфейсу¹³, привлекая внимание пользователя к произошедшим изменениям и обеспечивая более захватывающий опыт в мире, который реагирует на действия. Паттерны для анимации¹⁴ имитируют естественное движение физических объектов в пространстве, знакомое любому зрячему человеку, тем самым создавая более интуитивно понятный и понятный опыт изменения. В то время как анимация при умеренном использовании может значительно улучшить пользовательский опыт, у пользователей должна быть возможность отказаться от анимированных интерфейсов, поскольку чрезмерное воспринимаемое движение может вызвать головные боли, потерю ориентации или даже судороги. Этого можно добиться, отключив анимацию для пользователей, предпочитающих уменьшенное движение¹⁵.

Время не будет восприниматься всеми людьми одинаково, и продолжительность отображения сообщений на экране может считаться раздражающей, если она слишком длинная, или стрессовой, если не хватает времени на ее прочтение. Обычно это проблема с так называемыми всплывающими сообщениями , отображаемыми на экране в течение определенного периода времени. Как пишет Шери Бирн-Хабер: «Для учета потери памяти и рассеянности, а также проблем, связанных с инвалидностью, таких как СДВГ, наилучшей практикой было бы создание места, где пользователи могли бы обращаться к списку прошлых всплывающих сообщений, которые пришли и ушел».¹⁶

Незрячий пользователь не сможет воспринимать динамические обновления частей приложения, если они специально не объявлены программой чтения с экрана. Чтобы убедиться, что изменения обозначены слышимым образом, необходимо создать живые регионы¹⁷, которые могут быть «вежливыми» или «напористыми» в том, как они прерывают текущее повествование или ждут его завершения, прежде чем читать измененное содержание. . Это удобно для объявления ошибок проверки и обновлений статуса.

Пользователям с когнитивными нарушениями, связанными с памятью, может потребоваться напоминание о прошлых действиях и выборе, даже если они были сделаны совсем недавно. Это необходимо, чтобы уменьшить их когнитивную нагрузку и усилить чувство контроля. Этого можно добиться, предоставив сводку прошлых шагов, уже выполненных в многоэтапной форме, как в этом примере экрана оформления заказа:

Источник: https://www.toptal.com/designers/e-commerce/ecommerce-ux-best-practices.

Режимы взаимодействия

«субъекту, поставленному перед его ножницами, иглой и привычными задачами, не нужно искать ни свои руки, ни пальцы, потому что это не объекты, подлежащие открытию в объективном пространстве: кости, мускулы и нервы, а потенциальности уже мобилизуется восприятием ножниц или иглы, центральным концом тех «интенциональных нитей», которые связывают его с данными объектами»
― Морис Мерло-Понти, Феноменология восприятия

[Чем меньше мы смотрим на Вещь-молот и чем больше мы хватаемся за нее и используем ее, тем более изначальным становится наше отношение к ней
— Мартин Хайдеггер, Бытие и время

Наша способность взаимодействовать с миром определяет нашу способность понимать его. Поскольку цель любого разработчика приложений состоит в том, чтобы сделать приложение понятным для пользователя, а все его функции обнаруживаемыми, крайне важно, чтобы можно было использовать все режимы взаимодействия (мышь, палец в качестве указателя, клавиатура, активация с голосовым управлением¹⁸, переключение устройств¹⁹). для выполнения всех необходимых действий. Это означает, что информация не может быть скрыта за типом взаимодействия, который не является общедоступным, таким как действие наведения указателя мыши. Концепция наведения не имеет никакого смысла для тех, кто использует сенсорный экран, клавиатуры или переключателя. Любая часть информации или действие, например всплывающая подсказка или всплывающее меню, должны быть доступны при эквивалентном взаимодействии, таком какfocus , активируется пользователем.

Такие действия, как смахивание и перетаскивание, хотя и имеют непосредственное значение для пользователя с соответствующими двигательными навыками, могут оказаться сложными для пользователей, которые не могут выполнять точные движения руками и пальцами и не обладают тонкой координацией глаз и рук. Функция касания сенсорной панели, очень интуитивно понятная для опытных пользователей, может генерировать нежелательные щелчки вместо простого перемещения указателя, если движение пальца недостаточно точное. Чтобы снять нагрузку с пользователей с ограниченной ловкостью рук, необходим альтернативный режим взаимодействия, где процесс разбивается на множество последовательных и изолированных шагов, не требующих одновременного нажатия нескольких поверхностей или кнопок и не ограниченных по времени²⁰ .

Наконец, пользователи должны иметь возможность находить элементы и взаимодействовать с ними, просто используя свой голос. Это означает, что для зрячих пользователей видимое имя должно совпадать с именем, которое можно взаимодействовать с голосом, чтобы опыт был одинаковым для всех сенсорных путей. Это может быть не всегда так, и необходимо соблюдать соответствующие правила маркировки²¹.

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

Вывод

Доступность направлена ​​на предоставление одной и той же ментальной карты, одного и того же осознания объектов и их важности, одного и того же представления об отношениях между объектами и действиями, обеспечиваемыми ими, независимо от того, какой сенсорный аппарат и нервный путь использовались для создания жизненного опыта. Хотя ментальный мир каждого человека различен и опосредован разными ощущениями, он позволяет взаимодействовать с окружающей средой и использовать язык для обозначения одних и тех же объектов при общении с другими людьми. И неважно, что эти объекты воспринимались по-разному и независимо.

использованная литература

[1]https://developer.mozilla.org/en-US/docs/Web/API/Document_Object_Model/Introduction

[2]https://uxplanet.org/ux-design-glossary-how-to-use-affordances-in-user-interfaces-393c8e9686e4

[3]https://web.dev/the-accessibility-tree/

[4]https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA

[5]https://en.wikipedia.org/wiki/Refreshable_braille_display

[6]https://en.wikipedia.org/wiki/Color_vision#Dimensionality

[7]https://en.wikipedia.org/wiki/Dichromacy

[8]https://www.bbc.com/future/article/20140905-the-women-with-super-human-vision

[9]https://play.google.com/store/apps/details?id=com.areyoucolorblind.nowyousee&hl=en&gl=US

[10]https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex

[11]https://www.matuzo.at/blog/the-dark-side-of-the-grid-part-2/

[12]https://developer.mozilla.org/en-US/docs/Web/CSS/padding-block-start

[13]https://www.nngroup.com/articles/animation-purpose-ux/

[14]https://web.dev/the-basics-of-easing/

[15]https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-reduced-motion

[16]https://sheribyrnehaber./designing-toast-messages-for-accessibility-fb610ac364be

[17]https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/ARIA_Live_Regions

[18]https://youtu.be/V-QkjOsV2WM

[19]https://www.youtube.com/watch?v=1AfbGQ2DYjg&ab_channel=ChristopherHills

[20]https:///salesforce-ux/4-major-patterns-for-accessible-drag-and-drop-1d43f64ebf09

[21]https://ericwbailey.website/published/aria-label-is-a-code-smell/