2015-07-21 47 views
1

我正在嘗試編寫兼容性(WCAG 2.0)兼容的HTML5頁面。輔助功能(WCAG 2.0):標題和標題內容關係

頁結構是常見的:

  • 頂部/標題:徽標+文本要求+自定義按鈕(ES:插入廣告)+主菜單
  • 主:選定的廣告+分頁
  • 名單
  • 頁腳:頁腳鏈接+免責聲明

當然,我的網頁的主要內容是上市塊,由H1標籤介紹(ES「在羅馬的紅色自行車選擇廣告」)。

。現在,因爲:

我對標題的主要內容之前,其配備在頁面頂部的內容疑惑:

自從h1出現之後,我無法爲它指定H2或H3,另一方面,我不想在沒有標題的情況下離開首頁內容。

謝謝。

回答

1

一兩件事要了解有關技術是在於它們的信息,而不是規範性閱讀「摘要」以下文件http://www.w3.org/TR/WCAG20-TECHS/Overview.html

這意味着1.3.1的要求很簡單,就是你標記您的結構來表示的信息的語義。

這意味着你可以絕對開始一個比H1更低的標題級別的頁面。實際上,H1需要描述頁面的主要內容,以便您能夠使用語義標題級別來描述可能在主要內容之前出現的橫幅內容或導航內容。

最佳做法是,你也想兩件事情添加到您的網頁:

  1. 爲主要內容的地標作用,橫幅內容,導航元素和頁腳內容(如適用),和
  2. 跳過鏈接,讓鍵盤只有用戶可以直接跳轉到主要內容區域(你也可以擴展爲允許跳過像頁腳等標誌性地區,導航等)