skąd wiesz, czy Twoja strona internetowa jest w 100% zgodna z WCAG 2.1? Jakie są najlepsze narzędzia do testowania dostępności stron internetowych, z których możesz skorzystać?, Oto 5 automatycznych narzędzi do testowania dostępności, które zalecamy najpierw wypróbować:

photo by John schnobrich on Unsplash

przeszedłeś przez wytyczne, standardy, ostrzeżenia i najlepsze praktyki zawarte w zaleceniach W3C i… utknąłeś. Skąd wiesz, czy Twoja strona internetowa jest w 100% zgodna z WCAG 2.1? Jakie są najlepsze narzędzia do testowania dostępności stron internetowych, z których możesz skorzystać?,

darmowe, łatwe w użyciu narzędzia do oceny dostępności, które można uruchomić na swojej stronie internetowej, aby wykryć czyhające tam problemy.

I który może nawet uzyskać kilka cennych zaleceń na temat najlepszych sposobów, aby je rozwiązać.

wszystko to zanim ktoś (lub nawet cały zespół testerów QA) przejrzy Twoją stronę. Zanim przeprowadzisz dogłębny audyt dostępności i uruchomisz sesje testowe zorientowane na użytkownika z zaangażowanymi … prawdziwymi ludźmi.,

musisz myśleć o rozszerzeniach przeglądarki…

są one tak dostępne: po prostu otwierasz stronę, którą chcesz sprawdzić i klikasz przycisk na pasku narzędzi. Są one bezpłatne i stanowią świetny „start” do identyfikowania problemów z dostępnością w Twojej witrynie. I za zdobycie cennych zaleceń, jak je naprawić.

oto 5 automatycznych narzędzi do testowania dostępności, które zalecamy najpierw wypróbować:

„czy są dostępne jakieś Zalecane narzędzia, które pomogą mi przetestować problemy z dostępnością?,r kontrast na niektórych stronach (lub w ogóle nie ma kontrastu)

  • jeden lub więcej obrazów nie ma dodanych opisów ALT do
  • edytor usunął zawartość jednego ze znaczników H2, ale zostawił ten znacznik i zdezorientował czytniki ekranu
  • ktoś z twojego zespołu projektowego umieścił tekst zastępczy zamiast pola tekstowego, co grozi wyświetleniem nieoznaczonego pola, że czytniki ekranu nie mogą… Czytaj
  • brakuje jednej etykiety w formularzu rejestracyjnym do newslettera
  • /ul>

    są to częste problemy, które narzędzia do oceny dostępności sieci mogą pomóc wykryć i rozwiązać.,

    dzielą się one na wiele kategorii:

    • rozszerzenia przeglądarek, na których skupimy się w tym poście
    • narzędzia wiersza poleceń narzędzia do testowania dostępności, które można zintegrować z systemem ciągłej integracji

    Wskazówka: Należy pamiętać, że następujące 5 najlepszych narzędzi do testowania dostępności sieci wykrywa około 30% problemów. Stanowią świetny punkt wyjścia dla bardziej złożonej strategii audytu i kompleksowego monitorowania, którą należy wdrożyć.,

    Wave, cenione narzędzie do oceny dostępności stron internetowych dla Chrome

    w pełni funkcjonalny, Łatwy w użyciu sprawdzacz dostępności stron internetowych, który jest w większości zestawów narzędzi dla programistów już od kilku lat.,

    • oto jak to działa:

    • dodaje wizualną nakładkę ikon błędów i wskazań na stronę internetową, którą kontrolujesz
    • ikon, które po kliknięciu dostarczają informacji i zaleceń dotyczących wykrytych problemów z dostępnością: zbędnych tytułów, elementów strukturalnych, linków do HTML, słabego kontrastu kolorów, jak te problemy wpływają na różne typy użytkowników, jakie wytyczne WCAG naruszają itp.,
    • wskazuje Ci „kłopotliwy” kod za pomocą kodu HTML z adnotacjami pojawiającego się w panelu u dołu ekranu

    krótko mówiąc, Wave jest jednym z solidnych sprawdzaczy dostępności stron internetowych, który wykracza poza usprawnienie procesu audytu.

    ma również na celu edukowanie użytkowników (właścicieli witryn, testerów QA) o kwestiach dostępności, na które należy zwrócić uwagę.

    „Jak korzystać z wave accessibility tool?,”

    tak czy inaczej:

    • możesz po prostu wpisać swój adres URL w dedykowanym polu na ich stronie internetowej
    • możesz pobrać rozszerzenie przeglądarki

    przejdź do rozszerzenia, szczególnie jeśli są to dynamiczne, chronione hasłem i lokalnie przechowywane strony internetowe, które musisz sprawdzić.

    Tenon, Accessibility as a Service

    „Jak przetestować dostępność?”

    Tenon to kolejne narzędzie dostępne zarówno w wersji darmowej, jak i płatnej.,

    What makes it „worthy” of this top 5 selection?,

  • jest to takie elastyczne narzędzie dla twórców treści, projektantów, programistów i testerów
  • generuje… obszerne raporty z fragmentami kodu dla każdego błędu, odpowiednie wytyczne WCAG i zalecenia dotyczące ich naprawy

    • w skrócie: tenon pomaga uruchomić zapobiegawczy rodzaj kontroli dostępności na swojej stronie internetowej., Możesz wykryć kluczowe problemy, zanim staną się poważnymi problemami z użytecznością

    Ponadto możesz łatwo włączyć Tenon do swojego zestawu narzędzi za pośrednictwem interfejsu API. Płynnie integruje się z dowolnym narzędziem CMS, IDE, deploy lub zautomatyzowanym kompilatorem, którego możesz używać.

    Google Lighthouse, jedno z najlepszych narzędzi do automatycznego testowania dostępności

    „Skąd mam wiedzieć, czy moja strona internetowa jest zgodna z WCAG 2.0?,aby korzystać z

    Co więcej, to narzędzie do testowania dostępności jest częścią całego zestawu testów, które można uruchomić za pomocą narzędzi programistycznych Chrome:

    • SEO
    • progresywna aplikacja internetowa
    • wydajność
    • najlepsze praktyki

    Co to robi dostarcza pełny raport z wyników testów:

    • czy wszystkie przyciski na tej stronie mają dostępne nazwy, czy nie
    • czy wszystkie obrazy mają atrybuty alt dodane do
    • czy ta strona ma tytuł, czy nie …

    Dalej, po prostu bierzesz go stamtąd i ulepszasz obszary sygnalizowane w raporcie.,

    a oto jak go używasz:

    • otwórz devtools w przeglądarce Chrome
    • poszukaj w zakładce „audyty”
    • kliknij „wykonaj audyt”

    Wskazówka: Zapisz raport w formacie JSON na później (lub wyślij go komuś z zespołu).

    kolejną wspaniałą rzeczą w Google Lighthouse jest to, że jest to jedno z tych narzędzi do oceny dostępności stron internetowych, które nie wymagają rejestracji. Wystarczy przeciągnąć raport na dostępną w nim przeglądarkę raportów online.

    rozszerzenie przeglądarki Axe

    „skąd wiesz, czy Twoja strona faktycznie jest WCAG 2.,00: 00: 00”

    możesz „chwycić” narzędzie takie jak Axe tutaj i dać swojej stronie automatyczny audyt.

    Po prostu dołącza się jako nowa karta do narzędzi programistycznych Chrome. Po kliknięciu niebieskiego przycisku ” analizuj „otrzymasz całą listę” naruszeń ” wykrytych na twojej stronie.

    Dlaczego umieściliśmy go na naszej ekskluzywnej liście 5 najlepszych narzędzi do testowania dostępności stron internetowych?,

    • ponieważ jest darmowa (samodzielna biblioteka open-source)
    • ponieważ dostroisz ją do swoich specyficznych potrzeb testowania dostępności: dodaj określone reguły, Zintegruj ją z frameworkami testowymi i wybranymi przeglądarkami…
    • ponieważ każdy sygnalizowany problem „wyświetla” odpowiednie znaczniki, a także

    Po prostu naciśnij „Inspect code” i zostaniesz przeniesiony do zakładki w DevTools, gdzie przedstawiony jest element „winowajca”.,

    Wskazówka: kolejnym powodem, dla którego jest to jeden z pierwszych sprawdzaczy dostępności stron internetowych, który powinieneś wziąć pod uwagę, jest to, że raport dostępności Axe wykracza poza sygnalizowanie wyraźnych naruszeń wytycznych dotyczących dostępności.

    podkreśla również aspekty, które można poprawić w interfejsie użytkownika witryny.

    Siteimprove, jedno z najlepszych narzędzi do testowania dostępności stron internetowych