假设您正在开发一个网站,而盲人用户将成为您目标市场的重要组成部分。如果网站包含文档编辑功能,什么是合适的所见即所得工具?Markdown、Textile和Wiki Formatting等语言是否真的可以访问,或者它们对盲人用户来说是否不方便?
5 回答
我是一个盲人程序员,虽然我没有使用过你提到的大多数语言,但我发现如果你有学习的欲望,任何 Markdown 语言都相当容易使用。我对 wiki 使用 HTML 或几种标记语言都没有问题。部分取决于用户对您网站的投入程度。如果它是一个不常访问或访问时间很短的站点,那么无论用户是否盲人,都不太可能花时间学习所需的标记。不幸的是,我还没有找到一个可访问的 JavaScript WYSIWYG 编辑器,但我发现手动输入标记更容易,所以看起来并不难。
第一个问题是:语义结构有多重要?你能摆脱纯文本吗?您可以进行简单的解析,例如将空行视为段落标记,将一系列以 * 开头的行视为项目符号列表,识别 URL 并将它们制成链接等。
作为一个盲人开发者,我理解 Markdown 之类的语言没有问题。但如果它是我不熟悉的语法,我只会在我希望经常使用该网站或非常关心内容的情况下学习它。
最后我想到了两个想法:虽然我在使用 TinyMCE 时确实遇到了一些可访问性挑战,但您可以开发一些更简单的东西 - 提供少于 10 个格式选项,例如插入超链接、制作列表、居中文本、设置样式(例如标题)等.
最后,当我与非技术盲人交谈时,他们通常只是将内容写在 Word 中并粘贴到 wiki 或博客文章中。当我第一次听到它时,这听起来很奇怪,但它确实有道理。因此,理想的解决方案将接受粘贴的内容。
最后——这取决于这有多重要,以及你想付出多少努力。也许一个带有实时预览的 Markdown 编辑器(就像在这个网站上一样),用于插入简单格式(如 URL)的按钮,以及粘贴富文本的能力会勾选所有框 :-)
在网页上,盲人用户最容易访问的嵌入式文本编辑器是使用标准 HTML 的编辑器,例如<textarea>
元素,具有相应的<label>
元素:
<label for="editor">Enter your text here using wiki markup:</label>
<textarea id="editor"></textarea>
如果 WYSIWYM 工具是使用标准的可访问 HTML 构建的,那么盲人用户可以轻松地在其中输入文本,并且完全确信他们在正确的位置输入了文本。那么问题就变成了:哪种标记语言更好?它们都需要记忆,但有些可能比其他的更直观。找出哪种方法最好的一种方法是对各种目标用户进行一些可用性测试。还要确保提供对语法帮助的简单、可访问的访问。
我不了解 WYSIWYG/WYSIWYM 工具,但我知道在编写自己的编辑器代码时遵守 W3C 标准(尤其是他们的 HTML5 和 CSS3 草案)会有很大帮助。
在 CSS 中,您可以指定语音的速度和语调。在 HTML 中,您可以指定alt
屏幕阅读器兼容的替代文本(许多元素中的属性)。一定要知道什么时候使用abbr
和acronym
元素。当您希望屏幕阅读器阅读缩写词的含义时使用前者,而当首字母缩写词应作为单词阅读时使用后者(例如 ASAP、NATO 和 OS)。
对于编辑器本身,我建议创建一个使用 div 和 spans 的 WYSIWYG 编辑器。屏幕阅读器将很容易理解文档的结构。对于当前行,使用文本框;对于没有被编辑的每一行,立即将内容转换为有效的 HTML。
如果你找到了一个好的工具,一定要把它贴在这里。我也在找一个。:-)