Strona korzysta z plików cookies w celu realizacji usług i zgodnie z Polityką prywatności. Możesz określić warunki przechowywania lub dostępu do plików cookies w Twojej przeglądarce. Zamknij

Web Developer - Narzędziownia - Polska Akademia Dostępności

Wiedza Narzędzia Rozwiązania

Projekt realizowany
przez:

Fundacja Widzialni Ministerstwo Administracji i Cyfryzacji
Niedziela, 25 czerwca 2017

Wyszukiwarka

Formularz wyszukiwania

Zaloguj się aby pobierać wzorce www i wziąć udział w forum.

Dostosuj wygląd

Czcionka:

  • Domyślna wielkość czcionki
  • Czcionka średnia
  • Czcionka duża

Kontrast

Web Developer

1 grudnia 2014

Web Developer to dodatek do przeglądarek internetowych Mozilla Firefox, Google Chrome i Opera. Rozszerzenie to, to zbiór narzędzi, które pozwalają na edytowanie, analizowanie i monitorowanie kodu źródłowego serwisów internetowych. Pozwala także na badanie, przez programistów, pod kątem audytowania stron mające na celu poprawę dostępności. Pomaga zweryfikować działanie stron we współpracy z technologią asystującą. Web Developer daje możliwość wglądu w architekturę stron internetowych, dzięki temu można sprawdzić czy wymiana danych pomiędzy stroną a odwiedzającymi jest poprawna.

Widok otwartego okna z kodem źródłowym strony
     Widok kolejności klawisza TAB na badanej stronie

Web Developer to potężny zestaw wielu narzędzi, które po zainstalowaniu wyświetlają się w postaci dodatkowego paska w przeglądarce, tak jak ma to miejsce w przypadku przeglądarki Mozilla Firefox. Pozwala na bardzo wnikliwą analizę i uzyskanie wszelkich informacji na temat błędów w serwisie.

Widok strony z włączonym narzędziem ukazującym opisy alternatywne obrazków jpg umieszczonych na stronie

Jak każde narzędzie w przeglądarce, może on być na wierzchu lub dostępny z poziomu opcji menu głównego. Po wczytaniu strony Web Developer dokonuje wstępnej analizy – sprawdza on poprawność kodu HTML, CSS i skryptów JavaScript. Aby uzyskać dokładną informację na temat badania, należy kliknąć na poszczególny znaczek w prawym rogu, na pasku narzędzia. Po kliknięciu otworzy się okno z wszystkimi danymi na temat analizy, wykaz błędów i ostrzeżeń znalezionych na stronie. Aby dokonać dalszych analiz należy w pasku wybrać odpowiednią kategorię.

Kategoria "Wyłącz" – tu możemy wyłączyć wszystkie dodatkowe i normalnie działające procesy podczas normalnego korzystania z serwisu. Możemy wyłączyć m.in. JavaScript, bufor pamięci, minimalny rozmiar czcionki czy też kolory na stronie. Dzięki temu możemy sprawdzić wygląd i zachowanie strony i czy nie generuje to żadnych błędów.

Kategoria "Ciasteczka" – w tym dziale uzyskamy obszerne informacje na temat ciasteczek, możemy je usunąć, dodać, a także ustawić by przeglądarka odrzucała je podczas przeglądania stron.

Kategoria "CSS" – tu możemy m.in. wyłączyć style, uruchomić własne by sprawdzić działanie strony z innymi i uzyskać dane dotyczące zawartych na stronie arkuszy CSS.

Kategoria "Formularze" – często się zdarza, że twórcy stron zapominają o osobach z niepełnosprawnościami, a zwłaszcza o osobach korzystających z programów czytających, które mają największe trudności z wypełnianiem formularzy, bez odpowiedniego wsparcia. W tym dziale uzyskamy wszystkie informacje na temat formularzy zamieszczonych na stronach www.

Kategoria "Obrazki" – w tym dziale możemy wyłączyć obrazki i podejrzeć widok strony bez grafik. Mamy także możliwość podglądu opisów alternatywnych wszystkich obrazków zamieszczonych na stronie, uzyskać informacje o ich rozmiarach i rozmieszczeniu w witrynie.

Kategoria "Informacje" – ten dział pomoże nam w uzyskaniu wszystkich potrzebnych informacji na temat strony. Możemy m.in. dowiedzieć się o kolejności klawisza TAB na danej stronie, uzyskać informacje na temat znaczników ARIA, uzyskać informacje na temat elementów blokowych i ich kolejności na stronie itp.

Kategoria "Różne", "Wyróżnienie" i "Rozmiar"– udostępnione dodatkowe narzędzia takie jak np. lupka, czy możliwość wglądu w kod HTML strony, a także funkcje umożliwiające dokładne przejrzenie wszystkich elementów, a strony jako całości.

Kategoria "Narzędzia" – w tym dziale zamieszczone zostały walidatory HTML, CSS, WAI oraz wiele innych mających za zadanie sprawdzenie stron internetowych, tak by odnaleźć jak najwięcej nieścisłości.

Kategoria "Pokaż źródło" – pozwala na wygenerowanie kodu źródłowego strony np. w notatniku lub innym programie, w celu dokładniejszego przyjrzenia się i naniesienia poprawek.

Kategoria "Opcje" – odpowiada za ustawienia dodatku.

Kategoria formularz widok opcji

Zaletą programu Web Developer jest przejrzysty i polski interface, który pozwala na korzystanie z dodatku nawet mało zaawansowanym użytkownikom, a także zastosowanie wielu przydatnych narzędzi w jednym dostępnym miejscu.

Aby zainstalować wtyczkę należy w menu przeglądarki odnaleźć zakładkę odpowiadającą za instalację dodatków lub wejść na stronę.


Galeria zdjęć

Powiększ zdjęcie: Web Developer