Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/76.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
可以通过HTML结构区分地标的重复使用吗?_Html_Wai Aria_Wcag - Fatal编程技术网

可以通过HTML结构区分地标的重复使用吗?

可以通过HTML结构区分地标的重复使用吗?,html,wai-aria,wcag,Html,Wai Aria,Wcag,我通过CMS提供商管理的网站在大多数页面上有两个标题元素和两个导航元素。标题是顶部横幅,带有我们的徽标和主页内容的页面标题。导航元素包括顶部导航和左侧导航。我用来标记可访问性问题的工具是将这些标记为“不可区分的地标”,因为它们既没有“aria标签”,也没有“aria标签” 联系我的CMS供应商,他们表示html的结构完全实现了区分地标。如果有其他HTML将同一类元素的多个实例区分开来,就可以了。虽然有些人鼓励使用或认为更可取,但不需要ARIA标签 为了支持可访问性工具,他们基本上重申了该工具所解

我通过CMS提供商管理的网站在大多数页面上有两个标题元素和两个导航元素。标题是顶部横幅,带有我们的徽标和主页内容的页面标题。导航元素包括顶部导航和左侧导航。我用来标记可访问性问题的工具是将这些标记为“不可区分的地标”,因为它们既没有“aria标签”,也没有“aria标签”

联系我的CMS供应商,他们表示html的结构完全实现了区分地标。如果有其他HTML将同一类元素的多个实例区分开来,就可以了。虽然有些人鼓励使用或认为更可取,但不需要ARIA标签

为了支持可访问性工具,他们基本上重申了该工具所解释的内容,即需要使用aria标签来区分重复的地标

通过两名支持人员的工作,每个人都明确表示,他们正在传递来自组织另一成员的信息以进行澄清,因此可能会丢失一些信息

以下内容是为了可读性而编辑的,但如果相关的话,我可以进一步提供

<div class="sitewrapper  site_template mainSpan_wrapper">
    <div class="mainSpan" id="mainSpan_wrapper_Screen">
        <!--stopindex-->
        <div id="skipnav" tabindex="-1">
            <a href="#sitebody" tabindex="-1">
                <img alt="Skip to page body" src="/DefaultContent/Default/_gfx/spacer.gif" /></a>

            <a title="Home" href="/home" tabindex="-1">
                <img alt="Home" src="/DefaultContent/Default/_gfx/spacer.gif" /></a>

            <a title="Services" href="/services" tabindex="-1">
                <img alt="Services" src="/DefaultContent/Default/_gfx/spacer.gif" /></a>

            <a title="Departments" href="/departments" tabindex="-1">
                <img alt="Departments" src="/DefaultContent/Default/_gfx/spacer.gif" /></a>

            <a title="About Us" href="/about-us" tabindex="-1">
                <img alt="About Us" src="/DefaultContent/Default/_gfx/spacer.gif" /></a>

            <a title="I Want To..." href="/i-want-to-" tabindex="-1">
                <img alt="I Want To..." src="/DefaultContent/Default/_gfx/spacer.gif" /></a>

        </div>
        <!--startindex-->

        <header id="siteheader" class="">
            <!--stopindex-->
            <h1 class="wcag_only">My organization</h1>
            <a id="home_link" href="/home">Home</a>

            <a class="menu_trigger mobile_only" href="javascript:void(0);">Menu</a>
            .
            .
            .

        </header>
        <div class="standardthreecolumnlayout clearfix" id="sitebody">

            <div id="ColumnUserControl1" class="column   top_col clearfix  "  >
                <div class=" main_menu_widget">

                    <nav class="regularmegamenu mainnav" id="menuContainer_617_0_403">
                        <ul class="dropdownmenu clearfix">
                            <li class="megamenu_first" id="dropdownrootitem1"><a class="dropdownrootitem1" href="/home" title="Home" data-navid="1" target="_self">Home</a></li>
                            .
                            .
                            .
                        </ul>
                    </nav>
                </div>
            </div>


            <div id="ColumnUserControl2" class="column   left_col  "  >
                <nav id='leftNav_618_0_403' class='nocontent sidenav mobile_list vi-sidenav-desktop   '>
                    <h2 class="mobile_only mobile_header">Navigation Menu</h2>
                    .
                    .
                    .
                </nav>
            </div>

            <div class="column right_col">
                    <div class="column right_col">

                        <div id="ColumnUserControl3" class="column   banner_col clearfix  "  >


                            <a id="pagebody"></a>
                            <header id="widget_621_571_403" class="title_widget clearfix on_page " >

                                    <p class="breadcrumb">
                                                <a href="/departments">Departments</a> » <a href="/departments/human-resource">Human Resources</a> 
                                                .
                                                .
                                                .

我的组织
.
.
.
  • . . .
导航菜单 . . . » . . .

我希望需要aria标签,但可以使用一些专业知识来确定正确的方向

我自己从未测试过这个,但根据WCAG文档,我要说的是,它需要与aria相关的属性才能正确访问

当页面上多次使用
nav
元素时,使用
aria label
aria labelledby
属性区分导航组

资料来源:

如H97页所述,这与履行