我有兴趣了解HTML5 <main>元素和ARIA地标角色属性之间的关系以及可能的区别role="main".
我的印象是<main>元素的目的是将ARIA roll属性映射role="main"到特定的HTML元素.但这总结了吗？
<main>比如说,使用过度是否有好处<div role="main">？或者,现在和可预见的未来,这些结果会产生相同的结果吗？
任何有关比较以下示例的见解将不胜感激:
<body>
<main>
<p>Paragraph</p>
<main>
</body>
<body>
<main role="main">
<p>Paragraph</p>
<main>
</body>
<body>
<div role="main">
<p>Paragraph</p>
<div>
</body>
对于响应式网站上的触摸设备,存在以下简单导航:
在移动设备上,主链接会在触摸时扩展子视图,并使用复制的子链接实际打开"关于我们"和其他子页面.
在桌面上,隐藏了复制的链接 - 因为主要的"关于我们"链接支持单击(打开页面)和悬停(显示子窗口)状态.
这似乎是通过移动触摸菜单处理响应式网站上的导航的常用方法,但重复的链接会产生WCAG 2.0冗余链接警报.
是否有一种简单的属性方法来解决这个问题？或者没有比修改网站的IA更好的解决方案？
我刚开始深入研究Ruby和Ruby on Rails,我注意到在.html.erb文件中嵌入Ruby语法的两个选项:
<% #ruby code here %>
要么:
<%= #ruby code here %>
我应该如何选择其中一个？
当我通过以下任一版本检索信息时,我得到了正确的结果:
window.screen.height
VS:
screen.height
是否需要/建议写"窗口".部分,还是我可以把它留下来？
这是否也适用于访问document.properties/methods和其他对象 - 我从不需要编写'文档'.部分(或我访问的任何对象)？
我有一个订单表格,有三组单选按钮选项.最后,我希望每个组中单选按钮的文本在单击时更改为粗体和红色.但是,即使只改变一组的颜色,我也没有运气.下面是我用来尝试更改一组单选按钮的循环.我的逻辑是通过单选按钮组,如果其中一个被点击它将改变文本的样式.这个功能我做错了什么？
function highlight() {
var radios = document.getElementsByName('cases');
for (var i = 0; i < radios.length; i++) {
if (radios[i].checked == true) {
return document.getElementByName.style.color = 'red';
}
}
}
这是我的代码中的一组单选按钮.其他两组相似:
<input id="case1" type="radio" name="cases" value="500.00" onclick="highlight()"/> Desktop Case ($500.00) </br>
<input id="case2" type="radio" name="cases" value="600.00" onclick="highlight()"/> Mini-Tower Case ($600.00) </br>
<input id="case3" type="radio" name="cases" value="700.00" onclick="highlight()"/> Full-Tower Case ($700.00) </br>
任何帮助将不胜感激.
html ×2
javascript ×2
html5 ×1
navigation ×1
object ×1
radio-button ×1
ruby ×1
wai-aria ×1
wcag2.0 ×1