HTML文檔標記可訪問性

Question

我想知道一種構造類似文檔的html頁面的正確方法。 顯然，頁面標題應標記為<h1>而標題應標記為<h2> 。

至於頁腳，現在，我有：

<div id="footer">Footer content</div>

它將顯示在文檔的每一頁中。 我意識到，屏幕閱讀器在讀取頁腳內容時不會通知用戶。 我認為使用者應該可以選擇跳過閱讀頁腳內容。

是否有必要讓屏幕閱讀器宣布它將要閱讀頁腳內容，並且有適當的方法嗎？

謝謝！

Answer 1

允許屏幕閱讀器跳過網站重復部分的一種常見方法是在要跳過的元素之后立即隱藏一個錨點。

例如，在我們的一個網站上，我們這樣做是為了跳過導航欄。

<div id="navbar">
  <a title="Skip Navigation" href="#skipnav"></a>
  <a href="/"><img id="home" src="transparent.gif" alt="Home" /></a>
  ...
</div>
<a id="skipnav"></a>

可以使用鍵盤選擇“跳過導航” a ，屏幕閱讀器將顯示“跳過導航”。 然后，用戶可以在其上“單擊”以稍后跳入該頁面。 在這種情況下，就在導航之后。

Answer 2

可以使用html5嗎？ 如果是這樣，它包含一個<footer>標記。

Answer 3

我是屏幕閱讀器用戶，h1和h2標題會很好地工作。 沒有一種好的方法允許屏幕閱讀器跳過某些文本，而我所知道的文本將適用於所有屏幕閱讀器和瀏覽器。 假設您的內容如下所示

<h1>title</h1>
<h2>section1</h2>
section content
<div id="footer">Footer content</div>
<h2>section2</h2>
section 2 content
<div id="footer">Footer content</div>

屏幕閱讀器用戶應該能夠弄清楚他們在第一次聽到頁腳之后是否再次點擊了頁腳。 然后，他們可以使用所有現代屏幕閱讀器提供的快速導航鍵來跳到下一個標題，從而不必再次收聽頁腳。