我們無法認真對待可訪問性的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中文網其他相關文章！