設計可訪問網站的最佳工具和資源

由于有超過10億人生活在某種形式的殘疾中，設計無障礙網站不再是可選的。此外，有一個不可訪問的網站可能是一個訴訟的理由，所以它是最好的調整和使可訪問設計成為您的正常工作流程的一部分。

然而，設計無障礙網站不只是知道如何編輯移動版本的WordPress網站。在本文中，我們收集了最好的工具和資源，這些工具和資源將幫助您設計可訪問的網站。

WCAG準則

讓我們從一個Web可訪問性指南列表開始。畢竟，如果您想確保您的網站是可訪問的，那么了解是什么使網站可訪問是必須的。

波-網絡無障礙評估工具

此工具允許您測試您的網站的可訪問性。它將掃描您的網站，突出潛在的可訪問性問題，并向您展示您的網站在每個人都可以訪問方面做得很好。

WebAIM快速參考

此參考列表是一組不同的檢查和測試，您可以使用這些檢查和測試來測試網站的可訪問性，而無需依賴第三方工具。它還包括幫助您測試網站可訪問性的工具列表。

彩色對比檢查

使用此工具檢查兩種顏色之間的對比。這個工具是有用的，以確保您的文本是可閱讀的背景顏色。該工具旨在幫助您確保網站對兩者都是可讀的。視障和色盲用戶。

可供閱讀障礙患者使用的網站

由于本教程，您將學習如何使網站更容易訪問誰遭受閱讀困難。本教程涵蓋五個簡單的調整，您可以應用于任何網站的設計，使您的網站更容易理解和閱讀。

斯塔克-Sketch&AdobeXD插件

Stark是Sketch應用程序和AdobeXD的插件，它確保您的項目可以從入門中訪問。插件內置對比檢查和色盲模擬，顏色建議是下一個產品路線圖。

可及性彩色車輪

此在線工具將幫助您為您的設計項目選擇顏色，具有足夠的對比度，并符合可訪問性指南。這個工具還可以讓你看到你所選擇的顏色在色盲患者中的表現。

反差

對比度是一個只有Mac的應用程序，讓你檢查你的用戶界面，以確保它有足夠的對比度。該應用程序位于您的菜單欄中，在任何設計應用程序中都很容易使用。

可訪問性檢查表

不用說，如果你想確保你的網站或應用程序設計是可訪問的，你應該知道可訪問性規則。然而，記住這些規則是很費時的。有了這個方便的清單，您可以很容易地確保您的項目遵循可訪問性準則。

斧頭鉻延伸

這個擴展使檢查任何網站都很容易，并查看它是否符合可訪問性指南。擴展聲稱返回零個假陽性，并且只返回通過自動化可以準確檢測到的可訪問性問題的測試。

A11Y機器

A11y機器可以從GitHub下載，并充當自動可訪問性測試工具。該工具會抓取和測試任何Web應用程序的頁面，以生成詳細的可訪問性報告，然后您可以使用這些報告來改進您的網站或web應用程序的可訪問性。

結語

一個可訪問的網站為所有互聯網用戶提供了很好的用戶體驗，無論他們是否有殘疾。這也是一個很好的方式來改善你的SEO，因為大多數可訪問性要求與SEO最佳實踐在用戶體驗方面是一致的。使用這些工具和資源，使您從現在開始設計的每個網站更容易訪問。