[基礎教材] 11.2 填寫表單 - 教學區

[基礎教材] 11.2 填寫表單

文章瀏覽次數 547

特種兵

特種兵圖像(預設)

2022-04-04 15:51:32

From:111.249.114.178

NVDA 基礎教材

11 網頁表單

11.2 填寫表單

到目前為止,我們使用 Edge 在網頁裡僅以瀏覽模式進行閱讀而已。但在一些網頁裡,可能需要使用者送回資訊給網站,這會改變頁面顯示的內容。

例如搜索資訊,訂閱接收通訊,當線上購物時,網站會需要知道訂單的詳細資訊,要寄什麼給你,以及應該寄到哪裡。

表單的設計各有不同,相對也較複雜,一個簡單的搜尋頁面,只要有個編輯區用來輸入欲查尋的文字,加上一個按鈕就能進行搜尋。但一個電影院的註冊頁面,可能需要編輯區、核取方塊、選擇鈕與下拉式方塊,這樣才方便使用者更容易給出有系統的資訊。

編輯區允許我們自由的輸入資訊像是名字。

下拉式方塊讓我們選擇最靠近的電影院,裡面的選項是預設好且已存在的清單。

核取方塊只需要一個控制項來確認是否訂閱通訊。

有一點很重要,需要提醒各位,就是在網路上提供資訊時需要留意,一些不肖網站可能會以販賣你提供的資訊來獲利,惡意網站可能複製合法網站的外觀來欺騙使用者以獲取你的帳號密碼或信用卡資訊,這個稱為「網路釣魚」。犯罪份子會利用這些資訊從事不法行為,如盜刷信用卡等。

閱讀網址列可以讓你確認是否為正確網站的網址,在網址列輸入已知的正確網址來載入網站會比點擊陌生電子郵件的連結還安全。

網頁表單的運作方式類似對話框,兩者都可以瀏覽與提交資訊,經常會有一個按鈕,通常叫做「送出」、「提交」、「搜尋」、「確定」、「確認」或「登入」之類的。想要啟動這個按鈕,就是瀏覽到它然後按 enter 鍵,或者在表單的任何地方直接按 enter 鍵提交。

人們最常使用的表單就是利用網站上的搜尋引擎來查詢資訊,Google 就是一個很熱門的搜尋引擎,Duck Duck Go 跟 Bing 也是搜尋引擎的一種。

使用 Google,就是載入 www.google.com 這個網頁,它主要的功能就是有個編輯區,準備讓你輸入想查詢的文字,可以輸入任何的問題或句子到 Google 裡進行搜尋。

當焦點進入表單欄位時,預設的情況下,NVDA 會從「瀏覽模式」切換成「焦點模式」(註一)。

在瀏覽模式中,輸入字母或其他按鍵都會跳到該網頁相應的元素上,如同之前介紹的單鍵瀏覽,按 h 會跳到下一個標題,按 d 會跳到下一個地標。

在焦點模式中,那些單鍵瀏覽都無法使用,取而代之的,按這些字母都會變成文字輸入到編輯區,使用方向鍵可以瀏覽選擇鈕的項目而不會逐字或逐行移動閱讀。

當 NVDA 變成焦點模式時,它會發出一個「咔叉」聲,變成瀏覽模式時,它會發出一個比較低的「嘟」聲。

提交表單後或焦點移出表單欄位時,NVDA 都會從焦點模式切換回瀏覽模式。

現在讓我們看看 Google 的搜尋頁面,由於它們經常更新頁面,下面的操作步驟有可能不適用,假如無法如期運作,可以自己試著使用學過的瀏覽按鍵來探索畫面的新佈局,如果有需要的話可以向你的電腦老師求助。

活動:填寫表單
  1. 開啟 Edge。
  2. 移到網址列,輸入以下網址以載入此網頁 www.google.com
  3. 頁面載入完成後,應該會聽到 NVDA 自動切換成焦點模式所發出的「咔叉」聲,NVDA 會朗讀「搜尋,下拉式方塊」與「可編輯」之類的相關提示。
  4. 按一次 shift + tab 鍵將焦點移離編輯區,NVDA 會發出切換回瀏覽模式的「嘟」聲。(註二)
  5. 按 h,NVDA 會朗讀「沒有下一個標題了」。如果處於焦點模式的話,那 NVDA 就不會去查找下一個標題,且會朗讀 h。
  6. 按一次 tab 鍵移回搜尋編輯區,NVDA 會再次切換為焦點模式。
  7. 輸入「除夕是什麼時候」,然後按 enter 鍵。
  8. 應該會聽到 NVDA 的「嘟」聲並切換回瀏覽模式,因為我們完成了搜尋表單的提交。
  9. 按 shift 鍵讓 NVDA 暫停朗讀結果頁面,保持 Edge 的開啟狀態,下個活動會再回來閱讀結果。
註釋
  1. 相關的設定跟解釋可以另外寫文章了,使用新版的 NVDA 在這方面的翻譯有改善了,當時撰寫文章使用的 NVDA 比較舊,請參考 https://www.nvda.org.tw/teaching/article/ui=100204tm=1950391545
  2. 活動中的第3、4、6步,需要勾選:NVDA 功能表 -> 偏好 -> 設定 -> 瀏覽模式 -> 焦點改變時自動切換焦點模式,這個項目才會有自動切換模式的效果。

最後更新:2022-05-12 11:57:04

From: 111.249.114.178

By: 超級管理員