Какие языки разметки подходят для пользователей с ограниченными возможностями?
Предположим, вы разрабатываете веб-сайт, и слепые пользователи будут значительным элементом вашего целевого рынка. Если веб-сайт содержит функции редактирования документов, что подойдет для инструментов WYSIWYM? Действительно ли доступны такие языки, как Markdown, Textile и Wiki Formatting, или они неудобны для слепых пользователей?
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
элементы. Используйте первое, когда вы хотите, чтобы программа чтения с экрана читала значение аббревиатуры, и второе, когда аббревиатуру следует читать как слово (например, как можно скорее, НАТО и ОС).
Для самого редактора я рекомендую создать редактор WYSIWYG, который использует div и span. Программы чтения с экрана легко поймут структуру документа. Для текущей строки используйте текстовое поле; для каждой строки, которая не редактируется, немедленно преобразуйте содержимое в действительный HTML.
Если вы найдете хороший инструмент, обязательно разместите его здесь. Я тоже ищу одну.:-)