nav元素配置aria-label为Main Site Links校验失败问题求助
错误原因
你的代码未通过校验的核心问题:未直接给<nav>元素添加aria-label属性,反而将aria-label设置为了nav标签的id属性值,不符合规则。
本次校验的判定逻辑是:必须存在携带aria-label="Main Site Links"属性的nav元素,和你给导航内链接设置的main site links类名没有关联。
修正后可通过校验的代码
<header class="c-site-header"> <nav aria-label="Main Site Links"> <a class="main site links" href="#">About Me</a> <a class="main site links" href="my project">My Projects</a> <a class="main site links" href="contact me">Contact Me</a> </nav> <h1>Welcome To My Page</h1> </header>
关键注意点
aria-label是HTML原生无障碍属性,作用是为屏幕阅读器等辅助技术提供当前元素的说明文本,不需要把它作为id、class这类属性的取值- 仅需要把原代码里的
<nav id="aria-label">替换为<nav aria-label="Main Site Links">,其余代码无需改动即可通过该项校验
内容的提问来源于stack exchange,提问作者Toin Ajayi
相关产品推荐
相关产品推荐

