Stop Using Grey Text (2025)
Hacker News
The author criticizes web designers for using low-contrast grey text on light backgrounds, arguing that it compromises accessibility and information density while offering a CSS solution to fix it.
Hacker News
The author criticizes web designers for using low-contrast grey text on light backgrounds, arguing that it compromises accessibility and information density while offering a CSS solution to fix it.
AI 生成摘要
請各位網頁設計師看在老天的份上,別再使用灰色文字了,特別是在米白色背景上使用灰色文字。這並不會讓你顯得更有設計感,反而顯得笨拙,且嚴重損害了內容的可讀性與資訊密度。
這篇文章針對現代網頁設計中盛行的「灰色文字」趨勢提出嚴厲批評,特別是淺灰色文字搭配米白色背景的組合。作者認為這種設計不僅降低了內容的保真度,更對視力受損或年長讀者造成極大的閱讀障礙,呼籲開發者應優先考慮對比度,而非盲目追求所謂的設計感。
在 Hacker News 的討論中,多數使用者對作者的訴求表示共鳴,認為低對比度設計確實是當前網頁易用性的災難。許多留言者指出,隨著年齡增長,對比度不足的問題會變得愈發明顯,甚至有使用者表示,若遇到對比度過低的網站,會直接選擇封鎖或改用純文字瀏覽器。然而,社群對於「純黑文字是否為最佳解」存在顯著分歧。部分觀點認為,在極高亮度的螢幕上,純黑文字與純白背景產生的對比度可能過於刺眼,導致長時間閱讀後的視覺疲勞,因此建議使用深灰色(如深木炭色)來平衡易讀性與舒適度。
討論中也觸及了設計與技術規範的落差。有評論者批評作者在呼籲禁用灰色文字的同時,其個人網站的代碼註釋與標籤連結卻也使用了低對比度的灰色,這種「言行不一」削弱了文章的說服力。專業設計者則指出,問題的核心不在於「灰色」本身,而在於「對比率」。根據 WCAG 輔助功能指南,一般文字應至少達到 4.5:1 的對比率,而大字體則可放寬至 3:1。只要符合這些量化標準,灰色文字依然可以兼顧美感與功能性。
此外,螢幕硬體素質與環境光線也是影響閱讀體驗的關鍵變數。有觀點認為,若使用者經常感到文字模糊,應先檢查螢幕亮度是否充足。另一些討論則延伸到字體選擇與排版佈局,例如有使用者呼籲回歸襯線字體以區分易混淆的字母(如大寫 I 與小寫 l),或批評現代網頁過大的左右留白導致在寬螢幕上閱讀極其不便。整體而言,社群達成了一項共識:網頁設計不應僅是視覺藝術,更應是一種賦予使用者控制權的工具,開發者應善用 CSS 媒體查詢來支援高對比度模式,而非強迫所有讀者接受設計師的個人偏好。
在討論過程中,參與者分享了多個與對比度及網頁設計相關的資源。其中包括早在 2011 年就發起運動的「對比度反抗軍」(Contrast Rebellion)網站,以及針對「為何不應使用純黑色」提供反向觀點的設計建議。此外,還有評論者分享了 2022 年關於停止使用灰色文字的深度探討文章,該文更詳細地分析了可訪問性指南的演進歷程。對於開發者而言,WCAG 顏色對比度檢查工具被認為是避免設計失誤的最實用工具。