網頁標題層級探索

分類:NVDA入門   2023/09/28

文/曾老師

 

大多數的NVDA使用者在操作Google搜尋時,在輸入完關鍵字後按下Enter鍵展開搜尋,頁面就會自動切換至搜尋結果頁面,此時使用者多會按下阿拉伯數字「3」,游標會立即移動到第一個搜尋結果連結上,並報讀出連結名稱,使用者可藉由連結名稱判斷是否為所需項目,若是所需項目可按下Enter鍵,將頁面切換至該項目頁面;若不是所需項目,則可繼續按阿拉伯數字「3」,繼續查看其他搜尋結果。

 

為什麼按阿拉伯數字「3」就會將游標移至搜尋結果的項目上?那是因為Google在每一個搜尋結果的連結上設置了「標題層級3」的標籤語法,而NVDA就依據這個語法將游標定位到這個「標題層級3」的位置。讓NVDA的使用者可快速的將游標移動至各個搜尋結果上,點選所需的連結進入該連結頁面,讓使用者可順利的擷取資訊。

 

我們先來瞭解標題是什麼?標題的概念就像是書本中的目錄,書本上的「章、節、小節、重點」的關係,標題層級1可視為是書本的「章」的概念;標題層級2可視為是書本的「節」的概念;標題層級3可視為是書本的「小節」的概念,如此依序列推。

「H」標籤是「Heading」的簡稱,「H」標籤又細分為「H1」到「H6」六個等級。當我們在網頁上按一下「H鍵」游標會從游標目前所在位置往下移動到下一個設有「H」標籤的位置,每按一下「H鍵」游標就會往下一個設有「H」標籤的位置移動,直到聽到「沒有下一個標題」為止。若我們按阿拉伯數字「1」到「6」之間的任一數字,游標會從目前位置移動至所按之阿拉伯數字對應的下一個標題。例如,按一下阿拉伯數字「2」,游標會移至下一個設有標題層級2的位置,再按一下阿拉伯數字「2」,則再移動到下一個設有標題層級2的位置,即使兩個標題層級2之間有其他層級的標題都會被忽略,當然若聽到「沒有下一個標題層級2」,游標就不會移動,不過並不表示以下就沒有其他層級的標題。

現在我們來介紹一下網頁上一般的標題層級設置位置:

H1 標題層級1標籤:一般會設置在機構Logo回首頁上。

H2 標題層級2標籤:設置主要內容區之文章名稱,也有設置於各區塊開始位置,取代原來之 ::: 定位點位置

H3 標題層級3標籤:設置於主要內容區之文章段落之段落標題。

H4 標題層級4標籤:設置於主要內容區文章段落之子項目。

H5 標題層級5標籤:較少使用。

H6 標題層級6標籤:較少使用。

 

我們以NVDA之〈用戶指南〉頁面示範如何在設有標題層級的頁面瀏覽操作:

01. 按 NVDA+N 開啟NVDA功能表

02. 以方向鍵向下找到「說明」子功能表,以向右方向鍵移到「用戶指南」

03. 按Enter鍵開啟用戶指南

04. 此時會以預設之瀏覽器開啟「用戶指南」頁面,請按 Ctrl+home 將游標移至頁面頂端

05. 按阿拉伯數字「1」,會聽到「沒有下一個標題層級1」,因本頁面只有一個「標題層級1」標籤,而目前游標就停在此標籤上

06. 按阿拉伯數字「2」會聽到「目錄標題第2級」,接著再按一下阿拉伯數字「2」,會聽到「1.簡介標題第2級」,其實在這兩個標題第2級之間有整個用戶指南的所有目錄,我們可以用向上方向鍵一一的檢視一下,就可瞭解這兩個標題第2級之間有多少內容,而我們利用標題層級的瀏覽功能,可以很快速的移動游標到我們的目標位置

07. 再按一下阿拉伯數字2,游標會移至「2. NVDA 快速入門指南標題第2級」。在「1. 簡介」與「2. NVDA 快速入門指南」這兩個標題之間尚有多個第3級標題。因為我們按阿拉伯數字「2」,所以游標就會往下移至第2 級標題位置。

08. 我們可以改按英文字母「H」,就會發現游標移動的目標是不限層級的各項標題,若按阿拉伯數字「3」,則只會在有設置第3級標題間移動。

我們以這個操作指南來看,要一次讀完整份文件是較辛苦的,大多會採分次閱讀,所以在讀完一個階段後,下次開啟檔案,我們可以先按阿拉伯數字「2」找到上回閱讀的章節名稱,再按阿拉伯數字「3」或按英文字母「H」找到上回停止閱讀的位置繼續學習,這樣會不會較輕鬆呢?