本文匯總了近期幾篇關於網頁無障礙性的優秀文章,涵蓋了鏈接、Google Docs 的可訪問性更新、自定義CSS 鼠標光標、動畫與暈動症、 prefers-reduced-motion
、CSS 強制無障礙性、Storybook 中的無障礙性測試、倡導工作中的無障礙性、圖片alt 屬性以及編寫優秀的alt 文本等方面。
以下是一些文章概要:
完美的鏈接: Rian Rietveld 對完美的鏈接定義為“點擊後能跳轉到其他地方”。文章並非側重代碼,而是提供了大量的實用無障礙建議,例如鍊接圖片的alt 屬性可以暗示其為鏈接。
Google Docs 的重大變革: George Joeckel 報導了Google Docs 將使用<canvas></canvas>
進行渲染的新聞,這在無障礙性方面引發了巨大的爭議。最初,似乎Google 會為屏幕閱讀器用戶提供一個單獨的產品,但“分離但平等”並非理想狀態。目前,基於<canvas></canvas>
的渲染似乎被擱置,社區反饋至關重要。
不要使用自定義CSS 鼠標光標: Eric Bailey 認為允許CSS 加載自定義光標是一個錯誤。
網頁設計師應對動畫帶來的暈動症問題: Katie Deighton 探討了用戶偏好設置(例如prefers-reduced-motion
)的重要性。該主題出現在《華爾街日報》等主流媒體上,值得關注。
prefers-reduced-motion
和瀏覽器默認設置: Bruce Lawson 精闢地總結了使用Intersection Observer
和prefers-reduced-motion
媒體查詢來優化動畫性能和用戶體驗。
使用CSS 強制無障礙性: Adrian Roselli 介紹了一種強大的技術,只有在實現相應的無障礙屬性(例如,<role></role>
, aria-labelledby
, tabindex
用於滾動表格)後,才能獲得正確的CSS 樣式。
使用Storybook 進行無障礙性測試: Varun Vachhar 介紹瞭如何在編寫代碼的同時使用Axe 測試組件庫的無障礙性。無障礙性問題(例如顏色對比度問題)屬於bug,應該像修復其他bug 一樣及時解決。
為無障礙性據理力爭: Todd Libby 提供了在工作中爭取無障礙性的方法,包括倫理、財務、法律、人性化以及直接行動等策略。
你的圖片可能並非裝飾性圖片: Eric Bailey 指出,大多數alt 屬性為空( alt=""
)的圖片都應該添加alt 屬性描述;如果無法提供alt 描述,還有其他替代方案(例如,即使圖片並非佔位符,也可以將其作為內聯圖像(spacer.gif),或者在SVG 中使用<title></title>
)。
编写优秀的alt 文本:情感很重要: Jake Archibald 借鉴了Léonie Watson 2011 年的文章,强调alt 文本不仅要描述图片的客观内容,还要传达情感。
从零开始创建无障碍对话框: Kitty Giraudel 挑战了无障碍性领域的终极难题。
这些文章为提升网页无障碍性提供了宝贵的经验和建议,值得开发者和设计师仔细研读。
以上是有關可訪問性的一些文章,我最近保存了iii的詳細內容。更多資訊請關注PHP中文網其他相關文章!