Projektowanie stron WCAG 2.1 | Audyt dostępności cyfrowej
Dostępne strony internetowe

Strony WCAG 2.1

Do 2020 r. strony internetowe i serwisy administracji publicznej powinny osiągnąć pełną dostępność i być tworzone zgodnie ze standardami które ułatwiają korzystanie z nich osobom z niepełnosprawnościami. Web Content Accessibility Guidelines (WCAG) to zbiór zaleceń dotyczących osób niepełnosprawnych i starszych które są narażone na wykluczenie cyfrowe.
Nasza agencja realizuje profesjonalne strony internetowe zgodne ze standardem WCAG 2.1.

Telefon Skontaktuj się z nami
Nasi klienci

Oferta projektowania dostępnych stron obejmuje:

Strzałka w prawo Audyt WCAG 2.1 obecnej strony
Strzałka w prawo Projekt graficzny i projekt treści
Strzałka w prawo Kodowanie strony w standardzie WCAG 2.1
Strzałka w prawo Uzupełnienie strony o treść zgodnie ze standardem dostępności
Strzałka w prawo Bieżące audyty strony

Zapraszamy do współpracy

Jeżeli poszukujesz wykonawcy który zrealizuje projekt strony w standardzie WCAG 2.1, zapraszamy do współpracy. Posiadamy w swoim portfolio setki projektów o zróżnicowanej wielkości i stopniu zaawansowania. Nasi specjaliści doradzą, i poprowadzą projekt od opracowania koncepcji, aż po bieżące audyty już po wdrożeniu.

Projektowanie stron WCAG 2.1 obejmuje

Audyt WCAG 2.1 obecnej strony

Profesjonalny audyt dostępności strony, uwzględniający najbardziej aktualne standardy i dobre praktyki. Do przeprowadzenia audytu wykorzystujemy standardy zawarte na stronie w3c.org

Projekt graficzny i projekt treści

Zespół projektantów tworzy projekt graficzny strony zgodny ze standardem WCAG 2.1. Następnie ustalana jest architektura treści i najważniejsze kwestie dotyczące jej obróbki aby spełniały wymogi dostępności.

Kodowanie strony w standardzie WCAG 2.1

Projekt strony, zostaje zakodowany zgodnie ze standardami dostępności. Strona po zakodowaniu jest dodatkowo weryfikowana i audytowana aby mieć pewność że została wykonana poprawnie.

Uzupełnienie strony o treść zgodnie ze standardem dostępności

Sam projekt i kod to nie wszystko. Standard WCAG wymaga by treści graficzne i wideo były odpowiednio opracowane pod kątem dostępności.

Cykliczne audyty WCAG 2.1

Okresowe audyty strony pozwolą zlokalizować niedoskonałości wynikające z jej bieżącej administracji. Finalnie sporządzony raport pozwoli na usunięcie błędów i upewni administratorów strony że jest ona zgodna ze standardami dostępności

Deklaracja dostępności WCAG 2.1

Podmioty publiczne mają obowiązek sporządzić i umieścić na swoich stronach Deklarację Dostępności. Powinna być sporządzona zgodnie z wymogami i umieszczona pod adresem url na stronie internetowej.

Kontrast i kolorystyka dostępnej strony internetowej

Standard WCAG wymaga zachowania kontrastu pomiędzy tekstem a tłem na poziomie 4,5:1. Nasze projekty dostępnych stron realizowane są z zachowaniem tego wymogu.

Opinie naszych klientów
Google Logo Clutch Logo

Adam Stefanowicz
Współpraca od samego początku układała się bez najmniejszych zastrzeżeń. Szybko i sprawnie przechodziliśmy przez kolejne etapy powstawania stron. Jedną z zastosowanych funkcjonalności jest innowacyjny i intuicyjny sposób wyszukiwania mieszkań i apartamentów który zbiera pochlebne oceny naszych klientów. Szczerze rekomendujemy firmę Besite jako wzorowego partnera biznesowego.
Dyrektor Drukarni Chroma
Współpraca z agencją Besite, która wchodzi w skład Brilliant Group, przebiegła bez najmniejszych zastrzeżeń. Poza stałą obsługą marketingową, głównym zadaniem agencji było stworzenie oraz stoły rozwój zaawansowanego systemu sprzedaży produktów naszej drukarni umożliwiającego wykorzystywanie go przez naszych kluczowych partnerów biznesowych.
Alicja Mozdoń
Firmę polecam wszystkim którzy chcą posiadać profesjonalną stronę / sklep internetowy! Do każdej sprawy podchodzą bardzo indywidualnie, profesjonalnie z troską o klienta, super kontakt telefoniczny i mailowy.
Poprzedni
Następny

Audyt dostępności WCAG 2.1 obecnej strony

Badanie dostępności strony internetowej dla osób narażonych na wykluczenie cyfrowe, oraz osób z niepełnosprawnościami. W ramach audytu wykonujemy kompleksową analizę strony internetowej w oparciu o metody oceny dostępności cyfrowej które są zgodne z zasadami WCAG 2.1. Dzięki takim metodom wykonania audytu dostępności cyfrowej mamy pewność że wszelkie uchybienia w tym zakresie zostaną wychwycone. W ramach współpracy możemy wykonać również audyt dodatkowy już po wdrożeniu poprawek na stronie, w celu upewnienia czy strona zyskała już status dostępnej strony.

  • Analiza specjalistów z zakresu dostępności cyfrowej.
  • Walidacja WCAG 2.1 z pomocą oprogramowania.
  • Dokładny raport w zakresie znalezionych błędów dostępności.
  • Wskazanie rozwiązań i rekomendacje w zakresie poprawek dostępności.
  • Rozróżnienie w zakresie błędów krytycznych A oraz tych które warto poprawić AA 

Projekt strony WCAG 2.1 i projekt treści

Nasz dedykowany zespół projektantów z Krakowa, dostarcza zoptymalizowane projekty UI / UX, a także atrakcyjne projekty logo i brandingu. Dzięki szerokiej wiedzy i wieloletniemu doświadczeniu, możemy zaoferować również profesjonalne projekty dostępnych stron internetowych. Projekt strony WCAG 2.1 obejmuje szereg zasad i obowiązków jakie należy w nim uwzględnić. Od rozmiarów fontów (czcionek), przez kolorystykę, aż po kontrast i skalowanie. 

  • Projektowanie UX zgodne z WCAG 2.1
  • Projektowanie wyglądu strony (UI) w standardzie WCAG 2.1
  • Analiza materiałów graficznych i ich poprawny dobór
  • Uwzględnienie proporcji i zasad w zakresie kontrastu w projekcie
  • Kompletny projekt dostępnego portalu lub dostępnej strony strony www

Kontrast i kolorystyka dostępnej strony internetowej

Podczas projektowania dostępnej strony internetowej, należy pamiętać o wymaganiach w zakresie jej czytelności, na co ogromny wpływ ma właśnie kontrast. Koniecznym jest, by kontrast jaki wykorzystuje dostępna strona internetowa był nie mniejszy niż 4,5:1. Projektowane przez nas strony w standardzie WCAG 2.1 zachowują stosowny poziom kontrastu przy zachowaniu ich atrakcyjnego wyglądu.  

Kodowanie strony w standardzie WCAG 2.1

Aby strona internetowa była zgodna ze standardem WCAG 2.1 w zakresie dostępności cyfrowej, należy spełnić szereg zasad. Nasz doświadczony zespół programistów wie dokładnie na które elementy zwrócić uwagę aby osiągnąć standard dostępności A a nawet AA. Wymaga to jednak często współpracy z obu stron, gdyż dostępna strona internetowa wymaga nie tylko projektu czy zakodowania jej zgodnie ze standardami, ale i treści i grafik które spełnią wymogi standardu. Nasi programiści zwrócą uwagę na standard WCAG 2.1 już na etapie projektowania strony, dzięki czemu unikniemy wpadek na późniejszych etapach a to bardzo ważne.

  • Elementy odczytywalne – Każdy użytkownik musi być w stanie dostrzec elementy informacyjne i nawigacyjne interfejsu strony.
  • Użyteczność – Niezależnie od urządzenia czy rozdzielczości, elementy informacji i nawigacji muszą być użyteczne.
  • Zrozumiałe – Wszyscy użytkownicy muszą być w stanie poruszać się i rozumieć zarówno treść jak i nawigację strony.
  • Solidne – zarówno użytkownicy jak i ich narzędzia wspierające muszą być w stanie odczytać treść strony

Optymalizacja strony WCAG 2.1

Sam projekt dostępnej strony www czy jej poprawne zakodowanie w standardzie WCAG 2.1 to nie wszystko. Należy zadbać o to by treści, obrazy czy wideo na stronie były w pełni dostępne dla każdego użytkownika. Dlatego oferujemy specjalistyczną usługę polegającą na dopasowaniu materiałów i treści do strony zgodnie ze standardem dostępności cyfrowej

  • Audyt dostępności cyfrowej treści na stronie.
  • Dopasowanie treści pod kątem standardu dostępności.
  • Optymalizacja obrazów i wideo w standardzie WCAG 2.1.
  • Uzupełnienie strony www zgodnie ze standardem WCAG 2.1

Cykliczne audyty dostępności cyfrowej

Jednorazowy audyt dostępności cyfrowej i wdrożenie poprawek to nie wszystko. Należy wykonywać cykliczne audyty, które zagwarantują że nasza strona internetowa nie utraciła dostępności. Jest to bardzo istotne dla wszystkich instytucji publicznych, gdyż raz nabytą dostępność strony, można utracić choćby za sprawą nieroztropnej administracji treścią.

  • Analiza specjalistów z zakresu dostępności cyfrowej.
  • Walidacja WCAG 2.1 z pomocą oprogramowania.
  • Dokładny raport w zakresie znalezionych błędów dostępności.
  • Wskazanie rozwiązań i rekomendacje w zakresie poprawek dostępności.
  • Rozróżnienie w zakresie błędów krytycznych A oraz tych które warto poprawić AA

Deklaracja dostępności WCAG 2.1

Deklaracja dostępności serwisu, to dokument którego umieszczenie jest obowiązkowe dla stron instytucji publicznych. Deklarację taką sporządza się wg wzoru udostępnionego przez Ministerstwo Cyfryzacji dla każdej strony www i aplikacji mobilnej podmiotu publicznego. Każda strona, nawet taka która nie spełnia standardu wymaga umieszczenia na niej deklaracji dostępności. Za jej brak grozi kara do 5000 zł. 

  • Analizujemy dostępność cyfrową strony.
  • Pomagamy w sporządzeniu deklaracji dostępności cyfrowej. 
  • Umieszczamy dokument w stosownym miejscu.

Proces projektowania stron internetowych

1

Analiza i planowanie

Nasz zespół przeprowadzi analizę i zaplanuje całą realizację, zgodnie z celami biznesowymi firmy.
2

Makietowanie

Przed projektem stworzymy makiety, które zaprezentują strukturę i przepływ użytkowników Twojej witryny.
3

Projekt graficzny

Po akceptacji makiet, wykonujemy projekt graficzny strony internetowe, który zaprezentuje jej pełny wygląd.
4

Kodowanie

Po finalnej akceptacji wyglądu strony, przechodzimy do fazy jej kodowania i staje się ona interaktywna.
5

Uzupełnienie i testy

Funkcjonalność strony internetowej jest rozwijana. Pojawiają się na niej treści a dzięki testom wykluczamy błędy.
6

Wdrożenie

Następuje wdrożenie strony na serwerze docelowym. Optymalizujemy jej szybkość i przekazujemy pełne dostępy.
7

Optymalizacja SEO

Dzięki technicznej optymalizacji strony po wdrożeniu masz pewność że od początku będzie się sprawnie indeksowana.
8

Administracja i pozycjonowanie

Na życzenie, możemy zająć się również administrowaniem strony internetowej i jej skutecznym pozycjonowaniem.

Zapytaj o wycenę

Darmowa konsultacja

Zostaw swój email.
Odpiszemy w ciągu 12 godzin!
Akceptuję regulamin i warunki korzystania z serwisu. Szczegóły dostępne tutaj.
Lub zadzwoń do nas!
Odpowiemy na wszystkie pytania!
Zadzwoń 602 622 261

FAQ

Jakich podmiotów dotyczy ustawa o dostępności stron i aplikacji internetowych?
Rozwiń
  • jednostki sektora finansów publicznych,
  • państwowe jednostki organizacyjne bez osobowości prawnej,
  • osoby prawne, utworzone w celu zaspokajania potrzeb o charakterze powszechnym, które wymienione w dwóch wcześniejszych punktach podmioty:
    • finansują ze środków publicznych w ponad 50%, lub
    • posiadają przez ponad połowę udziałów albo akcji, lub
    • nadzorują organ zarządzający, lub
    • mają prawo do powoływania ponad połowy składu organu nadzorczego lub zarządzającego,
  • związki tych podmiotów,
  • organizacje pozarządowe działające na rzecz ochrony i promocji zdrowia, osób z niepełnosprawnościami i seniorów.

Ustawa ta dotyczy każdej strony internetowej, sklepu czy aplikacji mobilnej która należy do podmiotu z sektora publicznego.

Do kiedy strony i aplikacje muszą spełniać założenia standardu dostępności WCAG 2.1?
Rozwiń

Wszystkie strony internetowe podmiotów publicznych (podlegających ustawie) muszą być dostępne 23 września 2020r a zatem czas na dostosowanie już minął i w razie braku zgodności należy go jak najszybciej nadrobić.

 

Wszystkie aplikacje mobilne tych podmiotów publicznych muszą być dostępne od 23 września 2021r.

Czy strony archiwalne muszą być zgodne ze standardem dostępności?
Rozwiń

Treści archiwalne, które nie były zmieniane po 23 września 2019 r., nie muszą być dostosowane do standardu dostępności, ze względu na brak bieżących zmian i aktualności powstawania treści. 

Czy intranet musi być zgodny ze standardem dostępności WCAG 2.1?
Rozwiń

Ustawa dotyczy wszystkich treści wyświetlanych w przeglądarkach internetowych. Jeżeli aplikacja typu intranet i extranet obsługiwane są z poziomu przeglądarki, to ustawa wymaga ich dopasowania do standardu dostępności. Jeżeli jednak są aplikacjami które nie wymagają przeglądarki (są np. uruchamiane z poziomu komputera bez użycia przeglądarki) wtedy zachowanie standardu w zakresie dostępności nie jest wymagane.

Co oznacza WCAG?
Rozwiń

WCAG oznacza (Web Content Accessability Guidelines) co w wolnym tłumaczeniu oznacza standard w zakresie dostępnych treści w sieci.

WCAG to międzynarodowy standard dostępności sieci , opracowany przez (World Wide Web Consortium) W3C, organizację zajmującą się standardami internetowymi, która jest również odpowiedzialna za standardy HTML i CSS. 

Czym jest standard WCAG 2.1?
Rozwiń

W 2018 roku W3C wydało 17 nowych kryteriów sukcesu dla WCAG 2.0, wprowadzając tym samym standard dostępności  WCAG 2.1. 11 sierpnia 2020 roku ukazał się roboczy projekt dodatkowego zestawu wytycznych WCAG 2.2.

WCAG 2.0 został wydany w 2008 roku. W ciągu 10 lat wiele się zmieniło, zarówno w samej technologii, jak i sposobie korzystania ze stron internetowych oraz potrzebie dostępności na urządzeniach innych niż stacjonarne. Z tego powodu pojawiły się nowe kryteria sukcesu odnoszące się w szczególności do interakcji z telefonem komórkowym i tabletem.

Ponadto nie uwzględniono wówczas rozważań dotyczących niektórych grup użytkowników. Obecnie dostępnych jest więcej informacji, aby zrozumieć potrzeby użytkowników. Obejmuje to preferencje osób z wadami wzroku i zaburzeniami poznawczymi. W celu rozwiązania tego problemu w WCAG 2.1 dodano nowe kryteria sukcesu.

Biorąc pod uwagę te informacje, łatwo jest zrozumieć, dlaczego większości nowych kryteriów sukcesu w wersji 2.1 nie można przetestować automatycznie. Na przykład kryteria związane z telefonem komórkowym, zgodność muszą być testowane ręcznie za pomocą urządzenia.

Kiedy wszedł w życie WCAG 2.1?
Rozwiń

WCAG 2.1 stało się oficjalną rekomendacją W3C 5 czerwca 2018 r.

Dyrektywa UE dotycząca dostępności sieci, która weszła w życie w państwach członkowskich UE 23 września 2018 r., Określa WCAG 2.1 jako standard, który ma być stosowany. Pierwszy termin składania przez państwa członkowskie UE sprawozdań do Komisji Europejskiej w sprawie przestrzegania WCAG 2.1 na poziomie AA to 23 września 2020 r .

W Stanach Zjednoczonych sekcja 508 została zaktualizowana do WCAG 2.0 (wejście w życie 18 stycznia 2018 r.), Nie jest jasne, czy i kiedy zostanie zaktualizowana do WCAG 2.1. lub 2.2.

Ustawa o niepełnosprawnościach Amerykanów (ADA) jedynie w tytule III stwierdza, że ​​komunikacja, w tym sieć / internet, musi być dostępna. Nie odnosi się do żadnego konkretnego standardu. Do tej pory WCAG 2.0 był powszechnie uważany za faktyczny standard zgodności witryn internetowych z ADA . Teraz, gdy WCAG 2.1 jest nowym oficjalnym zaleceniem W3C dotyczącym dostępności sieci, spodziewamy się, że będzie rosło oczekiwanie, że strony internetowe będą zgodne z WCAG 2.1 i prawdopodobnie 2.2.

Ustawa o Dostępnej Kanadzie (ACA) została przyjęta przez rząd Kanady 21 czerwca 2019 r., Wprowadzając ustawodawstwo dotyczące dostępności na poziomie federalnym dla wszystkich prowincji, nie tylko dla Ontario (gdzie obowiązuje ustawa o dostępności dla osób niepełnosprawnych w Ontario (AODA). od 2005). Oczekuje się, że ACA przyjmie „najnowszy standard dostępności sieci”, który w tym czasie będzie oznaczał WCAG 2.1 lub 2.2, gdy zostanie to wprowadzone.

Jaka jest różnica między WCAG 2.0, 2.1 i 2.2?
Rozwiń

WCAG 2.1 i 2.2 to rozszerzenia 2.0. Te późniejsze wersje zawierają wszystkie istniejące kryteria sukcesu w wersji 2.0, z 17 nowymi kryteriami dodanymi na poziomie 2,1 i dziewięcioma (proponowanymi) na poziomie 2,2. Kryteria sukcesu zostały dodane na poziomie A, AA i AAA..

Szablon strony WCAG 2.1?
Rozwiń

Aby spełnić wszystkie wymogi standardu WCAG 2.1 ciężko zastosować gotowy szablon. Strona musi spełniać szereg wymogów poza samym wyglądem, dlatego projekt należy wykonać jako dopasowany do konkretnego przeznaczenia, a następnie zoptymalizować wszystkie jego elementy.

Czy mam dostarczyć własne zdjęcia?
Rozwiń

Jest to wskazane, jednak w przypadku gdy firma nie posiada własnych zdjęć, możemy pomóc na wiele sposobów. Posiadamy zespół doświadczonych grafików którzy pomogą w wyborze zdjęć z darmowych i płatnych baz zdjęć. Mamy również do dyspozycji fotografów, którzy po wcześniej ustalonym scenariuszu, wykonają profesjonalne sesje, firmowe, sesje zespołu, usług czy sesje produktowe.

Czy strona będzie się dobrze pozycjonować?
Rozwiń

Każda ze stron, jest projektowana i zakodowana w sposób zgodny z wytycznymi Google. Dzięki temu otrzymujecie Państwo narzędzie które od uruchomienia będzie poprawnie indeksowane. Reszta pozycjonowania zależy jednak od dziesiątek innych czynników. Po wdrożeniu strony internetowej, poprowadzimy Państwa wprost na pierwsze pozycje w google, jednak wymagać to będzie sporo wspólnej pracy 🙂

Czy nowa strona zostanie zgłoszona do indeksowania w Google?
Rozwiń

Tak, strona po uruchomieniu na serwerze, posiada skonfigurowaną Mapę Witryny, oraz plik Robots.txt. Strona wraz z mapą witryny zostają zaindeksowne w narzędziu Google Search Console. Od tej pory, możliwy będzie podgląd postępów indeksowania poszczególnych podstron, wpisów i mediów jak zdjęcia.

Jak sprawdzić, czy strona została zaindeksowana przez Google?
Rozwiń

Istnieje wiele sposobów, jednak najpopularniejsze to:

  • Należy wpisać w google site:adres-witryny. Jeżeli w wynikach pojawi się nasza strona, oznacza to iż jest ona indeksowana. Jest to jednak mało precyzyjne rozwiązanie, gdyż w przypadku gdy odświeżamy stronę a nie tworzymy ją jako nowy twór w google, jeszcze przez pewien czas po publikacji będziemy mieć zaindeksowane dotychczasowe podstrony.
  • Google Search Console – Dzięki temu narzędziu, możemy w każdym momencie podglądać i wpływać na stan indeksowania witryny.
Czy strona będzie posiadać panel CMS?
Rozwiń

Panel CMS WordPress (lub inny), jest niemal nieodłącznym elementem każdego wdrożenia. Dzięki temu, otrzymujecie Państwo możliwość edycji treści prezentowanych na stronie. Daje możliwość tworzenia nowych podstron, wpisów, czy uzupełniania mediów i ich aktualizacji. 

Dostępne strony WCAG 2.1 Krakowie

Wychodząc naprzeciw różnorodnym potrzebom naszych klientów, oferujemy kompleksowe rozwiązania w zakresie projektowanie stron internetowych WCAG 2.1 dla instytucji publicznych, projektów finansowanych z grantów i dofinansowań a także środków unijnych.

Projektowanie dostępnych stron WCAG 2.1

W Besite jesteśmy ekspertami w tworzeniu niestandardowych projektów dostępnych stron. Dzięki wieloletniemu doświadczeniu całego zespołu, służymy radą i oceną rozwiązań aby spełniały one najwyższe rynkowe standardy, w tym standard w zakresie dostępności cyfrowej.

Kontakt

Chcesz porozmawiać?

Ekstra, napisz lub zadzwoń do nas!
Zadzwoń Telefon 602 622 261 lub napisz

    Podaj prawidłowy adres email

    Wypełnij wiadomość do nas

    Akceptuję regulamin i warunki korzystania z serwisu. Szczegóły dostępne tutaj.

    Chcesz nas odwiedzić?

    Czekamy z pyszną kawą na Gersona 28 ;)

    Chcesz jak najszybciej działać?

    Jesteśmy gotowi, wypełnij brief abyśmy wiedzieli jak Ci pomóc

    Wypełnij brief #Facebook