Предположим, вы разрабатываете веб-сайт, и слепые пользователи будут составлять значительную часть вашего целевого рынка. Если веб-сайт включает функции редактирования документов, какие инструменты WYSIWYM будут подходящими? Такие языки, как Markdown, Textile и Форматирование вики действительно доступны или неудобны для слепых пользователей?
Какие языки разметки подходят для пользователей с ограниченными возможностями?
Ответы (5)
Я слепой программист, и хотя я не использовал большинство языков, которые вы упомянули, я обнаружил, что любой язык уценки довольно прост в использовании, если у вас есть желание его изучить. У меня не было проблем с использованием HTML или нескольких языков разметки для вики. Частично это будет зависеть от того, насколько пользователи заинтересованы в вашем сайте. Если это сайт, который будет посещаться нечасто или в течение коротких периодов времени, гораздо менее вероятно, что пользователь потратит время на изучение необходимой разметки, независимо от того, слеп он или нет. К сожалению, я не нашел доступного редактора JavaScript WYSIWYG, но мне проще вручную вводить разметку, поэтому я не особо искал.
первый вопрос: насколько важна семантическая структура? не могли бы вы уйти с простым текстом. Вы можете выполнить простой синтаксический анализ, например, обработать пустые строки как маркеры абзаца, обработать серию строк, начинающихся с *, как маркированный список, идентифицировать URL-адреса и превратить их в ссылки и т. д.
Поскольку я сам слепой разработчик, у меня нет проблем с пониманием таких языков, как Markdown. Но если это синтаксис, с которым я не знаком, я изучу его только в том случае, если я рассчитываю использовать сайт очень часто или глубоко интересуюсь его содержанием.
На ум приходят две заключительные мысли: хотя я, безусловно, испытываю некоторые проблемы с доступностью, используя TinyMCE, вы могли бы разработать что-то гораздо более простое — предоставить менее 10 вариантов форматирования, таких как вставка гиперссылок, создание списков, центрирование текста, настройка стиля (например, заголовка) и т. д. .
И, наконец, когда я разговариваю со слепыми людьми, не являющимися техническими специалистами, они часто просто пишут свой контент в Word и вставляют его в вики или запись в блоге. Когда я впервые услышал это, это прозвучало странно, но в этом есть смысл. Таким образом, идеальным решением будет прием вставленного контента.
В заключение - это зависит от того, насколько это важно и сколько усилий вы хотите потратить. Может быть, редактор Markdown с предварительным просмотром в реальном времени (как на этом сайте), кнопками для вставки простого форматирования, такого как URL-адреса, и возможностью вставки в форматированный текст поставят все галочки :-)
На веб-странице наиболее доступным встроенным текстовым редактором для незрячих пользователей является тот, который использует стандартный HTML, например, элемент <textarea>
с соответствующим элементом <label>
:
<label for="editor">Enter your text here using wiki markup:</label>
<textarea id="editor"></textarea>
Если WYSIWYM-инструмент создан с использованием стандартного доступного HTML, слепые пользователи могут легко вводить в него текст, будучи полностью уверенными, что они вводят текст в нужном месте. Тогда возникает вопрос: какой язык разметки лучше? Все они требуют запоминания, но некоторые могут быть более интуитивными, чем другие. Один из способов выяснить, какой из них лучше, — это провести юзабилити-тестирование с широким кругом целевых пользователей. Также не забудьте обеспечить простой и доступный доступ к справке по синтаксису.
Представьте, что вы работаете с текстовым дисплеем 80x4 (просто откройте консоль и соответствующим образом измените размер), затем используйте vi/emacs/ed, и вы скоро поймете, какая разметка будет мешать.
Постарайтесь сделать как можно больше работы, чтобы понять простой текст, в противном случае используйте легкую разметку, такую как POD, наконец такие вещи, как AsciiDoc, очень эффективны, но требуют обучения.
Я ничего не знаю об инструментах WYSIWYG/WYSIWYM, но знаю, что соблюдение стандартов W3C (особенно их черновиков HTML5 и CSS3) при написании собственного кода редактора очень поможет.
В CSS можно указать скорость и интонацию речи. В HTML вы можете указать альтернативный текст (атрибут alt
во многих элементах), с которым совместимы программы чтения с экрана. Обязательно знайте, когда использовать элементы abbr
и acronym
. Используйте первое, если вы хотите, чтобы средство чтения с экрана прочитало значение аббревиатуры, а второе, когда аббревиатуру следует читать как слово (например, ASAP, NATO и OS).
Для самого редактора я рекомендую создать WYSIWYG-редактор, в котором используются div и span. Программа чтения с экрана легко поймет структуру документа. Для текущей строки используйте текстовое поле; для каждой другой строки, которая не редактируется, немедленно преобразовывать содержимое в действительный HTML.
Если вы найдете хороший инструмент, обязательно опубликуйте его здесь. Я тоже ищу. :-)