Case Study:

A11Y Guide – Przewodnik po Dostępności Cyfrowej

Zobacz, jak stworzyliśmy przewodnik po dostępności cyfrowej — kompleksowe narzędzie dla projektantów.

A11Y Guide – Przewodnik po Dostępności Cyfrowej

O projekcie:

Rynek

Globalne

Branża

komunikacja
społeczność
non-profit

Co zrobiliśmy?

Badania UX
Branding
UI
Development
All mockups screens and data in this case study have been altered due to NDA agreements.

Wyzwanie

Edukacja projektantów w zakresie dostępności jest fundamentem budowania bardziej inkluzywnej przestrzeni cyfrowej.

Dokumentacja W3C WCAG, choć najbardziej autorytatywne źródło standardów dostępności webowej, jest często oceniana jako technicznie złożona i pisana skomplikowanym językiem — co bywa wyzwaniem zwłaszcza dla osób bez doświadczenia w dostępności lub bez zaplecza technicznego.

Dla kogo?
  • Projektanci UX/UI

  • Programiści front-end

  • Instytucje publiczne

  • Product ownerzy

  • Właściciele produktów cyfrowych

  • Studenci

Darmowa edukacja dla każdego

Podnoszenie świadomości projektantów o znaczeniu dostępności. Przekształcanie procesu nauki w angażujące i sensowne doświadczenie.

Promowanie dostępności

Podkreślanie, że dostępność jest istotnym elementem jakości każdego produktu cyfrowego i powinna być integralną częścią procesu projektowego.

Wsparcie dla projektantów

Dostarczanie projektantom rzetelnej wiedzy, przydatnych narzędzi i możliwości kontaktu z zespołem ekspertów w celu ulepszenia praktyk projektowych.

Przejrzystość treści

Prezentowanie informacji w sposób jasny i zrozumiały, który nie przytłacza, nie frustruje ani nie dezorientuje odbiorców.

Badania

Analiza konkurencji

Przeanalizowane strony: Accessguide.io WhoisAccessible.com m2.material.io

A11Y Guide

Persony

A11Y Guide

Definicja problemu

  • Brak wizualnych przykładów pokazujących kontekst użycia.

  • Skomplikowany, techniczny język.

  • Przytłaczająca ilość tekstu i odsyłaczy do definicji pojedynczych terminów.

  • Brak scentralizowanego źródła wiedzy o dostępności.

  • Nieskuteczny podział i struktura informacji.

  • Brak listy przydatnych narzędzi do testowania projektów.

A11Y Guide

Identyfikacja wizualna

Geneza logotypu

A11Y Guide

Logo

A11Y Guide

Typografia

A11Y Guide

Kolory

A11Y Guide

System siatki

A11Y Guide
A11Y Guide — panel logowania

Inne przykłady

A11Y Guide

Strona główna

A11Y Guide

Przydatne narzędzia

A11Y Guide

Blog

A11Y Guide

Lista kontrolna

A11Y Guide

Ocena dostępności a11y-guide.com

A11Y Guide

Skontaktuj się z nami

Chcesz od razu wybrać termin spotkania? Użyj przycisku poniżej.

mobile version of owners pictures

lub

Wypełnij formularz. Skontaktujemy się w ciągu godziny.

Please enter a valid email address.

Please describe your needs in detail.

Please accept our privacy policy

Jak wygląda kontakt?

  • 1

    Wypełnij formularz lub umów termin w Calendly®

    Na formularz odpowiadamy w ciagu 1h, możesz też wybrać dogodny termin w Calendly

  • 2

    Krótka konsultacja (15–45 min)

    Podczas rozmowy dowiemy się więcej o Twoich potrzebach i zaproponujemy rozwiązania.

  • 3

    Bezpłatne warsztaty lub oferta z wyceną

    Dla większych projektów proponujemy warsztaty. W innych przypadkach otrzymasz ofertę.