iT邦幫忙

1

無障礙網頁AA標章到底有多難達成

  • 分享至 

  • xImage

最近公司做無障礙網頁設計已經送件了,然後列出超多問題,問題如下:
Q1:圖片

針對交通圖、流程圖、組織圖等資料圖片,除圖片標題文字外,須另外提供詳細的說明文字,以利使用者瞭解其內容

檢核碼|HM1110103E

Q2:圖片

圖片驗證碼應提供其他形式的驗證機制,如語音播放或email寄送

檢核碼|GN1110111E

Q3:版面結構

網頁是否都有使用標籤,且每個網頁中只有一個標籤

檢核碼|HM1130104E

Q4:版面結構

網頁是否以巢狀標頭(heading元素),並依至的順序來建立文件結構

檢核碼|GN2240600E

Q5:表格

針對有多重標題行列的複雜資料表格,應使用對應的id與headers屬性來標示行列標題與資料格的關聯性

檢核碼|HM1130110E

Q6:鍵盤操作

網頁各項功能、連結、控制元件等,皆可透過鍵盤操作

檢核碼|GN1210101E

Q7:超連結

使用一個連結標籤,合併網頁中導向同一目標網頁的相鄰圖片與文字鏈結,且圖片的alt屬性應設為空值,以免重複連結文字

檢核碼|HM1240402E

Q8:導覽功能

每一個網頁皆有跳到主要內容區鏈結,且為網頁上第一個可取得鍵盤焦點的鏈結

檢核碼|GN1240100E

Q9:導覽功能

每一個網頁均有使用標籤標示網頁標題,提供使用者識別

檢核碼|HM1240200E

Q10:導覽功能

使用鍵盤操作時,網頁中的鍵盤焦點具有高可見度,可明確得知焦點所在位置

檢核碼|CS2240700E

Q11:文字行距與比例

網頁中的文字容器,其寬度、高度均使用相對尺寸(例如%、em)為單位

檢核碼|CS2141204E

Q12:色彩對比

網頁中的文字標題與內文,應和網頁背景色彩至少有4.5:1的對比值

檢核碼|GN2140300E

Q13:表單

網頁中的表單設計,各項必填欄位均使用文字註明

檢核碼|GN1330201E

Q14:表單

表單提供輸入格式(如日期、電話、密碼設定等)範例,使用者可先行確認及避免填寫錯誤

檢核碼|GN1330202E

Q15:表單

網頁中的表單設計有檢查機制,當使用者提交表單後,可完成檢查並將鍵盤焦點導向遺漏的必填欄位

檢核碼|GN2330300E

然後我就在想現在這個網站這麼大,這是總共七個人共同開發的網站,然後要申請無障礙AA標章,這時間應該難以預估,我在想應該要好幾個月才能完成,而且公司應該沒甚麼人有無障礙網頁經驗,就算有大概也是一點點經驗而已,這樣到底要花多少時間完成?以上的解決方法我也有上網找了,Q8:導覽功能這個應該很難做好,好像就是要按Tab然後照順序一個一個跳到下一個,當然很多無障礙都要很花時間,不只這一個,對比度那也會是一個大問題,但現在我可能先不管了,大家覺得這樣子要花多久的時間呢?現在公司所做的網站算是大網站,比總統府網站還複雜,我有看過了總統府網站就是已經有無障礙AA標章了,而且剛申請到,那個無障礙就做得很好,如果就以總統府網站為例,申請到無障礙AA標章要多久?公司現在無障礙網頁設計只是通過freego 2.0掃描而已,其他大概甚麼都還沒有改

.
0
zivzhong
iT邦研究生 3 級 ‧ 2025-03-26 10:33:32

無障礙網頁如果沒有需求建議是別碰,感覺人力需求太高QQ
https://www.tsg.com.tw/blog-detail4-205-2-accessibility.htm

3

一般規劃無障礙網頁,最好再開發初期就規劃好。
如果要在現成已完成的網頁做,大多需要注意一下幾個重點。

  1. 圖片、影片需注意標上 alt 或 title 並做好說明。這需要在資料輸出有類似的主題或標題的設計。
  2. table的設計,需要有明確的 th 標簽。及index的規劃設計。index倒是可以使用程式來自動補上。
  3. 需注意 index 的指定設計。需要順序化。

其它像是顏色對比度這一類的。其實大多不會太過強求。除非網頁的設計太過花俏。那改起來會很累人。曾經有做過一個很花俏的網站,後來確定改不了,改成另做一個無障礙的網頁出來才過關。
背景色不要直接使用#FFF純白色。使用 #eee 或 #ccc 。會比較容易與其它的顏色比例搭配。

總之無障礙網頁的確不是很好搞。你也可以利用一下 https://pagespeed.web.de 這個網站幫你分析。這裏面有個「無障礙功能」會告訴您缺少的東西是什麼。
所以除了使用 freego 之外,這邊也是一個參考的地方。

我在開發專案,其實都有預留之後要改「無障礙」的規劃。
但就算是這樣。也需要5~7天的時間來改善。如果專案一開始就沒保留「無障礙」的規劃。
有時改起來也等同再開發一個新的專案。

0
Kevin Lin
iT邦新手 5 級 ‧ 2025-03-27 17:37:27
也可以跟相關單位接洽,他們會提供諮詢,甚至可以給予實作方式上的建議。
0
邊緣人
iT邦新手 3 級 ‧ 2025-03-27 22:47:43

如果是機關找上級機關,如果是企業找專業網站公司,就這樣
我處理過AA標章,有些是網頁程式碼需要修改,蠻虐人的XD

我要發表回答

立即登入回答