Spróbuję pokazać Ci kilka rzeczy, które moim zdaniem są przydatne i ważne Narzędzia programistyczne axe™ i używaj jak najmniejszej liczby słów.
ax DevTools zawiera rozszerzenie przeglądarki, którego używanie nie wymaga specjalnej wiedzy.
Instalujesz go z katalogów rozszerzeń, jak każde inne rozszerzenie.
Jest to karta wraz z innymi narzędziami deweloperskimi.
Może być całkowicie po prawej stronie. Lubię kliknąć i przeciągnąć go na kartę Elementy.
Teraz mogę przeskanować moją stronę i znaleźć 57% problemów z dostępnością wraz z pomocą w ich rozwiązaniu.
Oto <iframe> na CodePen, którego brakowało title atrybutów.
Informacje zawarte w samym rozszerzeniu są bardzo pomocne w rozwiązaniu problemu, ale mogę też kliknąć Uniwersytet Deque aby uzyskać bardzo jasne i szczegółowe informacje na temat problemu, kogo dotyczy i jak go naprawić. W przypadku problemu, który znalazłem powyżej:
Użytkownicy czytników ekranu mają możliwość wyświetlenia listy tytułów wszystkich ramek na stronie. Dodanie opisowych, unikalnych tytułów pozwala użytkownikom szybko znaleźć potrzebną ramkę. Jeśli nie ma żadnych tytułów, poruszanie się po ramkach może szybko stać się trudne i mylące.
ax DevTools Pro odblokowuje testy Intelligent Guided™, co oznacza, że możemy rozwiązać 83% wszystkich problemów z dostępnością.
Istnieje wiele problemów z dostępnością, których statyczne skanowanie kodu nie jest w stanie wykryć. Na przykład, czy Twoja witryna ma moduł modalny? Jeśli tak, przetestowanie go wymaga przeprowadzenia testów krok po kroku. Jakie przyciski go otwierają (ponieważ tam trzeba będzie zwrócić ostrość)? Czy modal można znaleźć po otwarciu? Czy to blokuje koncentrację? Czy można je zamknąć? Są to ważne kwestie, o których trudno samemu pamiętać i których nie da się przetestować statycznie. Ale masz szczęście, inteligentne testy z przewodnikiem (z którymi sobie radzisz aktualizacja do ax DevTools Pro) sprawiają, że problemy są łatwe do domyślenia, ponieważ prowadzą Cię przez każdy krok.
„Przed pchnięciem wyczyść siekierę”. to kwestia kultury firmy, za którą mogę przejść.
Nie popełniasz błędów składniowych w kodzie. Nie zatwierdzasz źle sformatowanego kodu. Nie popełniaj też błędów związanych z dostępnością. Otwórz ax DevTools i wyczyść się, zanim wprowadzisz nowe zatwierdzenia.
Przyjaciele nie pozwalają znajomym wysyłać niedostępnego kodu.
