使用键盘浏览表单时,按钮元素不会在Safari中获得焦点(在Yosemite上的v8.0中测试)。除非在首选项-->高级下明确打开制表符。有什么办法可以解决这个问题吗?ButtonButtonhttp://codepen.io/alexandtheweb/pen/raQrxw 最佳答案 没有办法解决这个问题。用户需要启用这些首选项才能使Tab键正常工作。 关于html-在不更改默认浏览器首选项的情况下将tabindex/focus添加到Safari中的按钮,我们在StackOverflo
我有一个包含大量食谱的简单网络应用程序,我正在努力让使用屏幕阅读器的人可以访问它。cooking温度通常简单地表示为C(摄氏度)和F(华氏度)。屏幕阅读器将这些阅读为字母,我认为这有点令人困惑,因为我们正在谈论温度。我的目标是保持这样的句子:Turntheovenonto350F.不幸的是,屏幕阅读器将其解读为:"Turntheovenontothreehundredandfiftyf".我希望屏幕阅读器这样发音:"Turntheovenonto350degreesFahrenheit"是否有可能以某种方式明确指示屏幕阅读器如何阅读特定的字母或单词?是否可以使用ARIA表示法实现,或者
我有一个包含大量食谱的简单网络应用程序,我正在努力让使用屏幕阅读器的人可以访问它。cooking温度通常简单地表示为C(摄氏度)和F(华氏度)。屏幕阅读器将这些阅读为字母,我认为这有点令人困惑,因为我们正在谈论温度。我的目标是保持这样的句子:Turntheovenonto350F.不幸的是,屏幕阅读器将其解读为:"Turntheovenontothreehundredandfiftyf".我希望屏幕阅读器这样发音:"Turntheovenonto350degreesFahrenheit"是否有可能以某种方式明确指示屏幕阅读器如何阅读特定的字母或单词?是否可以使用ARIA表示法实现,或者
我在几个输入字段中有一个表单。对于其中一个输入字段,我有一个长度验证,为此我使用了maxlength="20"。这里的问题是JAWS用户不知道输入字段中已达到最大长度,因为JAWS会继续读取他们在键盘上按下的键。有没有办法使它易于访问?问候,泽山 最佳答案 三种方法,互不排斥:在元素前包含关于最大字符数的声明。在离开元素时对字符数实现JavaScript驱动的检查。实现由元素上的任何输入事件触发并即时检查字符数的JavaScript驱动检查。方法1是最简单的,但如果我们期望在绝大多数情况下长度不是问题,它可能会太令人不安。方法3比方
我在几个输入字段中有一个表单。对于其中一个输入字段,我有一个长度验证,为此我使用了maxlength="20"。这里的问题是JAWS用户不知道输入字段中已达到最大长度,因为JAWS会继续读取他们在键盘上按下的键。有没有办法使它易于访问?问候,泽山 最佳答案 三种方法,互不排斥:在元素前包含关于最大字符数的声明。在离开元素时对字符数实现JavaScript驱动的检查。实现由元素上的任何输入事件触发并即时检查字符数的JavaScript驱动检查。方法1是最简单的,但如果我们期望在绝大多数情况下长度不是问题,它可能会太令人不安。方法3比方
许多(大多数?)旨在实现可访问性和标准合规性的网站使用无序列表进行导航。这会使网站更易于访问,还是只是提供有用的样式元素?我不介意它们,我一直在用这种方式使用无序列表。只是,当我从页面中删除样式以尝试衡量它的可访问性时,我突然想到它也可以是普通链接。这是从哪里来的? 最佳答案 您站点导航的最佳标记是最能代表您的导航内容的HTML标记。这就是橡胶遇到HTML语义之路的地方。您的导航是一个没有任何逻辑顺序的列表吗?如果是这样那么会是一个不错的选择。您的导航更像是一个需要步骤的向导,还是可能按字母或数字顺序排列?如果是这样那么可能是更好的
许多(大多数?)旨在实现可访问性和标准合规性的网站使用无序列表进行导航。这会使网站更易于访问,还是只是提供有用的样式元素?我不介意它们,我一直在用这种方式使用无序列表。只是,当我从页面中删除样式以尝试衡量它的可访问性时,我突然想到它也可以是普通链接。这是从哪里来的? 最佳答案 您站点导航的最佳标记是最能代表您的导航内容的HTML标记。这就是橡胶遇到HTML语义之路的地方。您的导航是一个没有任何逻辑顺序的列表吗?如果是这样那么会是一个不错的选择。您的导航更像是一个需要步骤的向导,还是可能按字母或数字顺序排列?如果是这样那么可能是更好的
我正在构建一个将动态包含在页面上的HTML片段。该片段看起来像这样:TitleContent问题是我无法知道该片段将包含在文档大纲中的哪个位置。它可能直接出现在下方,或者它可能嵌套在下的几层深处.换句话说,我的大纲可能是这样的:非常合乎逻辑。或者它可能看起来像这样:不是那么合乎逻辑。或者它甚至可能看起来像这样:太奇怪了,我无法知道或控制它!我不关心样式,只关心语义。我认为最好的解决方案是只使用它无处不在,让分段元素根据新的HTML5文档大纲处理语义,但我的研究建议我反对这样做,因为实际上没有客户支持这种大纲划分方法。那么最好的解决方案是什么?编辑评论中提出了一些使用脚本来解决问题的想法
我正在构建一个将动态包含在页面上的HTML片段。该片段看起来像这样:TitleContent问题是我无法知道该片段将包含在文档大纲中的哪个位置。它可能直接出现在下方,或者它可能嵌套在下的几层深处.换句话说,我的大纲可能是这样的:非常合乎逻辑。或者它可能看起来像这样:不是那么合乎逻辑。或者它甚至可能看起来像这样:太奇怪了,我无法知道或控制它!我不关心样式,只关心语义。我认为最好的解决方案是只使用它无处不在,让分段元素根据新的HTML5文档大纲处理语义,但我的研究建议我反对这样做,因为实际上没有客户支持这种大纲划分方法。那么最好的解决方案是什么?编辑评论中提出了一些使用脚本来解决问题的想法
我怎样才能让这段代码无障碍访问?ShowMoreHiddenContentHiddenContentHiddenContentCSS:div>ul{display:none;}div:hover>ul,div:focus>ul{display:block;}我想知道是否可以制作通过键盘导航也可见同时关注其内容http://jsfiddle.net/pJs2U/ 最佳答案 2015年更新(感谢,@JayMee):当前(2015-05-29)Editor’sDraft不再包含此语法/功能。(最新的工作草案stilldoes,但是it’s