Autor raportu: instalNET Szabat, Rydzewski Spółka Jawna, 29 Sierpień 2020
Ocena zlecona przez: OŚRODEK POMOCY SPOŁECZNEJ W ANNOPOLU
W ogólnej ocenie strona jest dostępna na poziomie WCAG 2.1 A, w niektórych kryteriach częściowo spełnia wymogi na poziomie AA oraz AAA.
W przyszłości należy poprawić niektóre elementy określone w raporcie, tak aby strona mogła spełnić w pełni wyższe wymogi niż A.
Walidator Utilitia znalazł wiele błędów w kodzie HTML(52) oraz CSS (233).
Strona w Walidatorze Utilitia uzyskała ocenę 6/10 na poziomach WCAG od A do AAA.
Pozioma walidacji A:
Dostępność CAPTCHA - OK
Prymitywne formatowanie - Łącznie błędów : 17
Walidacja CSS-a - Łącznie błędów : 233
Wyróżnienia - OK
Obecność etykiet formularzy - Łącznie błędów : 1
Kolejność pól formularzy - Łącznie ostrzeżeń : 2 OK
Walidacja poprawności nagłówków - Łącznie błędów : 1
Walidacja unikalności identyfikatorów HTML-a OK
Dostępność bez javascriptu OK
Poprawność deklaracji języka - Łącznie informacji : 2 OK
Dostępność linków - Łącznie ostrzeżeń : 2, Łącznie błędów : 4
Poprawność linków - Łącznie ostrzeżeń : 69 OK
Walidacja HTML-a - Łącznie ostrzeżeń : 12, Łącznie błędów : 52
Obecność deskryptorów mediów - Łącznie ostrzeżeń : 9, Łącznie błędów : 2
Dostępność plików PDF - OK
Możliwość ominięcia powtarzalnych bloków - OK
Dźwięk - OK
Poziom walidacji - AA WCAG
Kontrast elementów tekstowych OK
Obecność etykiet formularzy - Łącznie błędów : 1
Poprawność deklaracji języka - Łącznie informacji : 2 OK
Dostępność linków - Łącznie ostrzeżeń : 2, Łącznie błędów : 4
Poziom walidacji - AAA WCAG
Mruganie elementów OK
Obecność bloku informującego o lokalizacji w obrębie strony (okruszki) - Łącznie ostrzeżeń : 1 OK
Walidacja poprawności nagłówków - Łącznie błędów : 1
Zrozumiałość tekstu - Łącznie błędów : 1
Dostępność linków - Łącznie ostrzeżeń : 2, Łącznie błędów : 4
Analiza kontrastu audio w materiałach multimedialnych OK
Podsumowanie:
Należy sprawdzić kod strony i dopasować go do wymagań WCAG.
Strona posiada funkcjonalności zwiększające jej dostępność tzw. Menu dostępności (na stronie: Ułatwienia):
- Powiększ tekst
- Pomniejsz tekst
- Szarość
- Duży kontrast
- Negatyw
- Bez tła
- Podkreśl linki
- Rozstrzel tekst
- Resetuj do ustawień podstawowych
Wszystkie funkcje oprócz powiększania tekstu działają bardzo dobrze i spełniają wymogi WCAG.
Nazwa witryny | OŚRODEK POMOCY SPOŁECZNEJ W ANNOPOLU |
---|---|
Zakres witryny | Zawartość publicznej strony internetowej Ośrodka Pomocy Społecznej w Annopolu znajdująca się pod adresem http://www.annopolops.pl/ |
Wersja WCAG | WCAG 2.1 |
Poziom zgodności | Poziom AAA |
Dodatkowe wymagania dotyczące oceny | Raport będzie zawierał listę wszystkich błędów zidentyfikowanych przez oceniającego, a nie tylko listę przykładów. |
Podstawowe wsparcie dostępności | FireFox z NVDA |
Oparte na technologiach |
|
Zasada | Poziom A | Poziom AA | Poziom AAA |
---|---|---|---|
1. Postrzegalność | 9 / 9 | 10 / 11 | 7 / 9 |
2. Funkcjonalność | 13 / 13 | 2 / 3 | 11 / 12 |
3. Zrozumiałość | 5 / 5 | 4 / 5 | 3 / 7 |
4. Rzetelność | 1 / 1 | 1 / 1 | 0 / 0 |
Ogółem | 28 / 28 | 17 / 20 | 21 / 28 |
Wszelkie treści nietekstowe przedstawione użytkownikowi posiadają swoją tekstową alternatywę, która pełni tę samą funkcję, za wyjątkiem sytuacji opisanych poniżej.
Ustalenia: –
Ustalenia: –
Ustalenia: –
Ustalenia: –
Dla mediów nagranych w systemie tylko audio lub tylko wideo stosuje się następujące zasady, za wyjątkiem sytuacji, kiedy nagranie audio lub wideo jest alternatywą dla tekstu i w taki sposób jest oznaczone:
Ustalenia: –
Napisy rozszerzone dołączone są do wszystkich nagrań audio w multimediach zsynchronizowanych (dźwięk i obraz), za wyjątkiem sytuacji, kiedy są one alternatywami dla tekstu i w taki sposób są oznaczone.
Ustalenia: –
Zapewnia się alternatywę dla mediów zmiennych w czasie lub audiodeskrypcję dla nagrań wideo w multimediach zsynchronizowanych (dźwięk i obraz), za wyjątkiem sytuacji, kiedy są one alternatywami dla tekstu i w taki sposób są oznaczone.
Ustalenia: –
Napisy rozszerzone dołączone są do wszystkich treści audio przekazywanych na żywo w multimediach zsynchronizowanych (dźwięk i obraz).
Ustalenia: –
Zapewniona jest audiodeskrypcja dla wszystkich nagrań wideo w multimediach zsynchronizowanych (dźwięk i obraz).
Ustalenia: –
Zapewnione jest tłumaczenie w języku migowym wszystkich nagrań audio w multimediach zsynchronizowanych (dźwięk i obraz).
Ustalenia: –
Zapewniona jest rozszerzona audiodeskrypcja dla wszystkich nagrań wideo w multimediach zsynchronizowanych (dźwięk i obraz), jeśli przerwy w ścieżce dźwiękowej danego nagrania nie pozwalają na zamieszczenie audiodeskrypcji, przekazującej sens treści w wystarczającym stopniu.
Ustalenia: –
Zapewnia się alternatywę dla wszystkich mediów zmiennych w czasie — nagrań w multimediach zsynchronizowanych(dźwięk i obraz) oraz dla wszystkich nagrań tylko wideo (sam obraz).
Ustalenia: –
Zapewniona jest alternatywa dla mediów zmiennych w czasie, przedstawiająca informacje takie same, jak w przekazie tylko audiona żywo.
Ustalenia: –
Informacje, struktura oraz relacje pomiędzy treściami przedstawiane w treści mogą być odczytane przez program komputerowy lub są dostępne w postaci tekstu.
Ustalenia: –
Jeśli kolejność, w jakiej przedstawiona jest treść, ma znaczenie dla zrozumienia treści — kolejność taka musi być możliwa doodczytania przez program komputerowy.
Ustalenia: –
Instrukcje co do zrozumienia i operowania treścią nie opierają się wyłącznie na właściwościach zmysłowych, takich, jak kształt, rozmiar, wzrokowa lokalizacja, orientacja w przestrzeni lub dźwięk.
Ustalenia: –
Treść nie ogranicza swojego widoku i działania do jednej orientacji wyświetlania, takiej jak pionowa lub pozioma, chyba że określona orientacja wyświetlania jest niezbędna.
Ustalenia: –
Cel każdego pola zbierającego informacje o użytkowniku może być programowo określony, gdy:
Ustalenia: <input name="s" type="text" value=""> Wyszukiwarka treści na stronie - brak informacji jaki konkretny cel ma określone pole zbierające dane, które umożliwiałoby programowi do czytania tekstu poinformowanie użytkownika jaką treść może tam umieścić.
W treściach zaimplementowanych przy użyciu języków znaczników przeznaczenie komponentów interfejsu użytkownika, ikon i regionów może zostać określone programowo.
Ustalenia: –
Kolor nie jest wykorzystywany jako jedyny wizualny sposób przekazywania informacji, wskazywania czynności do wykonania lub oczekiwania na odpowiedź, czy też wyróżniania elementów wizualnych.
Ustalenia: –
Jeśli jakieś nagranie audio włącza się automatycznie na danej stronie i jest odtwarzane przez okres dłuższy niż 3 sekundy, dostępny jest albo mechanizm umożliwiający przerwanie lub wyłączenie nagrania, albo mechanizm kontrolujący poziom głośności niezależnie od poziomu głośności całego systemu.
Ustalenia: –
Wizualne przedstawienie tekstu, lub obrazu tekstu posiada kontrast wynoszący przynajmniej 4,5:1, poza następującymi wyjątkami:
Ustalenia: –
Oprócz napisów rozszerzonych oraz tekstu w postaci grafiki, rozmiar tekstu może zostać powiększony do 200% bez użycia technologii wspomagających oraz bez utraty treści lub funkcjonalności.
Ustalenia: –
Ustalenia: –
Ustalenia: –
Ustalenia: –
Jeśli wykorzystywane technologie mogą przedstawiać treść wizualnie, do przekazywania informacji wykorzystuje się tekst, a nie tekst w postaci grafiki, za wyjątkiem następujących sytuacji:
Ustalenia: –
Wizualne przedstawienie tekstu, lub obrazu tekstu, posiada kontrast wynoszący przynajmniej 7:1, poza następującymi wyjątkami:
Ustalenia: Element: <input type="submit">
Współczynnik kontrastu: 1.57:1 FAIL Wym min: 4.5:1
Przycisk search przy wzmocnionym kontraście jest nieczytelny
Proponowane tło b25292
Ustalenia: –
Ustalenia: –
Ustalenia: –
Dla nagranej treści tylko audio, która (1) na pierwszym planie zawiera głównie mowę, (2) nie jest dźwiękową CAPTCHA lub logo w postaci dźwiękowej, oraz (3) nie jest wokalizacją mającą na celu głównie ekspresję muzyczną, np. w przypadku śpiewu lub rapu, przynajmniej jedno z poniższych założeń jest spełnione:
Ustalenia: –
Dla wizualnego przedstawienia bloków tekstu, dostępny jest mechanizm, za pomocą którego można osiągnąć, co następuje:
Ustalenia: Tabela Dane Kontaktowe po powiększeniu tekstu za pomocą Ułatwień do 200% staje się nie czytelna. Tekst menu nie ulega powiększeniu
Ustalenia: –
Ustalenia: –
Ustalenia: –
Teksty w postaci grafiki są wykorzystywane jedynie w celach czysto dekoracyjnych lub też w przypadkach, gdy takie przedstawienie tekstu jest istotne dla przekazywanej informacji.
Ustalenia: –
Ustalenia: –
Ustalenia: –
Ustalenia: –
Treść może być prezentowana bez utraty informacji lub funkcjonalności, bez konieczności przewijania w dwóch wymiarach dla:
Ustalenia: –
Ustalenia: Strona rozjeżdża się przy zmniejszeniu okna.
Ustalenia: –
Wizualna prezentacja następujących elementów ma współczynnik kontrastu co najmniej 3:1 względem sąsiednich kolorów:
Ustalenia: –
W treści zaimplementowanej przy użyciu języków znaczników, które obsługują poniższe właściwości stylu tekstowego, nie następuje utrata treści lub funkcjonalności przez ustawienie wszystkich następujących elementów i przez zmianę żadnej innej właściwości stylu:
Ustalenia: –
Tam, gdzie odbieranie, a następnie usuwanie wskaźnika myszy lub fokusa klawiatury powoduje wyświetlenie dodatkowej zawartości, a następnie jej ukrycie, prawdziwe są poniższe stwierdzenia:
Ustalenia: –
Cała treść oraz wszystkie zawarte w niej funkcjonalności dostępne są z interfejsu klawiatury, bez wymogu określonego czasu użycia poszczególnych klawiszy, poza tymi przypadkami, kiedy dana funkcja wymaga wprowadzenia informacji przez użytkownika w oparciu o ścieżkę ruchów, a nie w oparciu o punkty końcowe wejścia.
Ustalenia: –
Jeśli fokus klawiatury można przemieścić do danego komponentu strony za pomocą interfejsu klawiatury, to może on być z niego usunięty również za pomocą interfejsu klawiatury, w przypadku gdy wymagane, a jeśli wówczas jest wymagane użycie czegoś więcej niż samych strzałek, tabulatora lub innych standardowych metod wyjścia, użytkownik musi otrzymać odpowiednią podpowiedź, w jaki sposób usunąć fokus z danego komponentu.
Ustalenia: –
Cała treść oraz wszystkie zawarte w niej funkcjonalności dostępne są z interfejsu klawiatury, bez wymogu określonego czasu użycia poszczególnych klawiszy.
Ustalenia: –
Jeśli skrót klawiaturowy jest zaimplementowany w treści przy użyciu tylko litery (w tym wielkich i małych liter), znaków interpunkcyjnych, liczbowych lub symboli, to przynajmniej jedno z poniższych jest prawdziwe:
Ustalenia: –
Dla każdego limitu czasowego, ustawionego na odbiór treści, spełnione jest przynajmniej jedno z poniższych założeń:
Ustalenia: –
Wszystkie poniższe zasady obowiązują w przypadku informacji, która przesuwa się, porusza, migota lub automatycznie jest aktualizowana:
Ustalenia: –
Ograniczenie czasowe nie jest istotną częścią czynności prezentowanej na stronie, chyba, że są to nieinteraktywne, zsynchronizowane multimedia lub wydarzenia w czasie rzeczywistym.
Ustalenia: –
Zakłócenia mogą być odłożone w czasie lub odrzucone przez użytkownika, chyba, że jest to sytuacja wyjątkowa (np. zagrożenie życia lub zdrowia).
Ustalenia: –
Kiedy kończy się czas sesji autoryzowanej przez użytkownika, może on kontynuować czynność bez utraty danych po ponownej autoryzacji.
Ustalenia: –
Użytkownicy muszą być ostrzeżeni o limicie czasu bezczynności użytkownika, którego przekroczenie mogłoby spowodować utratę danych, chyba że dane te są przechowywane przez ponad 20 godzin, gdy uczestnik nie podejmie żadnych działań.
Ustalenia: –
Strony internetowe nie zawierają w swojej treści niczego, co migocze częściej niż trzy razy w ciągu jednej sekundy, lub też błysk nie przekracza wartości granicznych dla błysków ogólnych i czerwonych.
Ustalenia: –
Strony internetowe nie zawierają w swojej treści niczego, co migocze częściej niż trzy razy w ciągu jednej sekundy.
Ustalenia: –
Animacja ruchu wyzwalana przez interakcję może być wyłączona, chyba że animacja jest istotna dla funkcjonalności lub przekazywanych informacji.
Ustalenia: –
Dostępny jest mechanizm, który umożliwia pominięcie bloków treści powtarzanych na wielu stronach internetowych.
Ustalenia: –
Strony internetowe posiadają tytuły, które opisują ich cel lub przedstawiają ich temat.
Ustalenia: –
Jeśli strona internetowa może być nawigowana sekwencyjnie, a kolejność nawigacji wpływa na zrozumienie lub funkcjonalność strony, komponenty przyjmujące fokus zachowują kolejność, dzięki której zachowany jest sens i funkcjonalność treści.
Ustalenia: –
Cel każdego linku może wynikać z samej treści linku, lub też z treści linku powiązanej z programistycznie określonym kontekstem, poza tymi przypadkami, kiedy cel łącza i tak byłby niejasny dla użytkowników.
Ustalenia: –
Istnieje więcej niż jedna droga umożliwiająca zlokalizowanie strony w danym serwisie internetowym, za wyjątkiem sytuacji, kiedy dana strona jest wynikiem jakiejś procedury lub jednym z jej etapów.
Ustalenia: Brak więcej niż jednej drogi umożliwiającej lokalizację strony. Należałoby wprowadzić linki breadcrumbs.
Ustalenia: –
Każdy interfejs możliwy do nawigacji za pomocą klawiatury, posiada widoczny wskaźnik fokusa klawiatury.
Ustalenia: –
Dostępna jest informacja, w którym miejscu w danym serwisie internetowym znajduje się użytkownik.
Ustalenia: Brak informacji w którym miejscu w danym serwisie internetowym znajduje się użytkownik. Należałoby wprowadzić linki breadcrumbs.
Dostępny jest mechanizm umożliwiający zidentyfikowanie celu każdego linku z samej jego treści, poza tymi przypadkami, kiedy cel łącza i tak byłby niejasny dla użytkowników
Ustalenia: –
Ustalenia: –
Wszystkie funkcje wykorzystujące do obsługi gesty wielopunktowe lub oparte na ścieżkach mogą być obsługiwane za pomocą dotyku jednopunktowego bez gestu opartego na ścieżce, chyba że niezbędny jest gest wielopunktowy lub oparty na ścieżce.
Ustalenia: –
W przypadku funkcjonalności, które są wywoływane za pomocą dotyku jednopunktowego, co najmniej jedno z poniższych twierdzeń jest prawdziwe:
Ustalenia: –
W przypadku komponentów interfejsu użytkownika z etykietami zawierającymi tekst lub obrazy tekstu, nazwa zawiera tekst, który jest prezentowany wizualnie.
Ustalenia: –
Funkcjonalność, którą można obsługiwać za pomocą ruchu urządzenia lub ruchu użytkownika, można również obsługiwać za pomocą elementów interfejsu użytkownika, a reagowanie na ruch można wyłączyć, aby zapobiec przypadkowemu uruchomieniu, z wyjątkiem sytuacji, gdy:
Ustalenia: –
Rozmiar celu punktu dotykowego wynosi co najmniej 44 na 44 piksele CSS, chyba że:
Ustalenia: –
Treści internetowe nie ograniczają możliwości korzystania z trybów wprowadzania danych dostępnych na platformie, z wyjątkiem sytuacji, w których ograniczenie jest niezbędne, wymagane do zapewnienia bezpieczeństwa treści lub wymagane do przestrzegania ustawień użytkownika.
Ustalenia: –
Domyślny język naturalny każdej strony internetowej może zostać odczytany przez program komputerowy.
Ustalenia: –
Język naturalny każdej części lub frazy zawartej w treści może zostać odczytany przez program komputerowy, za wyjątkiem nazw własnych, wyrażeń technicznych, słów w nieokreślonym języku oraz słów i fraz, które stanowią część żargonu w bezpośrednio otaczającym je tekście.
Ustalenia: Cały tekst jest czytany przez program komputerowy. Brak mechanizmu, który powodowałby ignorowanie nazw własnych, wyrażeń technicznych, słów w nieokreślonym języku oraz słów i fraz, które stanowią część żargonu w bezpośrednio otaczającym je tekście.
Dostępny jest mechanizm, za pomocą którego można sprawdzić definicje słów użytych w nietypowy lub ograniczony sposób, w tym idiomów i żargonu.
Ustalenia: Brak mechaniczmu za pomocą którego można sprawdzić definicje słów użytych w nietypowy lub ograniczony sposób, w tym idiomów i żargonu.
Dostępny jest mechanizm, za pomocą którego można sprawdzić znaczenie skrótów w ich rozwiniętej formie.
Ustalenia: Brak mechaniczmu za pomocą którego można sprawdzić znaczenie skrótów w ich rozwiniętej formie.
Jeśli dany tekst, po usunięciu nazw własnych i tytułów, wymaga umiejętności czytania na poziomie wyższym niż poziom gimnazjalny, dostępna jest treść w formie suplementu (wyjaśniającego) lub oddzielna wersja, która nie wymaga umiejętności czytania na poziomie wyższym, niż gimnazjalny.
Ustalenia: Brak treści w formie suplementu (wyjaśniającego) lub oddzielna wersja, która nie wymaga umiejętności czytania na poziomie wyższym, niż gimnazjalny, jeśli dany tekst, po usunięciu nazw własnych i tytułów, wymaga umiejętności czytania na poziomie wyższym niż poziom gimnazjalny.
Dostępny jest mechanizm, za pomocą którego można sprawdzić wymowę słów, których znaczenie jest niejasne w danym kontekście bez znajomości ich wymowy.
Ustalenia: Brak mechanizmu za pomocą którego można sprawdzić wymowę słów, których znaczenie jest niejasne w danym kontekście bez znajomości ich wymowy.
Jeśli jakikolwiek komponent jest oznaczony fokusem, nie powoduje to zmiany kontekstu.
Ustalenia: –
Zmiana ustawień jakiegokolwiek komponentu interfejsu użytkownika nie powoduje automatycznej zmiany kontekstu, chyba, że użytkownik został poinformowany o takim działaniu zanim zaczął korzystać z komponentu.
Ustalenia: –
Mechanizmy nawigacji, które powtarzają się na wielu stronach w serwisie internetowym, w danym porządku względnym wobec siebie, za każdym razem pojawiają się w tym samym porządku, chyba, że użytkownik sam wprowadzi zmiany.
Ustalenia: –
Komponenty, które posiadają tę samą funkcjonalność w danym serwisie internetowym, są w taki sam sposób zidentyfikowane.
Ustalenia: –
Zmiany kontekstu inicjowane są tylko na żądanie użytkownika, lub też istnieje mechanizm pozwalający na wyłączenie takich zmian.
Ustalenia: –
Jeśli przy wpisywaniu informacji, błąd zostanie wykryty automatycznie, system wskazuje błędny element, a użytkownik otrzymuje opis błędu w postaci tekstu.
Ustalenia: –
Pojawiają się etykiety lub instrukcje, kiedy w treści wymagane jest wprowadzenie informacji przez użytkownika.
Ustalenia: –
Jeśli przy wpisywaniu informacji, błąd zostanie wykryty automatycznie i znane są sugestie korekty, wtedy użytkownik otrzymuje takie sugestie, chyba, że stanowiłoby to zagrożenie dla bezpieczeństwa treści lub zmieniłoby to cel treści.
Ustalenia: –
Dla stron internetowych, na których pojawiają się zobowiązania prawne lub transakcje finansowe, i w których użytkownik modyfikuje lub usuwa dane zawarte w systemach przechowywania danych, lub wprowadza testowe odpowiedzi, przynajmniej jedno z poniższych założeń jest prawdziwe:
Ustalenia: –
Ustalenia: –
Dla stron internetowych, które wymagają od użytkownika podania informacji, przynajmniej jedno z poniższych założeń jest prawdziwe:
Ustalenia: –
W treści wprowadzonej przy użyciu języka znaczników, elementy posiadają pełne znaczniki początkowe i końcowe, elementy są zagnieżdżane według swoich specyfikacji, elementy nie posiadają zduplikowanych atrybutów oraz wszystkie ID są unikalne, za wyjątkiem przypadków, kiedy specyfikacja zezwala na wyżej wymienione cechy.
Ustalenia: –
Dla wszystkich komponentów interfejsu użytkownika (włączając w to, ale nie ograniczając jedynie do elementów formularzy, linków oraz komponentów wygenerowanych przez skrypty) nazwa oraz rola (przeznaczenie) mogą być odczytane przez program komputerowy, a stan, właściwości oraz wartości, które mogą być ustawione przez użytkownika, mogą również być ustawione przez program komputerowy; zawiadomienie o zmianach w tych elementach dostępne jest dla programów użytkownika, w tym technologii wspomagających.
Ustalenia: –
W treści wprowadzonej przy użyciu języków znaczników komunikaty o stanie mogą być programowo określane poprzez role lub właściwości, dzięki czemu mogą być prezentowane użytkownikowi za pomocą technologii wspomagających bez uzyskiwania fokusa.
Ustalenia: –
Strona została sprawdzona za pomocą:
- skryptu ANDI
- badania źródła strony
- przeglądarki Chrome, Firefox, Opera, Microsoft Edge
- technologia wspomagająca: Narrator systemu Windows 10
- walidatora Utilitia
- badanie obsługi za pomocą klawiatury