Grab a cuppa, get comfy and have a nosy around :)

Back

Understanding Accessibility

understandingaccessibility.com

Share

Understanding Accessibility is a new online resource, created by Alaïs de Saint Louvent, lead designer for Studio Lutalica. Developed by Lattimore + Friends, with Creative Direction from Studio Lutalica, Understanding Accessibility promises to tackle the usability gap in Web Design, by presenting fundamental accessibility guidance in a clear and engaging way.

Credits

Branding, UX + UI Design: Alaïs de Saint Louvent

Development: Lattimore + Friends

Illustrations: Emily Peat

Web Design

Naturally, we sought to make this website as widely accessible as we could to practice what it preaches. We carefully implemented general accessibility practices, ensuring a user-friendly interface and clear communication.

We put ourselves in the shoes of the people we expect to use this website, and created the layout and navigation, accordingly. The site is divided and subdivided clearly by design area and WCAG focus area.

Our commitment to accessibility extends seamlessly to mobile and tablet design. The website maintains its user-friendly interface and accessible features across all screen sizes. We focused on creating a responsive design that allows users to engage effortlessly with the content on various devices, ensuring a consistent and accessible experience for all users.

Mobile Design

Our mobile design applies distinct, but crucial accessibility principles for different screen-sizes, ensuring a smooth and inclusive experience for all users.

By prioritising responsive design, we aimed to provide an engaging and accessible interface, delivering a strong user experience across different mobile devices.

Accessible Branding

The visual identity of this website is meant to be as accessible as can be. The font, Castledown, by Colophon Foundry, is considered to be one of the most accessible typefaces on screen. A lot of research went into the colour palette to find combinations that weren’t problematic for users with various conditions, including such as ADHD, Autism and colour blindness. Finally, the logo evokes an eye, spotlighting the user rather than the creator.

I’m really thankful for the support and encouragement that Studio Lutalica and Lattimore + Friends have given me throughout the project.

– Alaïs de Saint Louvent, Creator of Understanding Accessibility & Design Lead at Studio Lutalica

Related Projects

lvndr white logo on a red and purple gradient background
LVNDR Health

Innovating healthcare access for LGBTQ+ communities with personalised digital solutions.

A purple background features pages from the Womankind Worldwide website
Womankind Worldwide

Advancing women's rights globally through impactful advocacy and partnerships.