首頁 >web前端 >css教學 >我們無法認真對待可訪問性的3種方法

我們無法認真對待可訪問性的3種方法

Joseph Gordon-Levitt
Joseph Gordon-Levitt原創
2025-03-15 10:29:08886瀏覽

我們無法認真對待可訪問性的3種方法

你聽到了開玩笑,對嗎? “兩個前端開發人員走進酒吧,發現他們絕對沒有共同點。”有趣的,但也是一個令人沮喪的事實,反映了一個很大的差距。

本文探討了有關Web可訪問性的三個共同觀點,突出了用戶與開發人員/設計師之間的潛在橋樑。我們的目標?找到更具包容性網絡的共同點。

行為1:開發商的困境

“我只是不明白開發人員如何忽略可訪問性。”

讓我們考慮開發人員的觀點。構建網站成功需要大量技能。除了基本原理(HTML,CSS,ARIA,JavaScript)之外,開發人員還完成了無數其他任務:軟件包管理,版本控制,測試(單位,集成,視覺回歸,瀏覽器兼容性),代碼審查,部署,安全性,安全性,UX/UI設計,UI設計,響應設計,響應設計,數據管理...列表無盡。

令人印象深刻的是開發人員知道了多少!能夠建立網站的人數僅佔全球人口的一小部分 - 這是一個非常非凡的壯舉。成功的運輸代碼的滿足感,即成就感,令人難以置信。

現在想像一下,可訪問性專家指出您的工作缺陷,這意味著您多年來一直在做“錯誤”。認知失調可能令人震驚。突然,您來之不易的專業知識感覺不足,並且意識到您無意中被排除在外的用戶可能會深感不安。防禦反應是可以理解的。

很容易看出為什麼開發人員可能會選擇忽略可訪問性 - 這是痛苦的對抗,潛在的不足和過去的監督罪惡感。

行為2:用戶的挫敗感

“我感到完全看不見。”

依靠輔助技術的用戶通常會遇到無法使用的網站。顏色不良的對比使文本難以辨認。複雜的互動元素(例如嵌套按鈕)可以防止基本操作,例如支付賬單或在線購物。隨著鍵盤導航無法訪問,偽裝的按鈕。

這種挫敗感通常是針對那些努力爭取包容性的人,創造了負面的反饋循環。一些開發人員認為擔憂是“粗魯的”,而另一些開發人員則為無障礙工作的情感負擔而掙扎。用戶感到被忽視,導致無能為力。訴訟通常成為唯一的追索權,但即使那樣,變化也可能很慢。人們的看法是,聲音和自信是唯一的聽到途徑。

行為3:設計師的約束

“我知道顏色的對比是熄滅的,但感覺如此創造性地限制。我討厭它的外觀。”

許多設計師將可訪問性指南視為其藝術願景的局限性。他們看到了錯誤的二分法:美麗的設計與可訪問的設計。

但是請記住:網頁設計不僅是自我表達;這是關於為每個人創造可用的體驗。面臨的挑戰是找到美學上令人愉悅且完全易於訪問的設計。這不是一個/或情況;這是關於找到符合這兩個標準的創新解決方案。

重新標記對話

這些問題超出了這三個觀點。項目經理優先考慮功能交付,一些開發商表示不屑一顧的態度,而其他開發人員則在解決可訪問性之前等待瀏覽器授權。

解決方案?我們需要將可訪問性教育整合到開發人員和設計師培訓的早期階段。可以將其視為學習外語 - 只知道語限制溝通。同樣,以JavaScript為中心的方法經常忽略HTML固有的可訪問性功能。

我們必須確保所有文檔包括可訪問的代碼示例,設計具有可訪問性註釋,並優先考慮可訪問性討論。我們的工具必須可以固有地訪問。這是新的最低標準。

現有的代碼和資源呢?我們不能居住過去的錯誤,但是我們可以以同情心和好奇心前進。我們有能力學習和改進。我們以前克服了具有挑戰性的技術障礙;可訪問性是我們可以征服的另一個挑戰。

可行的步驟:

富有同情心的自我完善:

  1. 跟隨社交媒體上的殘疾人從他們的經驗中學習。傾聽,學習並避免有爭議的回應。
  2. 更新您的知識。優先考慮HTML優先開發,然後添加JavaScript功能。參加以可訪問性為中心的課程。
  3. 使用屏幕讀取器了解其功能和局限性。探索僅文本模式,語音設置,標題導航和鍵盤快捷鍵。

獎勵:有助於可訪問性工具項目。

增量代碼改進:

地址關鍵可訪問性阻滯劑:

  1. 避免嵌套的交互元素。
  2. 確保所有輸入字段具有清晰且相關的標籤。
  3. 防止鍵盤陷阱。
  4. 為所有圖像提供有意義的ALT文本。
  5. 刪除斷裂或不必要的鏈接。

使用像A11Y項目這樣的清單作為起點。

從今天開始。從您的位置開始。更具包容性網絡的旅程始於一步。

Scott Rodgerson在Unsplash上​​的特色標題照片

以上是我們無法認真對待可訪問性的3種方法的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn