WCAG-совместимый способ аннотирования текста
У меня есть компонент, который позволяет пользователям комментировать фрагменты текста. Пользователь может выбрать фрагмент текста, щелкнув по нему правой кнопкой мыши, и откроется всплывающее окно, в котором можно ввести комментарий.
Я должен сделать этот компонент доступным (все приложение должно соответствовать уровню WCAG). Я новичок в доступности и не знаю, как подойти к этому. Могут ли программы чтения с экрана "выделить" фрагмент текста? Я знаю, что мог бы создать альтернативную версию компонента специально для пользователей с ограниченными возможностями, но этот компонент сложнее, чем описано выше, и это потребовало бы слишком больших усилий и времени. (Пока я просто хочу сделать его совместимым, я позабочусь о реальном удобстве его использования в качестве следующего шага.)
2 ответа
Пока вы переопределяете механизмы браузера по умолчанию (например, перехват события правого клика), вы не можете надеяться, что будете доступны.
Я не уверен, что выделение текста в области без ввода является чем-то простым для обычного пользователя программы чтения с экрана (я не говорю о слепых вундеркиндах, которые знают все ярлыки).
Я думаю, что лучшим способом было бы сделать контент редактируемым с помощью contenteditable=true атрибут, и позволить пользователю пройти текст, чтобы вставить свои комментарии, где он хочет (и он мог бы использовать кнопку сдвига, чтобы выбрать любой текст, который он хочет).
Используя JavaScript, вы можете перехватить нажатие клавиши, чтобы не удалять исходный текст и открывать всплывающее окно.
Да, программы чтения с экрана могут использоваться для выбора текста. Они работают с существующей операционной системой и элементами управления браузера, а не заменяют их.
В качестве первого шага, сделайте вашу аннотацию работающей со стандартными элементами управления клавиатуры (например, Enter, а также щелчок правой кнопкой мыши). На них полагаются пользователи программы чтения с экрана, как и многие другие люди с ограниченными возможностями, которые не являются нарушениями зрения.
В качестве второго шага, просмотрите эту простую английскую версию Руководства по доступности веб-контента, чтобы увидеть другие требования уровня А. Он ссылается на спецификации WCAG, если вам нужно больше подробностей.