如果你的導(dǎo)航部分包含很多鏈接，并且在 DOM 結(jié)構(gòu)上也是排在主內(nèi)容之前，那么，建議在導(dǎo)航前面添加一個(gè) Skip to main content（直接進(jìn)入主內(nèi)容區(qū)）的鏈接（這篇文章 A11Y Project article on skip navigation links給了簡(jiǎn)要的解釋）。通過(guò)使用 .sr-only 類可以讓 “Skip to main content（直接進(jìn)入主內(nèi)容區(qū)）” 鏈接在視覺(jué)上是不可見(jiàn)的，而 .sr-only-focusable 類可以讓這個(gè)鏈接在獲得焦點(diǎn)的時(shí)候變?yōu)榭梢?jiàn)（對(duì)于使用鍵盤(pán)導(dǎo)航的用戶）。

<body>
  <a href="#content" class="sr-only sr-only-focusable">Skip to main content</a>
  ...
  <div class="container" id="content">
    <!-- The main page content -->
  </div>
</body>

　標(biāo)題嵌套

當(dāng)標(biāo)題嵌套時(shí) (<h1> - <h6>)，你的文檔的主標(biāo)題應(yīng)該是 <h1> 標(biāo)簽。隨后的標(biāo)題邏輯上就應(yīng)該使用 <h2> - <h6> ，這樣，屏幕閱讀器就可以構(gòu)造出頁(yè)面的內(nèi)容列表了。

更多信息請(qǐng)參考： HTML CodeSniffer and Penn State's AccessAbility.

色彩對(duì)比

當(dāng)前，Bootstrap 使用的默認(rèn)顏色組合的對(duì)比度（例如各種 styled button 類；一些基本代碼塊高亮代碼所用的顏色；.bg-primary 上下文背景色輔助類；和白色背景下默認(rèn)的鏈接顏色）都比較低（低于推薦比例 4.5:1）。這會(huì)導(dǎo)致視力低下和色盲用戶在使用時(shí)產(chǎn)生困難。這些默認(rèn)顏色可能需要進(jìn)行修改，以增強(qiáng)對(duì)比度和清晰度。

在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

可訪問(wèn)性

跳過(guò)導(dǎo)航區(qū)

標(biāo)題嵌套

色彩對(duì)比

　標(biāo)題嵌套