快轉到主要內容

Web Accessibility 無障礙網頁

·349 字·1 分鐘
Y Cheung
作者
Y Cheung
Blogger, Programer & Traveler.
目錄

Web Accessibility 就是我們通常所說的無障礙網站,這裡的「障礙」包括了聽覺障礙、認知能力障礙、神經損傷、身體障礙、語言障礙和視覺障礙,這也是基本人權的一個方面。

Web Accessibility 的標準
#

法律與規範
#

各國關於 Web Accessibility 的法律與規範

ADA是美國的身心障礙者法案 Americans with Disabilities Act of 1990 (ADA),其中包括了對 Web Accessibility 方面的規定。除美國外各國和地區都有著各自的政府指導文件,大體上都還是遵循WCAG的標準的,香港有「無障礙網頁手冊」,台灣有「無障礙網頁開發規範」,中國有「 網站設計無障礙技術要求」。

檢查並修復網站上的 Web Accessibility 問題:
#

開發者實際工作中可以參看這些指南手冊,網上也有總結好的 Web Accessibility Checklist,如果你用的是 Wordpress 也可以試試看插件 Accessibility Suite by Online ADA 、 [WP Accessibility Helper (WAH)] (https://wordpress.org/plugins/wp-accessibility-helper/) 、 WP ADA Compliance Check Basic

線上測試
#

在線快速檢測網站 Web Accessibility:

相關文章

Windows下強制使用Chrome全屏模式

·361 字·1 分鐘
一般情況下,按 F12 可以讓Chrome瀏覽器進入全屏模式。 如需啟動Chrome時就以全屏模式打開某指定網頁,可以使用kiosk參數。具體操作如下: 在Chrome中創建某地址的快捷方式,比如我創建一個Google的。

瀏覽器自動填充autocomplete

·127 字·1 分鐘
瀏覽器自動填充功能已經流行很久了,用戶因此可以快速填充註冊表單節省時間。 Autocomplete標籤包含了一些基本的值,包括tel,email,number,name等。

初識Well-Known URI

·268 字·1 分鐘
看NGINX配置SAMPLE時看到這樣一個BLOCK: 1# Allow "Well-Known URIs" as per RFC 5785 2 location ~* ^/.well-known/ { 3 allow all; 4 } 聯想到之前使用Let’s Encrypt SSL 證書的時候也有添加一個路徑配置是.well-known的,Y.Cheung 好奇這個路徑究竟有什麼用。