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

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.

Write message

Please enter a valid email address.

Please describe your needs in detail.

or

mobile version of owners pictures
quotes

Make an appointment for a free workshop where we will take your project apart and determine the scope of support.

or

Contact via email.

We are glad that you are interested in working with us, leave us a message and we will contact you as soon as possible.

[email protected]