# Accessibility Hub As an agency who highly values inclusive design, we’ve faced countless tricky accessibility questions over the years. While WCAG guidelines are a vital foundation, applying them in real projects often takes interpretation—and creativity. ![A laptop on a desktop, on the screen you can see the front page of the Accessibility Hub.](https://cdn.sanity.io/images/abes57fd/production/59e1928532911addd4b3149c1488a9c68c7b0296-2720x1200.png?w=1360&h=600&auto=format) ## expertise: Marketing,Products ## deliverables: Web development,UX/UI design,Web design ## Making accessibility visual, simple, and shared ### The key insight Accessibility standards like WCAG explain the rules, but what’s missing is a visual, approachable way to see accessibility in action—and to navigate the gray areas that the WCAG doesn’t fully define. We saw an opportunity to make those nuances easier to explore and understand. ### The bold strategy To make accessibility easier to learn and apply, we built the Accessibility Hub around the real questions we, and our partners, have asked. We then made each answer clear, easy to find, and included visual examples whenever possible. And as a bonus, the experience is designed to grow into a collaborative community. ![A laptop displaying the Accessibility Hub website’s General section with a list of accessibility questions.](/.netlify/images?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fabes57fd%2Fproduction%2F56802ec2bcc0fdcc63b45f0c61ac049fd5a34905-1328x1328.png%3Fauto%3Dformat&w=1328&h=1328&fit=cover&dpl=6a63a3383ffa7000085aaab1) ![A person holding a smartphone displaying the Accessibility Hub page on Color & Contrast.](/.netlify/images?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fabes57fd%2Fproduction%2Ff6ca96461f57f1f7a32908867cd275d05baaeba9-1328x1328.png%3Fauto%3Dformat&w=1328&h=1328&fit=cover&dpl=6a63a3383ffa7000085aaab1) ## Start with real questions We structured the site around the questions managers, designers and developers ask every day—from color contrast to forms. A dynamic search and tagging system helps users find what they need quickly, encouraging curiosity and learning through exploration. ![Accessibility Hub sidebars in four pastel colors, each showing a highlighted menu item.](/.netlify/images?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fabes57fd%2Fproduction%2F40a0c538aafd8144db9d6f6161dcb127eb58d88d-1370x1000.png%3Fauto%3Dformat&w=1370&h=1000&fit=cover&dpl=6a63a3383ffa7000085aaab1) ## Show, don't just tell Wherever possible, the answers feature visual examples that make accessibility tangible. Good and bad practices sit side by side, showing how small design decisions can transform usability. It’s learning that’s practical, immediate, and inspiring. ![A laptop displaying the Accessibility Hub’s Color & Contrast page, showing guidance on improving contrast and examples of good and bad contrast.](/.netlify/images?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fabes57fd%2Fproduction%2F6fa6d63f1ed68f709df080a170a8f292ca6214ee-2740x2000.png%3Fauto%3Dformat&w=2740&h=2000&fit=cover&dpl=6a63a3383ffa7000085aaab1) ## Community by design We wanted the Hub to feature real examples—not just from our work, but from the broader design community—because the more we share best practices, the better the web becomes for everyone. The result is a living, evolving resource that turns accessibility from a checklist into a shared creative conversation. ![A laptop displaying the Accessibility Hub’s Forms section, showing guidance on when to split forms into multiple screens and an example of a multi-step form.](/.netlify/images?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fabes57fd%2Fproduction%2Fbfbad59537f21045763863ae46146d4fc51245a8-2740x2000.png%3Fauto%3Dformat&w=2740&h=2000&fit=cover&dpl=6a63a3383ffa7000085aaab1) ## Takeaways for your next project ### Make the abstract concrete Show ideas in action. Visual examples can turn complex concepts into memorable learning moments. ### Design for real curiosity Build around the questions your users actually have—and make answers clear, scannable, and visual. ### Community creates momentum Accessibility thrives when people share what they learn. Create spaces that invite participation, not just compliance. ## Want to see more work? [Branding](#branding-1-panel)[Marketing](#marketing-1-panel)[Products](#products-1-panel)[AI Solutions](#ai-solutions-1-panel) ![Nurse in scrubs that say On Lok on the left side chest ](/.netlify/images?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fabes57fd%2Fproduction%2F1e4679cfe0418ceeb4edf388fca5d7e86c9bde43-2120x2120.png%3Fw%3D1060%26h%3D1060%26auto%3Dformat&w=1060&h=1060&fit=cover&dpl=6a63a3383ffa7000085aaab1) [On Lok](/work/on-lok) Inspiring seniors to embrace life - Brand Strategy - Visual identity ![Work boot displayed on a widescreen monitor with labeled feature callouts](/.netlify/images?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fabes57fd%2Fproduction%2F5a6d9be338bf6908628df3b9d7f5e4fa5c7c3467-1060x1060.jpg%3Fw%3D1060%26h%3D1060%26auto%3Dformat&w=1060&h=1060&fit=cover&dpl=6a63a3383ffa7000085aaab1) [Ariat](/work/ariat) Bringing new energy to an iconic work brand - Web design - UX/UI design ![Hand holding a phone showing a job interview scheduling app with selectable time slots, against a blue-purple gradient background. ](/.netlify/images?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fabes57fd%2Fproduction%2F4ee3d09905a26a5c8110d2a6ea24deef7f253448-1060x1060.jpg%3Fw%3D1060%26h%3D1060%26auto%3Dformat&w=1060&h=1060&fit=cover&dpl=6a63a3383ffa7000085aaab1) [Monster](/work/monster) Helping people quickly find jobs they love - Product strategy - UX/UI design ![A pair of hands holds up an iPad with the Good Chat interface visible on the screen](/.netlify/images?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fabes57fd%2Fproduction%2Fc8f93736a7df0c916d1e10de0878a2d288b4e02e-1060x1060.jpg%3Fw%3D1060%26h%3D1060%26auto%3Dformat&w=1060&h=1060&fit=cover&dpl=6a63a3383ffa7000085aaab1) [Goodchat](/work/goodchat) Designing a simple way to bridge a divided nation - UX/UI design - Web design ![Laptop showing an Axiom lawyer profile with testimonial quote, ratings, and industry experience summaries.](/.netlify/images?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fabes57fd%2Fproduction%2F765c0f04330cc7602f3369345555081ff675e488-1060x1060.jpg%3Fw%3D1060%26h%3D1060%26auto%3Dformat&w=1060&h=1060&fit=cover&dpl=6a63a3383ffa7000085aaab1) [Axiom](/work/axiom) Defining a product vision based on proactivity - Web design - Product strategy ![Nurse in scrubs that say On Lok on the left side chest ](/.netlify/images?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fabes57fd%2Fproduction%2F1e4679cfe0418ceeb4edf388fca5d7e86c9bde43-2120x2120.png%3Fw%3D1060%26h%3D1060%26auto%3Dformat&w=1060&h=1060&fit=cover&dpl=6a63a3383ffa7000085aaab1) [On Lok](/work/on-lok) Inspiring seniors to embrace life - Brand Strategy - Visual identity ![Hand touching a yellow fabric with a bead of water on it](/.netlify/images?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fabes57fd%2Fproduction%2F2bc278ce57b2fe39ecbdf722d946523a4545816d-2720x1200.png%3Frect%3D760%2C0%2C1200%2C1200%26w%3D1060%26h%3D1060%26auto%3Dformat&w=1060&h=1060&fit=cover&dpl=6a63a3383ffa7000085aaab1) [Weev](/work/weev) Digitizing the footwear creation process - Web design - Product strategy ![Smartphone displaying an AVEVA social media ad about building a digital twin, with additional ad variations shown in the background.](/.netlify/images?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fabes57fd%2Fproduction%2F2206e1fe74f31b8a21c04cb6cfcf781f64d57c0c-1060x1060.jpg%3Fw%3D1060%26h%3D1060%26auto%3Dformat&w=1060&h=1060&fit=cover&dpl=6a63a3383ffa7000085aaab1) [AVEVA](/work/aveva) Lead with trust, not just tech - Web design - Ad creative ![Laptop showing an Axiom lawyer profile with testimonial quote, ratings, and industry experience summaries.](/.netlify/images?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fabes57fd%2Fproduction%2F765c0f04330cc7602f3369345555081ff675e488-1060x1060.jpg%3Fw%3D1060%26h%3D1060%26auto%3Dformat&w=1060&h=1060&fit=cover&dpl=6a63a3383ffa7000085aaab1) [Axiom](/work/axiom) Defining a product vision based on proactivity - Web design - Product strategy ![Hand touching a yellow fabric with a bead of water on it](/.netlify/images?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fabes57fd%2Fproduction%2F2bc278ce57b2fe39ecbdf722d946523a4545816d-2720x1200.png%3Frect%3D760%2C0%2C1200%2C1200%26w%3D1060%26h%3D1060%26auto%3Dformat&w=1060&h=1060&fit=cover&dpl=6a63a3383ffa7000085aaab1) [Weev](/work/weev) Digitizing the footwear creation process - Web design - Product strategy ![LifePlus smart watch on someone's wrist, being held up to check their glucose levels](/.netlify/images?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fabes57fd%2Fproduction%2Fc7c94a06641a0e80e67914b9538a43ec6890e83a-872x872.webp%3Fw%3D1060%26h%3D1060%26auto%3Dformat&w=1060&h=1060&fit=cover&dpl=6a63a3383ffa7000085aaab1) [LifePlus](/work/lifeplus) Transforming the way diabetics manage health - AI product design - Wearables ![Rendering of a sleek racecar with the Autodesk logo on its fender](/.netlify/images?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fabes57fd%2Fproduction%2F62bbaabb6503bc063c6ca1cffd854939ca10db37-864x864.webp%3Fw%3D1060%26h%3D1060%26auto%3Dformat&w=1060&h=1060&fit=cover&dpl=6a63a3383ffa7000085aaab1) [Autodesk Fusion 360](/work/autodesk-fusion-360) Galvanizing a revolution in manufacturing - UX/UI design - Video & motion design ![Cropped corner of a laptop screen with the LocaliQ dashboard open](/.netlify/images?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fabes57fd%2Fproduction%2F50806ab03b691e5b43fb67b0e6a8a64f7c29b771-1496x1496.webp%3Fw%3D1060%26h%3D1060%26auto%3Dformat&w=1060&h=1060&fit=cover&dpl=6a63a3383ffa7000085aaab1) [Gannett/LocaliQ Design](/work/local-iq-ai-design) Designing AI that’s powerful—and personable. - AI product design - Branding ![Various shapes with faces — a rectangle, curve, circle, and triangle — stacked on top of eachother, with sparkles](/.netlify/images?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fabes57fd%2Fproduction%2F261ca10e508f8bdf6abe7b1dab70ee5efbb56b4f-1200x1200.webp%3Fw%3D1060%26h%3D1060%26auto%3Dformat&w=1060&h=1060&fit=cover&dpl=6a63a3383ffa7000085aaab1) [Magic Tale](/work/magic-tale) Building an AI platform to boost literacy - AI product design - AI development ## Say hello, we love meeting new people. Big idea, small question, or something in between—we’re always up for a good chat about design, technology, and what’s next.