我應該將ARIA目錄角色用於麪包屑列表嗎？

我正在嘗試添加對麪包屑組件的輔助功能，該組件基於<ul>元素。我一直在研究ARIA的角色，我偶然發現了directory role，這看起來很合適。但是，我無法弄清楚它是否適合我的麪包屑組件，以及我的組件是否根據角色描述實現了所需的任何內容。我應該將ARIA目錄角色用於麪包屑列表嗎？

ul.breadcrumbs { 
 
    display: -webkit-box; 
 
    display: -webkit-flex; 
 
    display: flex; 
 
    list-style: none; 
 
    margin: 10px 8px; 
 
    padding: 0; 
 
    border-radius: 4px; 
 
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.15); 
 
} 
 
ul.breadcrumbs li { 
 
    -webkit-box-flex: 1; 
 
    max-width: 100%; 
 
    -webkit-flex-grow: 1; 
 
    flex-grow: 1; 
 
    -webkit-flex-basis: 0; 
 
    flex-basis: 0; 
 
    position: relative; 
 
    text-align: center; 
 
    background: #e0e0e0; 
 
    height: 32px; 
 
    line-height: 32px; 
 
    margin-right: 18px; 
 
} 
 
ul.breadcrumbs li:before, 
 
ul.breadcrumbs li:after { 
 
    content: ""; 
 
    position: absolute; 
 
    top: 0; 
 
    width: 0; 
 
    height: 0; 
 
    border: 0 solid #e0e0e0; 
 
    border-width: 16px 8px; 
 
} 
 
ul.breadcrumbs li:before { 
 
    left: -16px; 
 
    border-left-color: transparent; 
 
} 
 
ul.breadcrumbs li:after { 
 
    left: 100%; 
 
    border-color: transparent; 
 
    border-left-color: #e0e0e0; 
 
} 
 
ul.breadcrumbs li:first-child:before { 
 
    border: 0; 
 
} 
 
ul.breadcrumbs li:last-child { 
 
    margin-right: 0; 
 
} 
 
ul.breadcrumbs li:last-child:after { 
 
    border: 0; 
 
}

<ul class="breadcrumbs"> 
 
    <li><a href="#">Root</a> 
 
    </li> 
 
    <li><a href="#">Folder</a> 
 
    </li> 
 
    <li>File</li> 
 
</ul>

來源

2017-02-07 Angelos Chalaris

的breacrumbs微格式使用的角色navigation，這似乎更合適：我的麪包屑列表的造型和結構的演示提供如下 http://microformats.org/wiki/breadcrumbs-formats

讀也，以下問題：Proper ARIA handling of breadcrumb navigation

來源

2017-02-08 08:48:06 Adam

我相信'navigation'比'directory'更適合，但我沒有reall由於我在頁面中有'nav'元素具有相同的作用，因此我對它付出了太多的關注。顯然，我可以使用標籤來處理這個問題，所以我猜「導航」畢竟是更好的選擇！ –

我應該將ARIA目錄角色用於麪包屑列表嗎？

回答

相關問題