全球資訊網協會(World Wide Web Consortium,W3C)制定的網頁內容無障礙指南相信大家不陌生,網頁內容無障礙指南(Web Content Accessibility Guidelines,WCAG)用於讓網頁可以更容易被訪問,藉由這些原則,讓內容能夠被廣大的身心障礙人士使用,其中涉及到可感知性、可操作性和可理解性等各種層面。
網頁易讀性
為什麼你們就是不能加個空格呢?自動在中文和英文、數字符號間插入空白(Chrome 擴充功能)
最早曾在 2012 年介紹過這個有趣卻很實用的 Google Chrome 外掛,對於平常上網經常覺得中英文之間不加空格渾身不自在的朋友來說很有用,不知道你有沒有相同感受?無論是一般網站、新聞、部落格文章都有不同的排版方式,如果有好的文字大小、間距和配色就會讓讀者在閱讀上較為輕鬆,而其中一個很重要的部分在於全形和半形應該使用空格分開,否則就會使內容看起來太過擁擠。
Hex Naw 檢測你的網站配色對比和可視性評分,找出最具網頁親和力色彩組合
Koa11y 檢測網頁有無符合網頁親和力 A11y 各項指標和最佳化建議
相信網頁設計師一定對 A11y(Accessibility,網頁親和力)不陌生,這個功能主要是透過軟硬體整合,讓殘疾或受過嚴重損傷的使用者可以正常瀏覽並操作你的網頁,雖然看起來有些困難,其實只要在開發時遵循網頁親和力的設計指南即可達成。不少佈景主題都已經內建支援 A11y ,如果你想自己手動研究,也有不少文件可參考,當然最重要的是知道自己網站有沒有符合網頁親和力規範。
Sonar 微軟開源免費網站檢測工具,測試網站效能、安全性等五大層面
在網站或服務建置完成後,開發者會透過各種工具來檢測網站是否正常,就拿我個人經驗來說,我是一定會使用 Google PageSpeed Insights(現在還要加上 AMP Validator)及 W3C Validator,前者主要針對網站效能最佳化的部份進行檢測,後面兩項服務則是要檢查網站程式碼正確性,當然網站在上線後還會利用其他工具來檢測速度,例如「16 個免費網站速度測試工具推薦!網頁效能評比,搜尋引擎最佳化必備」就非常實用,讓網站能更快被開啟除了留住更多訪客,對於搜尋引擎來說也有相對的加分效果。
Check My Colours,網站色彩易讀性分析器
作者/瓜南(2009-06-20)
作為網頁設計者,在設計網頁的時候需要考慮什麼呢?可讀性固然重要,視覺效果不容忽視,網頁上的元素、配色、整體風格等等因素也會影響訪客的「回訪率」。當你設計出一個炫麗、淡雅、或者樸素的網站時,是否有考慮過有辨色障礙的讀者呢?透過 Check My Colours 將可以檢查你的網站配色是否合格。