我想创建一个可访问的网页，其中包含许多可以在用户与页面交互时隐藏和显示的组件。当显示组件时，我希望屏幕阅读器(在本例中为NVDA)读取组件的内容。举个例子: Thisiscomponent1 Show2 Thisiscomponent2 Show1 functionHideAll(){ //hidebothcomponents varcomp1=document.getElementById("comp1"); comp1.style.display="none"; comp1.setAttribute("aria-expanded","fa
我正在构建一个HTML多项选择测验，我知道一种技术可以让我使用多个提交按钮-每个问题的每个答案都有一个。然后我可以使用提交按钮值在PHP中处理表单并确定用户选择了哪个答案。使用提交按钮的原因是它们可以适本地设置样式。但是，我想知道从可访问性的角度来看，这是否是一种不好的做法？对问题的每个答案都使用单独的表格会更好吗？这里有很多关于如何使用多个提交按钮的问题，但他们似乎没有解决这一点。 最佳答案 绝对没问题，在很多情况下可以提高表单的可用性。但是要小心，因为有几个陷阱:如果使用回车键提交表单，则提交行为未定义。HTML5确实定义了这种
我正在构建一个HTML多项选择测验，我知道一种技术可以让我使用多个提交按钮-每个问题的每个答案都有一个。然后我可以使用提交按钮值在PHP中处理表单并确定用户选择了哪个答案。使用提交按钮的原因是它们可以适本地设置样式。但是，我想知道从可访问性的角度来看，这是否是一种不好的做法？对问题的每个答案都使用单独的表格会更好吗？这里有很多关于如何使用多个提交按钮的问题，但他们似乎没有解决这一点。 最佳答案 绝对没问题，在很多情况下可以提高表单的可用性。但是要小心，因为有几个陷阱:如果使用回车键提交表单，则提交行为未定义。HTML5确实定义了这种
JAWS表格导航快捷键和自定义实现的导航键(即箭头键)之间的冲突我正在尝试使HTML表格可以使用键盘访问并使用JAWS屏幕阅读器进行阅读。为了让它可以通过键盘访问，我正在做以下事情:-在表格单元格上为箭头键(左、右、上、下)添加了按键事件为了使JAWS可读，我正在做以下事情:-添加标题，表格摘要-添加scope=col到表头-添加了ARIA角色，如Application、row、grid、gridcell在不使用JAWS的情况下运行页面时，键盘导航工作正常。如果使用JAWS快捷方式，JAWS也可以很好地阅读表格。当它与JAWS一起运行时，自定义实现的键盘导航无法正常工作。要使用自定义实
JAWS表格导航快捷键和自定义实现的导航键(即箭头键)之间的冲突我正在尝试使HTML表格可以使用键盘访问并使用JAWS屏幕阅读器进行阅读。为了让它可以通过键盘访问，我正在做以下事情:-在表格单元格上为箭头键(左、右、上、下)添加了按键事件为了使JAWS可读，我正在做以下事情:-添加标题，表格摘要-添加scope=col到表头-添加了ARIA角色，如Application、row、grid、gridcell在不使用JAWS的情况下运行页面时，键盘导航工作正常。如果使用JAWS快捷方式，JAWS也可以很好地阅读表格。当它与JAWS一起运行时，自定义实现的键盘导航无法正常工作。要使用自定义实
如您所知，在浏览器中双击一个单词可以选中它，三次单击可以选中整个段落。我正在调整一个wiki，其中匿名用户的签名是自动创建的，它们看起来像:---////“---”生成一个—，//用于斜体文本并生成。这就是它现在的工作方式，我对其进行了调整。现在我想知道可用性。我的问题是:如何生成标记，以便在双击IP地址时选择整个地址且仅选择该地址？标记语言无关紧要，您可以提供HTML格式的解决方案，但最好是一种特定于wiki(dokuwiki)的解决方案。谢谢 最佳答案 感谢大家，但我已经设法通过使用设置为无边框且具有网站背景颜色的只读文本字段来
如您所知，在浏览器中双击一个单词可以选中它，三次单击可以选中整个段落。我正在调整一个wiki，其中匿名用户的签名是自动创建的，它们看起来像:---////“---”生成一个—，//用于斜体文本并生成。这就是它现在的工作方式，我对其进行了调整。现在我想知道可用性。我的问题是:如何生成标记，以便在双击IP地址时选择整个地址且仅选择该地址？标记语言无关紧要，您可以提供HTML格式的解决方案，但最好是一种特定于wiki(dokuwiki)的解决方案。谢谢 最佳答案 感谢大家，但我已经设法通过使用设置为无边框且具有网站背景颜色的只读文本字段来
我在网页中有一个表单(HTML、JavaScript、Jquery)。当由于表单中的无效条目(一切都发生在客户端)而导致表单提交失败时，如果不将焦点设置到包含错误描述的元素，如何让VoiceOver读出某些内容？我能够让它与NVDA一起工作，但是VoiceOver不喜欢在不关注它的情况下阅读某些东西，或者至少我没有为它设置适当的属性。这里有什么建议吗？在NVDA中运行的代码是这样的if(logicforerror){$('#inline-errors-alert').attr({'aria-hidden':'false'});setTimeout(function(){$('#inli
我在网页中有一个表单(HTML、JavaScript、Jquery)。当由于表单中的无效条目(一切都发生在客户端)而导致表单提交失败时，如果不将焦点设置到包含错误描述的元素，如何让VoiceOver读出某些内容？我能够让它与NVDA一起工作，但是VoiceOver不喜欢在不关注它的情况下阅读某些东西，或者至少我没有为它设置适当的属性。这里有什么建议吗？在NVDA中运行的代码是这样的if(logicforerror){$('#inline-errors-alert').attr({'aria-hidden':'false'});setTimeout(function(){$('#inli
使用键盘浏览表单时，按钮元素不会在Safari中获得焦点(在Yosemite上的v8.0中测试)。除非在首选项-->高级下明确打开制表符。有什么办法可以解决这个问题吗？ButtonButtonhttp://codepen.io/alexandtheweb/pen/raQrxw 最佳答案 没有办法解决这个问题。用户需要启用这些首选项才能使Tab键正常工作。 关于html-在不更改默认浏览器首选项的情况下将tabindex/focus添加到Safari中的按钮，我们在StackOverflo
