Test the accessibility of your website for free! Try UsableNet AQA.

devices over wood blog 2.jpg

    10 Accessible Web Design Examples to Model Your Site After

    by UsableNet
    0 Comments

    As interactions and transactions continue to go digital, it is more important than ever to ensure your website, digital content, and environments are accessible to users with disabilities. Not accounting for the needs of your website users who utilize assistive technology is a massive oversight, and can create barriers for those users and liability for your business.

    For users with disabilities, first impressions are important. Websites that aren’t easily accessible may prompt them to leave, causing drops in traffic, leads, and click-through rates. These users may never return to your site and fail to recommend it to others in a fast-growing, loyalty-driven market demographic.

    The ongoing global public health crisis has continued to push the issues of web accessibility and inclusive design to the forefront. COVID-19 is changing the way people communicate, shop, and access goods and services online. Easy-to-access web content is imperative right now.

    Accessible Websites Don’t Have to Be Boring or Plain

    A consistent refrain from web designers who are given the responsibility of accessibility is: “How can accessible design be dynamic, engaging, or aesthetic?” Accessibility can be mistakenly seen as a threat to good web design because designers get overwhelmed with the thought of having to comply with another set of boring technical standards.

    But accessible websites don’t have to be boring. They can be captivating, aesthetically pleasing, and even cutting-edge, with fun and easy-to-understand designs—while also adhering to WCAG 2.1 guidelines. Universally designed web elements often improve the experience for every user, and there are many examples of great web design that are also accessible!

    Accessible Web Design Examples

    There are many examples of great accessible web design, but we wanted to focus on a few across a spectrum of industries that you can draw from as you evaluate your own website accessibility goals. These examples showcase design elements that help make dynamic websites accessible.

    1. https://www.truecar.com/
    2. https://www.ua.edu/
    3. https://www.usa.canon.com/internet/portal/us/home
    4. https://www.aircanada.com/us/en/aco/home.html
    5. https://www.chewy.com/
    6. https://www.apple.com/
    7. https://lufthansa.com/
    8. https://www.delta.com/
    9. https://www.wholefoodsmarket.com/
    10. https://www.omegawatches.com/

    What do these sites have in common? 

    • Solid visual design with accessibility in mind
    • A well-organized and semantically structured content layout providing overall accessibility support for alternative navigation and wayfinding approaches (via keyboard or screen reader)
    • Good support of descriptions and feedback messages for visitors accessing with assistive software
    • Strong brand identity and language
    • Exceptional and sleek design over competitors sites in the same market segment

    Yet even with the most accessible website design, there may still be a number of digital accessibility issues. These could be easily found by a user of assistive technology.  With digital accessibility, even with the most well-designed site, accessibility can come down to the way the code is written. This is one of the reasons why it's often helpful to work with an experienced accessibility partner. 

    Is Your Website Accessible?

    Website accessibility testing can help determine if your site/blog/content is user-friendly for everyone and accessible for users with disabilities. This type of user testing may be confusing for web developers and businesses unfamiliar with WCAG 2.1 standards. Some specific questions to consider include:

    • Does your website’s coding work with screen readers?
    • Is your keyboard navigation working properly?
    • Are navigational headings clearly presented in an orderly and organized way?

    UsableNet's Assistive Solution uses accessibility experts, user testing, and automated testing to create dynamic remediation on your website. Contact us today to learn more about UsableNet's assistive solution.

    Seven Steps of Website Accessibility Testing

    We’ve broken website accessibility testing into seven simple steps to help you organize and track progress against your accessibility testing goals:

    1. Create your digital accessibility policy.
    2. Share your plan with your team.
    3. Begin with automated testing.
    4. Run an in-depth, detailed audit of your digital properties.
    5. Include user testing with members of the disability community.
    6. Fix, test, verify, repeat.
    7. Prepare to scale, track your progress, and train your team.

    Learn more about accessibility testing. Download our free guide. 

    How TO DESIGN Beautiful, Accessible Websites

    It’s more important than ever to keep in mind users with disabilities while designing and building websites. One key way to do this is to involve people from the disabilities community.

    Hire people from the disability community in roles that influence your company and the direction of your digital experiences. Include users with disabilities in every step of your design process and as part of your testing personas. If you are a small company, partner with local nonprofits to connect and engage users of assistive technology. 

    Websites should be fun, and accessible to everyone. There are plenty of great, accessible web design examples across different sectors and businesses that you can gather inspiration from.

    If you’re looking for more information on how to design and build your website to be accessible, usable, and follow all standards and guidelines, download our e-book, Web Accessibility: Your Roadmap to Building Inclusive Digital Experiences

    Cover - Web Accessibility Your Roadmap to Building Inclusive Digital Experiences

    Accessible Design

    Consultation
    Need to improve digital usability, accessibility or performance? We can help.
    Partner with us. Get in touch.