Доступность: навигация в браузере с помощью JS
У меня есть страница со списком товаров. Каждый элемент представляет собой ссылку для перехода на страницу информации о конкретном элементе. на этой странице есть кнопка "Удалить". поэтому, когда пользователь нажимает на него, этот элемент удаляется, и пользователь возвращается на предыдущую страницу. Поскольку кнопка "Удалить" - это кнопка, а не ссылка, я не уверен, насколько доступным является навигация пользователя по странице, на которой он находился.
когда пользователя забирают обратно, появляется баннер с надписью "элемент, бла-бла, был удален". Этого достаточно? Нужно ли предупреждать пользователя, прежде чем он вернется на предыдущую страницу?
1 ответ
Это потенциально может дать сбой WCAG 3.2.2 на входе
3.2.2 При вводе: изменение настроек любого компонента пользовательского интерфейса не приводит к автоматическому изменению контекста, если пользователь не был проинформирован о поведении перед использованием компонента.
Обратите внимание на последнюю часть этого требования (жирный шрифт добавлен). Если ваша кнопка говорит что-то вроде "Удалить эту ссылку и вернуться на предыдущую страницу", то все будет в порядке.
После возврата на предыдущую страницу баннер автоматически читается? Это будет еще одна проблема, которую вы должны будете решить. Если баннер появляется на той же странице, которую просматривает пользователь, то aria-live может использоваться для чтения баннера пользователям программы чтения с экрана. Но в вашем случае, поскольку вы возвращаетесь на предыдущую страницу, вам придется либо обновить баннер, когда пользователь вернется (и использовать aria-live) или вам придется переместить фокус на баннер так, чтобы он читался (используя tabindex="-1" а также focus()).