Case Study:

Accessibility made easier: a11y-guide.com

Accessibility Ally is a comprehensive portal designed to make the Web Content Accessibility Guidelines (WCAG) more approachable and understandable for UX/UI designers. Platform distills the complex and technical WCAG documentation into a user-friendly format for daily design tasks. This case study is also shows our approach to creating branding and visual identity.

a11y cover

About project:

Market type

Global

Industry type

communication
social
non-profit

Our role

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

The Challenge

Educating designers about accessibility is the foundation for building a more inclusive digital space.

The W3C WCAG documentation, while being the most authoritative source on web accessibility standards, is often noted for its technical complexity and intricate language, which can be challenging, especially for those unfamiliar with accessibility or those without a technical background.

For who?
  • UX/UI designers

  • Front-End Developers

  • Government institutions

  • Product owners

  • Owners of digital products

  • Students

FREE Education for Everyone

Raising awareness among designers on the importance of accessibility. Transforming the learning process into an engaging and meaningful experience.

Promoting Accessibility

Emphasizing the idea that accessibility is a significant element of quality for every digital product and should be an integral part of the design process.

Supporting Designers

Providing designers with reliable knowledge, useful tools, and the ability to contact an expert team to enhance their design practices.

Clarity of Content

Present information in a clear and understandable way that does not overwhelm, frustrate or confuse the audience.

Research

Competitor Analysis

Reviewed pages: Accessguide.io WhoisAccessible.com m2.material.io

11meet workshop cards

Personas

11meet workshop cards

Problem Definition

  • Lack of visual examples representing context of use.

  • Complicated, technical language.

  • Overwhelming amount of text and references to definitions of single terms.

  • Lack of a centralized source of knowledge on accessibility.

  • Inefficient division and structure of information.

  • No list of useful design testing tools.

11meet workshop cards

Visual identity

Logotype genesis

11meet workshop cards

Logo

11meet workshop cards

Typography

11meet workshop cards

Colors

11meet workshop cards

Grid system

11meet workshop cards
11meet login panel

Other examples

11meet workshop cards

Landing Page

11meet workshop cards

Useful tools

11meet workshop cards

Blog

11meet workshop cards

Checklist

11meet workshop cards

Accessibility Assessment for a11y-guide.com

11meet workshop cards

Similar Case Studies

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ę.