[站內] 針對螢幕報讀軟體使用者的特殊網頁設計技巧 - 討論區

[站內] 針對螢幕報讀軟體使用者的特殊網頁設計技巧

文章瀏覽次數 801 文章回覆數 4

coscell

coscell圖像(預設)

2019-08-20 13:31:33

From:123.193.249.19

這個網站雖然已經盡量考量視障者兒設計,但是為了迎合眼明人的視覺效果還是造成一些不便,例如首頁的倫播就覺得很礙眼。
雖然已經有跳到內容的連結,但是跳過去還是得再花好幾個步驟才能真正找到焦點。

視障朋友操作網頁就是慢,如果能善用 <a name> 標籤加在錶單或文章的起點,能幫忙報讀軟體快速就定位也算不無小補。
再來就是簡化網頁結構,例如我要查閱退稿原因需要操作
[會員登入], 輸入帳密登入, [教學區], [投稿紀錄], 找到文章標題進入。
總共要瀏覽六個葉面才找得到。對眼明人來說只是點六次滑鼠的功夫,對視障者而言就不是那麼回事了。
根據研究一般使用者進入三個頁面還找不到資料就開始不耐煩了:

The interface design “three-click rule” says that a web page visitor should be able to get from any page on your site to any other page on your site with a maximum of three hyperlinks.
In other words, a visitor who cannot get what they want in three mouse clicks will begin to feel frustrated and may leave your site.

以上個人意見提供參考。

留言

#1

貓貓蟲

貓貓蟲圖像

2019-08-20 15:52:36

From:42.72.71.241

很感謝您的建議
目前確定會修改登入後的導向頁面

首頁的輪播部分 上方有一個按鈕可以讓視障者暫停輪播(明眼人只要滑鼠移入輪播區即可暫停輪播)

目前團隊正在規劃快捷鍵 原則上之後就會陸陸續續上線
至於最後操作方式部分 這需要大家提供更多意見 我們才能夠調整最符合大家的操作方式
但也必須兼顧設計
我想 這也是我們團隊需要學習的部分

#2

特種兵

特種兵圖像(預設)

2019-08-20 21:13:09

From:1.161.133.231

在網頁最上方可以按兩次d利用地標跳到網站主選單。
中央區塊通常都有一級標題,所以直接按大鍵盤數字1就能快速到達中間
有些頁面的主要資訊列表是用表格,也可以直接按t跳到表格
文章列表的部分直接按大鍵盤數字2就可以瀏覽每篇文章的標題
另外,有一些按鈕點擊後會直接將焦點拉至表單,例如編輯文章、留言、刪除文章等等
想要快速留言也可以直接在文章內按英文e跳到留言的編輯區留言
我想這些設計應該可以加速操作

#3

特種兵

特種兵圖像(預設)

2019-10-25 18:03:14

From:211.23.21.202

今天跟同事一直在研究輪播項目輪動時NVDA的焦點就會被干擾的問題
特別是點顯器經常會在輪播項目之後的所有區域被干擾
狀況是焦點會跳一下,然後點字會顯示其他的資訊,
這也是我很討厭輪播的主因。
今天終於抓到問題點,之前以為是輪播項目就一定會這樣
在NVDA的偏好設定 -> 設定 -> 點字
將「點字游標跟隨」調整成系統焦點或自動就不會被干擾了。
很高興今天能夠發現這個設定與這件事有關

#4

coscell

coscell圖像(預設)

2019-10-25 20:40:44

From:123.193.249.19

倫播不只這個問題,它還嚴重影響網頁載入的速度,
不信可以拿臉書行動版來比對就能發現明顯的差異。