Struktura kodu portalu Adapter, będąca dostosowana do wymagań specjalnych programów (czytników), jest filmowym oknem na świat dla osób niedowidzących i niedosłyszących. Strona zawiera mnóstwo multimediów (filmów i fotosów) oraz innych treści dostosowanych do potrzeb osób niepełnosprawnych. Adapter został wykonany za pośrednictwem platformy CMS WordPress, i to właśnie z tym popularnym systemem zarządzania treścią, wykorzystującym PHP i MySQL, przyszło się nam zmierzyć.

Zobacz stronę

strona WWW ze standardem WCAG 2.0

Wprowadzanie modyfikacji do istniejącej już strony www WordPress

Naszym zadaniem była zmiana wyglądu oraz funkcjonalności strony pod kątem jej dostępności dla osób niedosłyszących i niedowidzących. Po tym, jak uzyskaliśmy dostęp do serwera i zapoznaliśmy się ze strukturą portalu, przystąpiliśmy do pracy.

Praca z cudzym kodem zawsze stanowi wyzwanie, na szczęście istnieją pewne standardy kodowania, których programiści przestrzegają i które są uniwersalne. W zrozumieniu funkcjonalności, za jakie odpowiadają poszczególny fragmenty kodu, pomagają dodawane przez deweloperów komentarze (najczęściej w języku angielskim), opisujące działanie, za jakie odpowiadają.


Audyt dostępności strony WCAG 2.0

Większość wprowadzanych modyfikacji dotyczyła dostosowania strony pod wymogi zaleceń dostępności serwisów internetowych WCAG 2.0.

Aby wideo pokazywało się na stronie Miasta z Wizją wystarczy tworząc wpis wkleić w odpowiednie pole link do filmiku, bez konieczności np. wklejania kodu iframe.

audyt strony wcag 2.0

strona WWW ze standardem WCAG 2.0

Dostosowywanie portalu pod programy ułatwiające dostęp osobom niedowidzącym i niedosłyszącym

Portal informacyjno-opiniotwórczy generuje dużą ilość treści w podziale na różne kategorie w postaci aktualności, informacji prasowych i relacji. Stąd konieczność łatwego wyszukiwania treści w spisie zawartości.

Szybkie odnalezienie artykułów umożliwia redaktorom wyszukiwarka wykorzystująca następujące pola: tytuł, typ rodzaju zawartości, autor, status wpisu oraz jego kategoria.


 

HTML5+JS+CSS+SCSS

Bootstrap 3+

Responsywna strona internetowa

WCAG 2.0


i wiele więcej...

strona WWW ze standardem WCAG 2.0strona WWW ze standardem WCAG 2.0strona WWW ze standardem WCAG 2.0strona WWW ze standardem WCAG 2.0strona WWW ze standardem WCAG 2.0strona WWW ze standardem WCAG 2.0strona WWW ze standardem WCAG 2.0

Spodobały Ci się projekty stron internetowych, czy może chciałbyś dowiedzieć się więcej?

Skorzystaj z szybkiego formularza kontaktowego