跳到主要內容
:::|

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

說明:為了方便視覺障礙者辨別長文件的章節架構,以H1至H6由上而下的方式註記文章之章節標題,以利用他們所使用的瀏覽器輔助閱讀。

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

不良設計

不良設計:

<H1>壹、網站的規劃及設計</H1>

 

<H2>一、無障礙網頁開發規範與設計</H2>

 

網頁開發人員在規劃網站時可參考無障礙網頁設計的四個原則:

<h4>原則一:多媒體相關資訊的可及性;原則二:網頁結構和呈現處理的可及性;原則三:網頁和輸出入裝置相關技術處理的可及性;原則四:網站瀏覽機制的可及性</h4>……

 

<H3>(一)無障礙網頁設計檢測要點</H3>

範例中字體加粗的段落,改以STRONG加強標籤來製作粗體字效果。

正確範例:

<H1>壹、網站的規劃及設計</H1>

 

<H2>一、無障礙網頁開發規範與設計</H2>

 

網頁開發人員在規劃網站時可參考無障礙網頁設計的四個原則:

<STRONG>原則一:多媒體相關資訊的可及性;原則二:網頁結構和呈現處理的可及性;原則三:網頁和輸出入裝置相關技術處理的可及性;原則四:網站瀏覽機制的可及性</STRONG>……

 

<H3>(一)無障礙網頁設計檢測要點</H3>

上一頁| 回首頁