Привіт, Друзі! ☀️
Вчора якось без активності бо після роботи до півночі, ти справжній овощь)
Все хотів вам написати крутих пару тулів для роботи з Accessibility - то треба це зробити) бо чай іде а ви тестуєте без них))
Так що я маю вам сказать)
Ось короткий гайд по тулах для Accessibility testing щоб і розібратись, і одразу почати використовувати.
WAVE
https://wave.webaim.org/
Просто вставив URL, і бачиш, що не так з доступністю. Alt’и, контрасти, навігація, все підсвічено. Працює як розширення або онлайн.
Pa11y
https://github.com/pa11y/pa11y
це прям крутий CLI-тула. Можна юзати в CI, і воно красиво плює помилки по WCAG. Мінімалістично, швидко, технічно. Підійде, якщо хочеш автоматизувати перевірки.
Google Lighthouse я думаю вже багатьом відомий)
https://github.com/GoogleChrome/lighthouse
Вже в DevTools → вкладка Lighthouse
Перевіряє все, перформанс, SEO, доступність. Є бал, є поради. Мінімум рухів, максимум інфи.
axe DevTools
https://github.com/dequelabs/axe-core
Розширення до хрому, яке юзають навіть ті, хто пише стандарти доступності. Скани, поради, приклади, інтеграції.
Pro-версія платна, але базової вистачить з головою.
Мій поінт який)
Якщо ви QA і ще не перевіряв доступність. зроби це. ми тестимо не тільки для себе, а й для тих, кому складніше. ну і так головне це реально частина якості. А це значить, наша зона відповідальності.
Всім гарного дня
Всіх Обняв 🤗🤗🤗
Post #508
926
- 🔥 26
- ❤ 9
- 🤗 2