NVDA 基礎教材
11 網頁表單
11.2 填寫表單
到目前為止,我們使用 Edge 在網頁裡都以瀏覽模式進行閱讀而已。但在一些網頁裡,可能需要使用者送回資訊給網站,這會改變頁面顯示的內容。
例如搜索資訊,訂閱接收通訊,當線上購物時,網站會需要知道訂單的詳細資訊,要寄什麼給你,以及應該寄到哪裡。
表單的設計各有不同,相對也較複雜,一個簡單的搜尋頁面,只要有個編輯區用來輸入欲查尋的文字,加上一個按鈕就能進行搜尋。但一個電影院的註冊頁面,可能需要編輯區、核取方塊、選擇鈕與下拉式方塊,這樣才方便使用者更容易給出有系統的資訊。
編輯區允許我們自由的輸入資訊像是名字。
下拉式方塊讓我們選擇最靠近的電影院,裡面的選項是預設好且已存在的清單。
核取方塊只需要一個控制項來確認是否訂閱通訊。
有一點很重要,需要提醒各位,就是在網路上提供資訊時需要留意,一些不肖網站可能會以販賣你提供的資訊來獲利,惡意網站可能複製合法網站的外觀來欺騙使用者以獲取你的帳號密碼或信用卡資訊,這個稱為「網路釣魚」。犯罪份子會利用這些資訊從事不法行為,如盜刷信用卡等。
閱讀網址列或利用 nvda + k 可以讓你確認是否為正確網站的網址,在點擊連結之前確認一下網址是有必要的。在網址列輸入已知的正確網址來載入網站會比點擊陌生電子郵件的連結還安全。
網頁表單的運作方式類似對話框,兩者都可以瀏覽與提交資訊,經常會有一個按鈕,通常叫做「送出」、「提交」、「搜尋」、「確定」、「確認」或「登入」之類的。想要啟動這個按鈕,就是瀏覽到它然後按 enter 鍵,或者在表單的任何欄位直接按 enter 鍵提交。
人們最常使用的表單就是利用網站上的搜尋引擎來查詢資訊,Google 就是一個很熱門的搜尋引擎,Duck Duck Go 跟 Bing 也是搜尋引擎的一種。
使用 Google,就是載入 www.google.com 這個網頁,它主要的功能就是在中間有個編輯區,準備讓你輸入想查詢的文字,可以輸入任何的問題或句子到 Google 裡進行搜尋。當搜尋的頁面被載入時,通常焦點會直接停在搜尋的編輯區上。
當焦點進入表單欄位時,預設的情況下,NVDA 會從「瀏覽模式」切換成「焦點模式」(註一)。
在瀏覽模式中,輸入字母或其他按鍵都會跳到該網頁相應的元素上,如同之前介紹的單鍵瀏覽,按 h 會跳到下一個標題,按 d 會跳到下一個地標。
在焦點模式中,那些單鍵瀏覽都無法使用,取而代之的,按這些字母都會變成文字輸入到編輯區,使用方向鍵可以瀏覽選擇鈕的項目而不會逐字或逐行移動閱讀。
當 NVDA 變成焦點模式時,它會發出一個「咔叉」聲,變成瀏覽模式時,它會發出一個比較低的「嘟」聲。
提交表單後或焦點移出表單欄位時,NVDA 都會從焦點模式切換回瀏覽模式。
現在讓我們看看 Google 的搜尋頁面,由於它們經常更新頁面,下面的操作步驟有可能不適用,假如無法如期運作,可以自己試著使用學過的瀏覽按鍵來探索畫面的新配置,如果有需要的話可以向你的電腦老師求助。
活動:填寫表單
- 開啟 Edge
- 移到網址列,輸入以下網址以載入此網頁 www.google.com
- 頁面載入完成後,應該會聽到 NVDA 自動切換成焦點模式所發出的「咔叉」聲,NVDA 會朗讀「搜尋,下拉式方塊」與「可編輯」之類的相關提示
- 按一次 shift + tab 鍵將焦點往回移動離開編輯區,NVDA 會發出切換回瀏覽模式的「嘟」聲。(註二)
- 按 h,NVDA 會朗讀「沒有下一個標題了」。如果處於焦點模式的話,那 NVDA 就不會去查找下一個標題,且會朗讀 h
- 按一次 tab 鍵移回搜尋編輯區,NVDA 會再次切換為焦點模式
- 輸入「除夕是什麼時候」,然後按 enter 鍵
- 應該會聽到 NVDA 的「嘟」聲並切換回瀏覽模式,因為我們完成了搜尋表單的提交
- 按 shift 鍵讓 NVDA 暫停朗讀結果頁面,保持 Edge 的開啟狀態,下個活動會再回來閱讀結果
註釋
- 相關的設定跟解釋可以另外寫文章了,使用新版的 NVDA 在這方面的翻譯有改善了,當時撰寫那篇文章使用的 NVDA 比較舊,但文章仍有參考價值,請參考
https://www.nvda.org.tw/teaching/article/ui=100204tm=1950391545
- 活動中的第3、4、6步,需要勾選:NVDA 功能表 -> 偏好 -> 設定 -> 瀏覽模式 -> 焦點改變時自動切換焦點模式,這個項目才會有自動切換模式的效果。
自主練習
另開一個新的瀏覽器視窗。重複上面的活動,但不同的是這一次要載入的網站是 https://duckduckgo.com/ 來取代 google。可能有些頁面上的元素與 google 不同,看看你能夠順利完成操作。他也有標題的元素嗎?有必要往前離開編輯區再回來的動作嗎?保持頁面的開啟狀態,但需將焦點移回原本的 google 搜尋頁面。
系列文章
- [基礎教材] 1 介紹與準備
- [基礎教材] 2 NVDA 入門
- [基礎教材] 2.1 啟動 NVDA
- [基礎教材] 2.2 NVDA 控制鍵
- [基礎教材] 2.3 再談 NVDA 控制鍵
- [基礎教材] 2.4 停止朗讀
- [基礎教材] 2.5 輸入說明模式
- [基礎教材] 2.6 使用點顯器來閱讀資訊
- [基礎教材] 2.7 重新啟動與停止 NVDA
- [基礎教材] 2.8 本章回顧
- [基礎教材] 3 Windows 入門
- [基礎教材] 3.1 開始功能表
- [基礎教材] 3.2 系統焦點
- [基礎教材] 3.3 搜尋與開啟程式
- [基礎教材] 3.4 朗讀當前視窗的標題
- [基礎教材] 3.5 程式標題與焦點的差異
- [基礎教材] 3.6 關閉程式
- [基礎教材] 3.7 開啟其他程式
- [基礎教材] 4 NVDA 基本設定
- [基礎教材] 4.1 NVDA 功能表
- [基礎教材] 4.2 NVDA 設定對話框
- [基礎教材] 4.3 NVDA 的語音設定
- [基礎教材] 4.4 探索語音合成器的對話框
- [基礎教材] 4.5 恢復到已儲存的設定
- [基礎教材] 4.6 NVDA 其他的語音設定
- [基礎教材] 4.7 使用滑杆與核取方塊
- [基礎教材] 4.8 本章回顧
- [基礎教材] 5 儲存與開啟檔案
- [基礎教材] 5.1 撰寫一個簡單的文件
- [基礎教材] 5.2 使用方向鍵來瀏覽文字
- [基礎教材] 5.3 存檔與關閉文件
- [基礎教材] 5.4 開啟已儲存的文件
- [基礎教材] 5.5 本章回顧
- [基礎教材] 6 編輯文件
- [基礎教材] 6.1 閱讀文字
- [基礎教材] 6.2 更多瀏覽命令
- [基礎教材] 6.3 使用刪除鍵
- [基礎教材] 6.4 輸入字元的回饋設定
- [基礎教材] 6.5 設定符號等級
- [基礎教材] 6.6 讀出指令鍵
- [基礎教材] 6.7 本章回顧
- [基礎教材] 7 剪貼簿
- [基礎教材] 7.1 選取文字
- [基礎教材] 7.2 沒選取文字
- [基礎教材] 7.3 複製文字到剪貼簿
- [基礎教材] 7.4 剪下文字
- [基礎教材] 7.5 使用復原
- [基礎教材] 7.6 搜尋文字
- [基礎教材] 8 檔案管理基礎
- [基礎教材] 8.1 開啟檔案總管
- [基礎教材] 8.2 瀏覽樹狀檢視
- [基礎教材] 8.3 一些常用的資料夾
- [基礎教材] 8.4 使用檔案總管來開啟檔案
- [基礎教材] 8.5 另存新檔與開啟舊檔的對話框
- [基礎教材] 8.6 建立新資料夾
- [基礎教材] 8.7 移動與複製檔案
- [基礎教材] 8.8 改變檔案與資料夾的名字
- [基礎教材] 8.9 本章回顧
- [基礎教材] 9 多工處理
- [基礎教材] 9.1 在程式間切換
- [基礎教材] 9.2 在更多程式間切換
- [基礎教材] 9.3 Windows 的工作列
- [基礎教材] 9.4 釘選項目到工作列
- [基礎教材] 9.5 通知區域
- [基礎教材] 9.6 本章回顧
- [基礎教材] 10 網頁瀏覽
- [基礎教材] 10.1 開啟 Microsoft Edge
- [基礎教材] 10.2 開啟網頁
- [基礎教材] 10.3 瀏覽模式的文件閱讀
- [基礎教材] 10.4 標題瀏覽
- [基礎教材] 10.5 網頁裡的連結
- [基礎教材] 10.6 單鍵瀏覽
- [基礎教材] 10.7 元件清單
- [基礎教材] 10.8 更多關於元件清單
- [基礎教材] 10.9 本章回顧
- [基礎教材] 11 網頁表單
- [基礎教材] 11.1 在網頁裡搜尋
- [基礎教材] 11.2 填寫表單
- [基礎教材] 11.3 閱讀搜尋結果
- [基礎教材] 11.4 表單瀏覽
- [基礎教材] 11.5 核取方塊與選擇鈕
- [基礎教材] 11.6 表格
- [基礎教材] 11.7 瀏覽模式的容器
- [基礎教材] 11.8 在網頁上覆蓋 NVDA
- [基礎教材] 11.9 本章回顧
- [基礎教材] 12 NVDA 的檢閱游標
- [基礎教材] 12.1 檢閱游標簡介
- [基礎教材] 12.2 逐字移動
- [基礎教材] 12.3 逐字元移動與拼字
- [基礎教材] 12.4 跟隨插入符號
- [基礎教材] 12.5 其他瀏覽指令
- [基礎教材] 12.6 複製文字
- [基礎教材] 12.7 本章回顧
- [基礎教材] 13 物件導覽
- [基礎教材] 13.1 閱讀對話框
- [基礎教材] 13.2 在物件間移動
- [基礎教材] 13.3 在物件導覽複製資訊
- [基礎教材] 13.4 移動層級物件
- [基礎教材] 13.5 將物件移回焦點
- [基礎教材] 13.6 在物件導覽啟動項目
- [基礎教材] 13.7 將系統焦點移至當前檢閱游標
- [基礎教材] 13.8 平面檢視
- [基礎教材] 13.9 檢閱模式
- [基礎教材] 13.10 本章回顧
- [基礎教材] 14 設定 NVDA
- [基礎教材] 14.1 變更語速
- [基礎教材] 14.2 調整音調、音量及語音
- [基礎教材] 14.3 儲存 NVDA 的設定
- [基礎教材] 14.4 重設 NVDA 到出廠設定
- [基礎教材] 14.5 設定對話框的快速鍵
- [基礎教材] 14.6 組態設定
- [基礎教材] 14.7 觸發組態設定
- [基礎教材] 14.8 手動啟用組態設定
- [基礎教材] 14.9 讀出全部組態設定
- [基礎教材] 14.10 本章回顧
- [基礎教材] 15 附加元件商店
- [基礎教材] 15.1 開啟附加元件商店
- [基礎教材] 15.2 瀏覽可用的附加元件
- [基礎教材] 15.3 搜尋附加元件
- [基礎教材] 了解更多關於附加元件
- [基礎教材] 15.5 安裝附加元件
- [基礎教材] 15.6 啟用與停用附加元件
- [基礎教材] 15.7 更新附加元件
- [基礎教材] 15.8 移除附加元件
- [基礎教材] 15.9 本章回顧
- [基礎教材] 16 進階主題
- [基礎教材] 16.1 文字辨識
- [基礎教材] 16.2 點字設定
- [基礎教材] 16.3 鍵盤設定
- [基礎教材] 16.4 進階瀏覽模式
- [基礎教材] 16.5 讀音字庫
- [基礎教材] 16.6 輸入手勢
- [基礎教材] 16.7 進階組態設定
- [基礎教材] 16.8 閱讀數學內容
- [基礎教材] 16.9 滑鼠瀏覽
- [基礎教材] 17 最終章
- [基礎教材] 1.1 什麼是 NVDA
- [基礎教材] 1.2 目標
- [基礎教材] 1.3 先備能力
- [基礎教材] 3.8 本章回顧
- [基礎教材] 7.7 本章回顧
最後更新:2025-07-02 08:44:56
From: 211.23.21.202
By: 特種兵