简体   繁体   English

符合WCAG 2.0 AA的规定是否将ul标签用作母版页中的导航标签?

[英]Does compliance to WCAG 2.0 AA use ul tab as navigation tabs in a master page?

I've got an aspx web application that uses an unordered list tags to parse a tab menu inside a master page. 我有一个aspx Web应用程序,该应用程序使用无序列表标签来解析母版页中的选项卡菜单。 My question is: is it ok to use an ul tag according to WCAG 2.0 AA? 我的问题是:可以根据WCAG 2.0 AA使用ul标签吗?

<div id="divTabsId">
    <ul>
        <li class="home" id="elementId">
            <a href="xxx.aspx">
                            Start</a>
        </li>

        <li>
            <a id="elementId2" href="zz.aspx">
                            T1</a>
        </li>
        <li>
            <a href="yyy.aspx">
                            Help</a>
        </li>   
    </ul>
</div>

There is nothing wrong with using ul tag. 使用ul标签没有错。 But adding the appropriate aria tags in addition to it would be useful, such as role="menu" to the ul. 但是,除了添加适当的aria标签外,它也很有用,例如ul的role =“ menu”。

Please see W3 recommendation here: https://www.w3.org/WAI/GL/wiki/Using_ARIA_menus 请在此处查看W3建议: https : //www.w3.org/WAI/GL/wiki/Using_ARIA_menus

Depending on your requirement you could read up these roles: 根据您的要求,您可以阅读以下角色:

role="menu" : https://www.w3.org/TR/wai-aria/roles#menu role="menu"https : //www.w3.org/TR/wai-aria/roles#menu

role="menu-item" : https://www.w3.org/TR/wai-aria/roles#menuitem role="menu-item"https : //www.w3.org/TR/wai-aria/roles#menuitem

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

相关问题 我们是否需要为Instagram提要提供替代文本,以达到WCAG 2.0 AA合规性水平? - Do we need alt text for Instagram feed to meet WCAG 2.0 AA compliance level? 如果复选框的标签是超链接,是否违反WCAG 2.0 AA? - Is it a WCAG 2.0 AA violation if the label of a checkbox is a hyperlink? WCAG 2.0 AA验证背景图像错误 - WCAG 2.0 AA validation background image error 脚本用户界面可能无法访问。 WCAG 2.0(AA级) - Script user interface may not be accessible. WCAG 2.0 (Level AA) 如何标记WCAG 2.0合规性的按钮? - How to mark-up a button for WCAG 2.0 Compliance? 是否可以在运行时设置页面语言以实现可访问性和 WCAG 2 3.1.1 合规性? - Can page language be set at run time for accessibility and WCAG 2 3.1.1 compliance? 让相关单位确保Section 508 / WCAG 2.0 AA级兼容性是否重要? - Is it important to have relative units to ensure Section 508 / WCAG 2.0 Level AA compatibility? wcag 2.0 AA是否可以将标题和alt都保留为空并在隐藏的段落文本中添加文本? - is it wcag 2.0 AA accessible to leave both title and alt empty and add the text in a hidden paragraph text? 辅助功能(WCAG 2.0),冗余链接和响应式网站导航 - Accessibility (WCAG 2.0), redundant links and responsive website navigation 对于WCAG AA标准,在<label>附近</label>标记<label>元素时</label> <select> <label>元素,该</label> <label>元素是否需要可见?</label> - For WCAG AA standard when marking up a <label> element near <select> element, does the <label> element need to be visible?
 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM