Przejdź do głównej treści
2 min czytania

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...

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
Zobacz wszystkie
Grafika informacyjna na jasnym, kremowym tle. Po lewej stronie napis robots.txt, a obok zielona plakietka z tekstem „Allow: /”. Pod spodem bardzo duża, czarna liczba 429, a pod nią mniejszym krojem maszynowym napis „Too Many Requests”. Po prawej stronie biała, zaokrąglona karta z tabelą o dwóch kolumnach: „User-Agent” i „HTTP”. W tabeli sześć wierszy: Googlebot i Bingbot mają zieloną plakietkę z kodem 200, natomiast GPTBot, OAI-SearchBot, ClaudeBot i PerplexityBot mają pomarańczową plakietkę z kodem 429. Grafika pokazuje sprzeczność: plik robots.txt zezwala wszystkim botom na dostęp, ale serwer odsyła crawlery sztucznej inteligencji z błędem, przepuszczając jednocześnie boty Google i Bing. Zdjęcie wygenerowane przez AI
• 7 min czytania

Niewidzialni dla AI. Jak sprawdzić, czy serwer nie blokuje wyszukiwarek sztucznej inteligencji

Dostaliśmy maila: „ChatGPT nie zna Państwa firmy”. Sprawdziliśmy — to była prawda, ale z zupełnie innego powodu, niż sugerował nadawca. Serwer odsyłał boty sztucznej inteligencji błędem...

Hala basenowa dostosowana do potrzeb osób z niepełnosprawnościami. Kobieta na wózku z opiekunką przy otwartej komfortce z podnośnikiem sufitowym i leżanką. Obok niecki pochylnia z poręczami prowadzi do wody. Zdjęcie wygenerowane przez AI Case Study
• 3 min czytania

Dostępność basenów

Dostępny basen to obiekt sportowo-rekreacyjny zaprojektowany i wyposażony tak, aby każdy - niezależnie od stopnia sprawności - mógł bezpiecznie, samodzielnie i komfortowo korzystać ze...

Masz pytania dotyczące dostępności?

Skonsultuj swój projekt z naszymi ekspertami. Pomożemy ocenić zgodność Twojego serwisu z wymogami prawnymi i zoptymalizować proces wdrożenia.

Projekt międzynarodowy

AIMused – dostępność i sztuczna inteligencja w muzeach

Nautil jest partnerem technologicznym projektu, w którym razem z instytucjami z Polski, Niemiec, Danii, Szwecji i Litwy tworzymy rozwiązania oparte na AI, by muzea i atrakcje turystyczne były dostępne dla każdego.

Więcej o projekcie AIMused
Interreg Południowy Bałtyk. Współfinansowane przez Unię Europejską

Projekt współfinansowany z Europejskiego Funduszu Rozwoju Regionalnego w ramach programu Interreg Południowy Bałtyk 2021–2027.