2020年12月15日

好想要跳過

NVDA 的網頁瀏覽功能對於熟悉 NVDA 操作的視障者應該會很喜歡,它猶如沙場戰士的神兵利器,引領視障者在網路世界衝鋒陷陣……嗯,好像沒這麼慘烈吧!
其中 NVDA 在瀏覽模式下的單鍵導航功能相當好用,可以直接跳至網頁上的標題、連結、清單等網頁元素,要瀏覽網頁上的特定內容往往可借由此方式快速定位,提升瀏覽效率。


當瀏覽到網頁上常見的表格元素,NVDA 還另外提供可以上下左右逐格瀏覽的功能以便我們可以將表格的內容組織起來,如果瀏覽了一部份表格內容後不想要繼續閱讀而打算跳離表格瀏覽表格後面的內容,例如目前在第 3 列,而表格共有 20 列,不論是以 向下鍵 移動或是表格瀏覽快速鍵 Ctrl+Alt+向下鍵 往下逐列移動,都得一直移動到最後第 20 列才有辦法離開表格,過程顯得緩慢,但要離開連結、圖片等卻只要按一個 向下鍵 即可,怎麼差這麼多?有沒有辦法同樣只按一個鍵就能離開表格呢?

網頁上的內容是由許多網頁元素所構成,網頁元素有些為單一獨立的個體如連結、圖片,有些元素非單一個體而是一個容器,容器內乘載了其它的元素,因此容器就成了一群元素的集合,以下為 NVDA 可以識別的容器元素。

  • 表格:表格元素代表表格整體,表格內包含了列與儲存格、表格標題等其它元素,因此表格元素本身即為一個容器。
  • 清單:清單是由清單裡的項目所構成,清單內包含了數量不等的清單項目,因此清單本身為一個容器。
  • 頁框:頁框為網頁上一個與其外部內容無關的獨立頁面,頁框內可包含各種網頁元素,所以頁框本身為一個容器。
  • 引述:引述/引用為一個區塊範洄,可包含文字、連結、標題等元素,所以引述為一個容器。
  • 區塊:HTML 5 中一些具有結構語意的區塊元素,包含頁首、導航、主要內容、頁尾等元素,或與其相應的 ARIA 地標角色,它們賦予網頁版面有意義的結構,網頁版面的每個區塊階可包含各種網頁元素,因此每個區塊元素就是一個容器。

                        
以上這些元素的容器特性,當身處其中時只要按一個 , (英文逗點) 即可離開容器範圍移至容器後面,網頁上的表格或經常可見以頁框型式呈現的廣告或 Facebook 社群內容,就能以此方法快速跳過無須與其奮戰到底。

當身處在容器中按 Shift+, (英文逗點) 並不是移至容器的前面,而是移至容器內的第一個元素,例如在表格內的某個位置,執行此快速鍵就會移至表格左上角的第1個儲存格或是表格標題/摘要,如果要移至表格的前面,只要再按 向上鍵 即可離開表格。

當位於清單內的某個清單項目,而此清單位於「主要內容區」的區塊內,按 , (英文逗點) 會移至清單的後面而非「主要內容區」這個區塊的後面,也就是說當容器裡有容器這種巢狀結構時,焦點會移至目前所在容器的外面,不會一下就跳至最外層容器的外面,掌握這個原則就不會每次執行命令後對所處的位置感到困惑與不解了。


延伸閱讀