實施範例5

5.使用標題來傳達內容的結構

使用這項技巧的目標是利用HTML和XHTML的標題標記來傳達內容的結構。單只是改變字型外觀並不足以傳遞內容的組織,對那些利用標題來感知結構或依賴它們來導航的用戶,也可能會引起混淆。在使用粗體格式或 "class=heading" 後,可在視覺上獲得像標題樣的效果,但輔助技術卻不能辨認該文字為標題。

範例︰

在以下的例子裏,主要內容是在三欄頁面中間的一欄。雖然主要內容不是在頁面的第一個項目,但是它的標題與頁面的標題相同,因此會以H1作為標記。至於第一和第三欄的內容較次要,因此會以H2作為標記。

範例代碼︰

<head>
<title>股市新聞</title>
</head>

 <body>

<!-- left nav -->
<div class="left-nav">
<h2>網站導航</h2>
<!-- content here -->
</div>

 <!-- main contents -->
<div class="main">
<h1>股市新聞</h1>
<!-- article text here -->
</div>

<!-- right panel -->
<div class="left-nav">
<h2>相關連結</h2>
<!-- content here -->
</div>
</body>