Budowa dostępnej strony – przydatne narzędzia

Jak wszyscy wiemy budowa dobrej a zarazem dostępnej strony internetowej może być ciekawym, a także trudnym zajęciem. Strona internetowa powinna spełniać kilka ważnych kryteriów. Przy tworzeniu oraz sprawdzeniu naszej strony internetowej może pomóc nam grono różnych aplikacji i narzędzi stworzonych właśnie do tego. Poniżej opiszę 5 takich narzędzi o różnym zastosowaniu.

PageSpeed Insights

PageSpeed Insights to darmowe narzędzie od firmy Google, dostępne w formie strony internetowej, pod linkiem: https://pagespeed.web.dev/

Jedyne co musimy zrobić to wpisać adres URL strony którą chcemy sprawdzić a program po chwili wyświetli nam wyniki. Narzędzie mierzy dokładnie czasy ładowania, osobno dla komputerów oraz urządzeń mobilnych. Wskazuje także elementy których poprawa spowoduje wzrost wydajności strony internetowej. Przykładowym, bardzo często występującym błędem są obrazy. Najczęściej mają zbyt duży rozmiar oraz wagę. Budowa odpowiednio zoptymalizowanej strony z tym narzędziem stanie się o wiele łatwiejsza.Obrazek przedstawia raport po wykonaniu testu na stronie PageSpeed Insights Przydatnego w budowie strony

Colour Contrast Analyser

Jest to bezpłatny program, pozwalający na sprawdzenie, czy na stronie zachowany jest poprawny kontrast elementów tekstowych jak i tych nietekstowych.

zdjęcie przedstawia aplikację Colour Contrast Analyser

WAVE Web Accessibility Evaluation Tool

Aplikacja działająca przez przeglądarkę internetową. Pozwala na łatwe i szybkie sprawdzenie naszej strony pod kątem wielu kryteriów zgodności ze standardem WCAG 2.1.. Są to między innymi:

  • Czy ilustracje posiadają opis alternatywny?
  • Problemy związane z poprawnym kontrastem (tak samo jak w CCA).
  • Czy jest zachowana poprawna struktura strony internetowej?
  • Występowanie atrybutów ARIA-LABEL.zdjęcie przedstawia narzędzie WAVE

W3C Markup Validation Service

Narzędzie także działające przez przeglądarkę internetową. Sprawdza ono czy kod strony HTML nie zawiera błędów. Błędy te mogą także dotyczyć występowania pustych znaczników, niepoprawnych atrybutów oraz wielu innych uwag i ostrzeżeń.zdjęcie przedstawia narzędzie W3C

NonVisual Desktop Access NVDA

NVDA to popularny a także darmowy czytnik ekranu. Wykorzystują go osoby posiadające dysfunkcje wzroku. Program jest regularnie aktualizowany także w pełni darmowy. Pozwala na odczyt wszystkiego co znajduje się na ekranie. Program ten może pomóc sprawdzić nam czy nasza strona jest czytelna dla użytkowników którzy korzystają z programów takich jak NVDA. zdjęcie przedstawia tekst czytany przez aplikację NVDA

Wykonanie strony: Nautil Sp. z o.o.