Ash Devtols Pro

我將嘗試向您展示一些我認為對AX™DevTools有用和重要的東西，並使用盡可能少的單詞。

AX DevTools包括一個瀏覽器擴展名，您無需使用特殊的專業知識即可使用。

您像其他任何擴展名一樣從擴展目錄中安裝它。

這是一個與其他Devtools一起的標籤。

它可能一直在右邊。我喜歡單擊並通過“元素”選項卡將其拖動。

現在，我可以掃描我的頁面，並找到57％的可訪問性問題，並有助於修復它們。

這是codepen上缺少標題屬性的

擴展程序本身中的信息在解決問題方面非常有幫助，但是我也可以單擊Deque University，以獲取有關該問題，影響誰以及如何解決問題的非常清晰，詳細的信息。對於我上面發現的問題：

屏幕讀取器用戶可以選擇在頁面上的所有框架上提取標題列表。添加描述性的獨特標題使用戶可以快速找到所需的框架。如果不存在標題，則通過框架導航可能會很快變得困難和混亂。

AX DevTools Pro解鎖了智能Guided™測試，這意味著我們可以解決所有可訪問性問題的83％。

代碼的靜態掃描有許多可訪問性問題。例如，您的網站有模式嗎？如果是這樣，測試需要進行一些逐步測試。哪些按鈕打開它（因為需要返回焦點）？打開後可以找到模態嗎？它會陷入焦點嗎？它可以接近嗎？這些是很難自行記住的重要問題，無法靜態測試。但是您很幸運，智能的指導測試（通過升級到AX DevTools Pro來獲得）使問題易於解決，因為它會帶您完成每個步驟。

“在推動之前讓自己清潔斧頭。”是我可以落後的公司文化。

您不會在代碼中提出語法錯誤。您不會提出格式較差的代碼。也不要提交可訪問性錯誤。打開斧頭Devtools，在推動新提交之前讓自己清潔斧頭。

朋友不允許朋友運送無法訪問的代碼。

獲得14天的免費試用

以上是Ash Devtols Pro的詳細內容。更多資訊請關注PHP中文網其他相關文章！