跳到主要內容區
「無障礙法規」是什麼?
專欄實作

「無障礙法規」是什麼?

初次接觸無障礙?帶你快速掌握法規規範、標章等級與檢測流程

更新日期:2024/03/17

發布日期:2024/03/17

作者:Kay

「要通過無障礙法規感覺好難,光要看懂法規就要花好多時間」
「因為工作需求,我硬著頭皮做了但其實我並不確定自己做了什麼」
「A、AA、AAA究竟有幾個A?」
「還有,到底無障礙設計是什麼?」

有很多疑惑與不安是遇到無障礙網站規範時常見的反應,藉由這篇台灣無障礙網站規範的敲門磚文章,帶你初步認識規範指引、引入步驟與檢測內容等…,希望帶給大家幫助:)

看完這篇文章可以知道:

  • 無障礙設計為誰服務?
  • 無障礙網站的規範有哪些?
  • 無障礙網站設計流程
  • 如何申請?無障礙標章申請完成就沒事了嗎?

首先,無障礙設計為誰服務?

多數人看到「無障礙網站」、「無障礙設計」時,第一時間可能會覺得這跟自己無關,應該是專門提供給視覺障礙者或聽覺障礙者的網站,屬於身心障礙者的範疇吧。

但其實不然,無障礙網站不僅友善身障者,也同樣有益於一般人瀏覽,像是高齡者因視力退化無法閱讀小文字,或者因為一時受傷而無法使用滑鼠或手機的人,又抑或受限於慢網速的人等等;涵蓋範圍廣,甚至可以反過來想,我們都曾經或未來可能成為無障礙設計的受益者。

因此,也可以把無障礙網站對象想成:所有人,不論他們的能力或環境如何,都能盡可能提供同等品質的網站瀏覽或服務,給予同等機會,實現資訊平權。

Accessibility is essential for some, but useful for all.
「無障礙設計對某些人至關重要,但同時也助益於所有人。」

from Web Accessibility Initiative (WAI)

如何算是無障礙網站?

在台灣,政府機關或學校的網站都需要符合「網站無障礙規範」,該規範包含了一系列的原則、指引與成功準則,以確保網站對於不同身心障礙的使用者都能夠無障礙地訪問和使用。

規範根據國際通用的無障礙網頁內容標準,例如Web Content Accessibility Guidelines(WCAG)。並參照各國在制定無障礙網頁相關政策和推廣策略的做法,及國內近年來在身心障礙者保護政策、無障礙空間的推動、視覺障礙者在無障礙網路相關措施的努力等經驗所訂定,主要內容包括4原則13指引如下

  1. 可感知:替代文字、時序媒體、可調適、可辨識

對於視障者而言網站內的要素必須是「存在的」,例如圖片需要有替代文字,讓視障者可以透過螢幕閱讀器語音唸出替代文字進而理解圖片內容。

  1. 可操作:鍵盤可操作、充足時間、預防痙攣和身體不適反應、可導覽、輸入方式

為了讓所有使用者都能輕鬆地瀏覽網頁,我們必須確保選單、互動元素等能夠支援多種操作方式,包括鍵盤和觸控。此外,在設計網站元素時,應該避免使用會引起身體不適或痙攣的效果,以確保身障者和一般使用者都能有愉快的瀏覽體驗。

  1. 可理解:可讀性、可預期性、輸入協助

對於視障者來說,理解圖表並非像對明眼人那樣簡單快速。他們可能需要依賴螢幕閱讀器將文字描述轉換成語音以理解圖表內容。此外,對於認知困難者而言如果描述中包含專有名詞,則需要額外的註解以確保準確理解。

  1. 穩健的:相容性

除了確保網站設計支援鍵盤操作外,我們還需考慮不同輔助技術的使用方式。在快速發展的科技環境下,我們必須謹慎構建網站架構,以最大程度地確保其與未來輔助技術的兼容性。

詳細內容請至:無障礙網路空間服務網

同樣的圖片,其alt文字分別為空白、亂碼與能幫助理解的文字,前兩例為錯誤的示範
圖片的alt不可空白、不可為無意義的亂碼,並需要提供對應文字幫助理解

根據「4原則、13指引、3等級、78成功準則」作為依據分為3種不同的等級,分為A標章、AA標章與AAA標章。

「3種不同的等級的「無障礙網站」標章
「無障礙網站」標章共分為3種不同的等級,分為A標章、AA標章與AAA標章

4原則、13指引、3等級、78成功準則與其對應等級
4原則、13指引、3等級、78成功準則與其對應等級

以新聞媒體為例,A等級有附上影片相關資訊(如演講者資訊、摘要、標題),AA等級有加上字幕,AAA等級有提供手語翻譯的即時視訊串流
以時序媒體為例,提出各等級對應的具體內容

無障礙網站設計流程

網站開發人員會依照規範原則整理資訊與規畫網站,當網站架設完成後,則會使用無障礙檢測工具進行檢測,若未符合指引要求再進行修改直到符合標準,即可開始進行網站認證與稽核並取得標章。

流程:

  1. 網站規劃:依照網站無障礙可及性設計的4原則來整理資訊和規劃網站
  2. 網站設計與開發
  3. **網站機器檢測(Freego):網站完成後,網站開發人員可透過網站無障礙檢測工具來檢測網站的可及性設計。
  4. 網站人工檢核自評:網站通過軟體檢測之後,對於有些指引無法僅由軟體判別與檢測者,則須再由網站開發人員以人工方式進行檢核評量的作業。
  5. 網站認證與稽核:提交機器檢測與人工檢核自評結果,交由認證機構來申請認證標章

無障礙網站設計流程圖,包含規劃、設計與開發、機器或人工檢測、認證與稽核
無障礙網站設計流程

如何申請無障礙標章?

在申請標章前,網站務必先透過Freego檢測才可繼續申請標章。

  • 使用「單機版檢測工具Freego」進行檢測,檢測後再進行人工審核,符合規定後上傳檢測報告與申請標章。
  • 至「無障礙網路空間服務網」登入會員,進入標章申請選單或會員專區的標章申請,進行標章申請與上傳Freego檢測報告。

終於通過了!但…無障礙標章申請完成就沒事了嗎?

獲得無障礙網站標章並通過認證只是第一步,事實上,在標章有效期內,仍會不定期地進行抽查檢測。這些檢測是由人工進行的,即使網站之前通過了檢測,仍可能被發現不符合要求的地方。一旦收到改善通知,就必須在限期內進行改善,否則可能需要重新申請標章。

這些抽查檢測是請真正需要無障礙網站功能的身障使用者協助進行,以確保網站的無障礙性。檢測範圍不僅包括HTML標籤,還包括檔案下載的內容。例如,對於視障者來說下載的檔案,如果無法使用螢幕閱讀器正確的報讀其中的內容,就可能不符合標準。這可能是由於檔案中包含圖像卻無設定替代文字、Word轉PDF過程中出現問題、缺少相應的字型,或使用MAC電腦製作檔案並轉換時發生問題等。建議將下載檔案轉換為ODF(開放文件格式),以確保多數的使用者可以順利開啟與編輯。

隨著資訊平權的呼聲日益高漲,越來越多國家都將無障礙網站設置視為基本的要求。以鄰近國家日本來說,2024年4月起也將開始實施更嚴格的無障礙網站的相關法律。與此同時,台灣的公部門網站也必須符合無障礙相關規範。

然而,製作無障礙網站是一個漫長且耗時的過程。這需要經過機器和人工的不斷檢測和調整。正因如此,即使政府主管機關已針對公部門要求無障礙網站多年,仍然無法達到普及的效果。

儘管如此,製作無障礙網站或許是一個契機。透過檢測,我們可以穩固網站的基礎,甚至可以利用這個機會解決長期存在的問題,使網站的架構更加完善。這雖然不容易,但如果大家能跟上「Self-Care」熱潮,並面對設計、開發等問題,尋找解決方案,一方面實現資訊平權的目標,同時也能提高網站的觸及率。

在未來的文章中,我們將帶入更多實例,探討如何應對在設計與開發時所遇到的無障礙問題,從而促進無障礙網站的建設。敬請期待!

本文作者

本文作者

Kay

在日本奮鬥的UI設計師。不小心就會在走去錢湯與美術館的路上。喜歡聊天還有觀察生活中的小事。