Wdrożenie WCAG na stronie fundacji FDPA dzięki ICEberg CMS 5

WCAG w FDPA.org.pl Wdrożenie WCAG i ICEberg CMS 5

WCAG w FDPA.org.pl Wdrożenie WCAG i ICEberg CMS 5 Episode I Wersja podstawowa. Strona główna Zmodyfikowana zgodnie z zasadami WCAG - m.in.: -Zmiana kolorów w menu i wersji logo. -Tło pod tekstem na slajdzie -Zmiana kolorów przycisków Strona główna - kolejne sekcje Zmodyfikowana zgodnie z zasadami WCAG - m.in.: -Tło pod tekstem na zdjęciach - zielony pod białym. Po wyłączeniu zdjęć zostaje biały tekst na zielonym tle -Tekst poza zdjęciami, link jedynie na tytule aktualności (nie na zdjęciu) Strona główna Zmodyfikowana zgodnie z zasadami WCAG - m.in.: -Większy kontrast w listach -Dostosowanie kolorów - w tym poprawa kontrastu w stopce Lista plików do pobrania Zmodyfikowana zgodnie z zasadami WCAG - m.in.: -Na przycisku tytył zamiast pobierz Plugin - rozszerzenie WCAG - Dostosowanie strony do użytkownika zgodnie z zasadami WCAG - opcja: -Zwiększ czcionkę (po 2x kliknięciach - ciągle menu się mieści, po kolejnych przechodzi do kolejnej linii. Zwiększają się wszystkie teksty w tym nagłówki slajdera, przyciski). Opcja dostępna z paska menu bez rozwijania pluginu Plugin - rozszerzenie WCAG - Dostosowanie strony do użytkownika zgodnie z zasadami WCAG - opcja: -Wysoki kontrast - żółty na czarnym. Opcja dostępna z paska menu bez rozwijania pluginu. Zestawienie kolorów pojawia się pod menu, w slajderze - wszędzie gdzie są teksty Plugin - rozszerzenie WCAG - Dostosowanie strony do użytkownika zgodnie z zasadami WCAG - opcja: -Wysoki kontrast - biały na czarnym. Opcja dostępna z okienka (popupu) po rozwinięciu pluginu (kliknięciu w ikonkę ludzika w kółku w prawym górnym rogu) Zestawienie kolorów pojawia się pod menu, w slajderze - wszędzie gdzie są teksty Plugin - rozszerzenie WCAG - Dostosowanie strony do użytkownika zgodnie z zasadami WCAG - opcja: -Szary na białym Opcja dostępna z okienka (popupu) po rozwinięciu pluginu (kliknięciu w ikonkę ludzika w kółku w prawym górnym rogu) Zestawienie kolorów pojawia się pod menu, w slajderze - wszędzie gdzie są teksty Plugin - rozszerzenie WCAG - Dostosowanie strony do użytkownika zgodnie z zasadami WCAG - opcja: -Wysoki kontrast - Czarny na białym Opcja dostępna z okienka (popupu) po rozwinięciu pluginu (kliknięciu w ikonkę ludzika w kółku w prawym górnym rogu) Zestawienie kolorów pojawia się pod menu, w slajderze - wszędzie gdzie są teksty Plugin - rozszerzenie WCAG - Dostosowanie strony do użytkownika zgodnie z zasadami WCAG - opcja: -Wysoki kontrast - żółty na czarnym. Opcja dostępna z okienka (popupu) po rozwinięciu pluginu (kliknięciu w ikonkę ludzika w kółku w prawym górnym rogu) Plugin - rozszerzenie WCAG - Dostosowanie strony do użytkownika zgodnie z zasadami WCAG - opcja: -Łagodne tło Opcja dostępna z okienka (popupu) po rozwinięciu pluginu (kliknięciu w ikonkę ludzika w kółku w prawym górnym rogu) Plugin - rozszerzenie WCAG - Dostosowanie strony do użytkownika zgodnie z zasadami WCAG - opcja: -Zwiększanie wysokości linii - 3x klik - maksymalna. Opcja dostępna z okienka (popupu) po rozwinięciu pluginu (kliknięciu w ikonkę ludzika w kółku w prawym górnym rogu) Plugin - rozszerzenie WCAG - Dostosowanie strony do użytkownika zgodnie z zasadami WCAG - opcja: -Zwiększanie odległości między literami linii - 3x klik - maksymalna. Opcja dostępna z okienka (popupu) po rozwinięciu pluginu (kliknięciu w ikonkę ludzika w kółku w prawym górnym rogu) Plugin - rozszerzenie WCAG - Dostosowanie strony do użytkownika zgodnie z zasadami WCAG - opcja: -Przewodnik czytania - linia pomocnicza Opcja dostępna z okienka (popupu) po rozwinięciu pluginu (kliknięciu w ikonkę ludzika w kółku w prawym górnym rogu) Plugin - rozszerzenie WCAG - Dostosowanie strony do użytkownika zgodnie z zasadami WCAG - opcja: -Wyłącz obrazki Opcja dostępna z okienka (popupu) po rozwinięciu pluginu (kliknięciu w ikonkę ludzika w kółku w prawym górnym rogu) Plugin - rozszerzenie WCAG - Dostosowanie strony do użytkownika zgodnie z zasadami WCAG - opcja: -Skup się na zawartości - przyciemnia całą stronę i zostawia pasek skupiający uwagę użytkownika Opcja dostępna z okienka (popupu) po rozwinięciu pluginu (kliknięciu w ikonkę ludzika w kółku w prawym górnym rogu) Plugin - rozszerzenie WCAG - Dostosowanie strony do użytkownika zgodnie z zasadami WCAG - opcja: -Większy kursor. Opcja dostępna z okienka (popupu) po rozwinięciu pluginu (kliknięciu w ikonkę ludzika w kółku w prawym górnym rogu) Wyniki testu ARIA -0 błędów -0 błędów kontrastu -Alerty wymagają poprawy - są to głównie alty - treść alternatywnych opisów, które są, ale zawierają duplikaty. Do prac redaktorskich Wyniki testu ARIA -Struktura - kolejność elementów Wyniki testu ARIA -Wysoki kontrast - 8,59:1 -Spełnia wymagania WCAG AA i AAA Kontakt Maciej Chmielowski+48 530 555 521 ☏ 12 429-30-13 Agencja Interaktywna Krakweb.pl www.krakweb.pl ul. Rzemieślnicza 19/124B 30-363 Kraków