無障礙小百科

鍵盤使用者的定錨器ー理解焦點就能在網路世界走磚步瓦

焦點Part1-說明焦點在螢幕閱讀器的重要性

A11y新手村🏕

Published in

a11yvillage

Sep 15, 2022

焦點是什麼？

上一篇無障礙小百科系列介紹「螢幕閱讀器」，提到螢幕閱讀器( Screen reader )是一種可將電腦系統上的數位內容以語音、點字等非視覺方式提供給使用者的輔助科技。而使用螢幕閱讀器的時候有一個非常重要的概念是「焦點」，有了「焦點」，不僅能協助接收訊息，更能進一步與電腦系統互動，諸如訂購車票、登錄會員、回信息等等⋯⋯但對於平常已經慣用滑鼠或觸控板操作數位介面的人來說其實很難想像焦點是什麼概念，姑且讓我們用以下一個生活的例子去對應看看。

雖然目前因為疫情大家暫時無法到國外旅行，但不知道大家或身邊的親朋好友是否曾經有過以下經驗ーー去日本扛家電回台！

例如扛了一台看起來很厲害的電飯鍋，號稱一鍵按下，不僅可以炊飯、蒸蛋糕還可以變身壓力鍋⋯⋯！滿心雀喜準備要炊煮一鍋香噴的米飯時，發現螢幕版上功能琳琅滿目又是不熟的語言，當場變成字盲，只好邊看著說明書邊操作，一鍵一鍵按試著去尋找功能，試著去摸索藏在機器內的訊息。

在下面影片中，我們示範了鍵盤操作時是如何一鍵一鍵的瀏覽內容：

滑鼠使用者與鍵盤使用者的操作不同

如果我們把剛剛的電飯鍋例子類比到網頁瀏覽上的經驗，這個按鈕指令其實就相當於螢幕閱讀器上的焦點。焦點的目的猶如滑鼠使用者的箭頭，焦點可讓使用者透過鍵盤與 UI 物件互動，焦點選定的物件表示之後鍵盤操作是作用於哪個物件上。

當我們在 UI 上發現了一個物件想和它互動時，滑鼠使用者只要簡單的將指標移動到這個物件上點擊即可進行互動，但對於使用鍵盤操作的使用者來說則必需透過鍵盤上的各式按鍵想辦法將焦點移動到物件上後再按下 enter/space 鍵才能順利互動。滑鼠是透過視覺+拖移來完成移動指標，它可移動到畫面上的任意點；而鍵盤是按下往前、往後等等跳轉指令來移動焦點到單一定點上。

我們也不難發現滑鼠是一種需手眼並用的操作工具，對於全盲的視障者或手部抓握困難的肢障者來說，是很難使用它來操作 UI 介面的，另一方面低視能視障者則是容易丟失找不到滑鼠當下的位置，常需借助放大指標或增加指標對比度來克服，總體上滑鼠相對鍵盤對上述這些族群而言是較不方便更甚無法使用的操作方式。

為什麼焦點的概念如此重要，有兩個主要的原因：

一來因為鍵盤相較於滑鼠或觸控板，它屬於比較友善的操作工具，所以身障人士往往會比較偏好以鍵盤來操作電腦，而上述也提到焦點是如同滑鼠指標般的存在，有了它鍵盤使用者才能選定與互動 UI 物件；

二來是焦點是螢幕閱讀器使用者非常重要的操作元素，就像導盲杖般的存在，有了它才有辦法給螢幕閱讀器提供資訊，讓使用者了解當前的內容與判斷當下的情境做出下一步的反應。

我們製作了一個影片紀錄滑鼠使用者與鍵盤使用者（螢幕閱讀器使用者）完成同樣一個任務（在雲端硬碟中找到一個檔案把他下載下來）的操作方式。在下面影片中，先呈現一般滑鼠使用者的操作模式，再對比鍵盤使用者（螢幕閱讀器使用者）的操作模式，大家可以對比看看有什麼不同。

螢幕閱讀器上焦點的重要性與特性

每當焦點改變時，螢幕閱讀器就會讀出移動到的新焦點上的物件資訊。對螢幕閱讀器的使用者來說焦點就是當下所見的全貌，需要透過移動焦點來瀏覽不同的物件資訊，移動焦點是線性的讀取不同的物件內容，跳到下一個焦點就好比我們看書時翻到下一頁一樣。

對於全盲的視障者來說，他們會需要透過不斷的移動焦點在物件間游走來掌握現在 UI 上有哪些物件與其前後間的關聯，以此建立起虛擬世界裡的心理地圖，所以在焦點的移動時要有一致性的跳轉順序，亦即用跳轉下個物件指令(tab)從物件 A 前往下個物件 B 後再用跳轉上個物件指令(shift + tab)返回上個物件時，應該焦點是會回到物件 A 上，因為不一致的移動順序會無法掌握物件間的前後關聯進而難以建立起心理地圖，導致容易迷航在茫茫資訊頁面中。