Brand meets WCAG

Color

According to WCAG (Web Content Accessibility Guidelines) AA contrast requirements, it is important to ensure that the color combinations used in digital content meet certain standards of accessibility. This includes considering the contrast between text and its background, which is crucial for readability, especially for individuals with visual impairments.

The brand color of Alfa Laval, #007FC8, is a shade of blue, while white, represented by #FFFFFF, is a pure, bright color. When these two colors are used together, they fail to meet the minimum contrast ratio required by WCAG AA guidelines for accessibility.

The WCAG AA standard specifies that the minimum contrast ratio for normal text should be 4.5:1, and for large text or headings, it should be 3:1. However, when #007FC8 (blue) is used against a white background (#FFFFFF), the contrast ratio falls significantly below these recommended thresholds. The combination of these two colors may result in low contrast, making it difficult for people with visual impairments to perceive the text clearly.

To ensure accessibility, it is essential to choose color combinations that meet the minimum contrast requirements outlined in WCAG AA. In the case of Alfa Laval's brand color #007FC8, we have decided to use the darker shade of blue #10387F as contrast color to white #FFFFFF.

image showing the contrast ratio

By reevaluating our color choices, we have chosen alternative combinations that provide sufficient contrast while maintaining the integrity and essence of Alfa Laval's brand identity. Our new color selections not only meet the WCAG AA requirements but also enhance the legibility of text, making it easier for individuals with visual impairments to read and comprehend the content.

We understand that accessibility is a fundamental aspect of digital design and that inclusive practices benefit a broader range of users. By adhering to WCAG AA guidelines, we aim to create an inclusive environment where everyone can engage with Alfa Laval's digital content effectively and independently.

Our commitment to accessibility extends beyond color selection. We continuously strive to improve the accessibility of our website, applications, and digital materials through various means, including providing alternative text for images, using semantic markup, and ensuring proper keyboard navigation.

Through these efforts, we aim to provide an inclusive online experience for all users, regardless of their abilities or disabilities. By following WCAG AA guidelines and actively working towards accessibility, Alfa Laval demonstrates its dedication to making its digital presence welcoming and accessible to everyone.

lego illustration

Foundation

Full color scheme to be found in Foundation

Read more