2011-07-04 54 views
0

我希望屏幕閱讀器的語義和清晰度準確無誤。按字面層次或重要性組織標題'?

我想了解一下這個特殊的情況...... 我有這樣的結構:

Current Promotion: 
-Promotion Title 

Recent Blog Posts: 
-BlogPost Title 
-BlogPost TItle 

文體和更好的閱讀,我認爲,個別項目的標題應比大節標題,這基本上是組織......不會讓任何人太興奮。

所以我想知道如果我應該有單獨的標題爲h2s,節標題爲基於'重要性'的h3s還是基於字面層級保留其反向?

這可能不是一個大問題,但我不確定正確的做法是什麼。

回答

2

標題應體現層次:

WebAIM,一個有用的輔助功能資源:

頁面應該在一個分層的方式)來構造,使用一階標題(是最重要的(通常是網頁標題或標題),然後是二級標題(通常是主要部分標題),下至三級標題(子部分)等等。

某些屏幕閱讀器 - 例如NVDA - 向最終用戶提供標題的結構化列表;如果H3中有H2,那麼列表會變得混亂,而且看起來像H3部分標題實際上是以前內容的子部分:

Current Promotion: 

Promotion Title 
- Recent Blog Posts: 

BlogPost Title 
BlogPost TItle 
+0

+1,標題肯定應該反映頁面層次結構。此外,@Damon總是可以調整標題以適應視力良好的用戶,以獲得他想要的效果,例如'h2 {font-size:1.2em; } h3 {font-size:1.4em; '',以便節標題視覺上比個別項目更小。 –

+0

謝謝!所有我需要知道,並高興它確實很重要:) – Damon