無障礙網路空間服務網無障礙網路空間服務網

3.7:H203106 避免使用header標籤來產生粗體字效果

不良設計

下面例子中有段粗體字是以H4標題標籤作為粗體效果,如此將造成文章結構的混淆。

不良設計:

  <H1>壹、網站的規劃及設計</H1>
  <H2>一、無障礙網頁開發規範與設計</H2>
  網頁開發人員在規劃網站時可參考無障礙網頁設計的四個原則:
  <H4>原則一:多媒體相關資訊的可及性;原則二:網頁結構和呈現處理的可及性;
      原則三:網頁和輸出入裝置相關技術處理的可及性;原則四:網站瀏覽機制的可及性
  </H4>
  <H3>(一)無障礙網頁設計檢測要點</H3>

          

正確示範

此範例中正確的使用<H1><H2><H3>標題標籤的巢狀用法,且利用STRONG標籤來達成文字粗體的效果。

正確範例:

  <H1>壹、網站的規劃及設計</H1>
  <H2>一、無障礙網頁開發規範與設計</H2>
  網頁開發人員在規劃網站時可參考無障礙網頁設計的四個原則:
    <STRONG>原則一:多媒體相關資訊的可及性;原則二:網頁結構和呈現處理的可及性;
            原則三:網頁和輸出入裝置相關技術處理的可及性;原則四:網站瀏覽機制的可及性
    </STRONG>
  <H3>(一)無障礙網頁設計檢測要點</H3>
          
網頁內容結束分隔線