編輯評分:用戶評分:.ilfs_responsive_below_title_1 { width: 300px; } @media(min-width: 500px) {.ilfs_responsive_below_title_1 { 寬度: 300px; } } @media(min-width: 800px) {.ilfs_responsive_below_title_1 { 寬度: 336px; } }
Toptal Colorblind Web Page Filter 是一個免費網站，可以在任何網站上模擬色盲
強>。您可以開發可供視力受損的人完全訪問的網站。在這裡，它提供了各種色盲濾鏡，您可以在任何網頁上選擇並應用它們並分析結果。它會生成一個帶有過濾器的頁面鏈接，您可以與您的客戶或團隊共享該鏈接以修復它們。
根據 Core Web Vitas，視力受損的人應該可以訪問網頁。特別是那些難以識別不同顏色的人，應該能夠點擊或與正確的元素交互。在 CWB 中，這由顏色對比度表示。一個人完全可以訪問的網頁應該有一個閾值。
所以，這個網站，這裡的 Toptal 可以讓你在網頁上模擬色盲。在這裡，您將能夠識別文本和其他點擊元素，如果它們對色盲者不可見。你甚至可以放一個灰度濾鏡，看看是否隱藏了一些元素。如果您發現某些文本或按鈕不可見，那麼您可以修復這些元素或聘請 UI 開發人員來修復它們。
免費色盲模擬器檢查網站的顏色收縮率
使用本網站無需註冊或註冊。您可以從這裡轉到它的主頁並開始使用它。它具有雙窗格界面；在一個中，您可以輸入您的網站，在另一個中，它將顯示輸出。在這裡看看這個 Toptal 網站的外觀。
現在，您輸入您網站的 URL。它將加載網頁，然後您可以對其應用過濾器。
從列表中選擇一個過濾器，然後應用到網站。它會立即顯示效果。
底部有一個選項，您可以使用它來獲取過濾頁面的鏈接。或者，您可以選擇以全屏模式查看過濾後的圖像以進行更好的分析。
這樣，您可以模擬本網站提供的各種色盲過濾器。您只需選擇一個，然後應用於任何網頁。如果您發現某些元素不可見，則需要修復它們。修復不可訪問的元素將導致更高的 Core Web Vital 分數，並最終幫助您的網站排名更高。
最後的想法:
對於前端開發人員來說，這個工具是一個非常有用的。開發成網站或登錄頁面後，他們可以快速驗證網頁是否完全可訪問。
