Accessibility &
Nordic Cool
By using the Nordic Cool color palette and the NC4 Web library you meet some of the accessibility requirements “for free”. This page is meant to help you understand which requirements are met by using these resources and what you need to think about yourself when you develop your product
Ticking the boxes
To make this as easy as possible, we have gone through the accessibility checklist which all teams in Visma will use to make their self-assessment. If you have any questions, please reach out to us via ux@visma.com or through #sig-web-library on Slack
Bronze requirements
This is the basic level. Using good UX and Nordic Cool you might meet these requirements already. View the full checklist here, including explanations, examples and Jira issues.
OK
Not OK
N/A
Silver requirements
This level focuses on the product being keyboard accessible, responsive, and having a clear navigation. View the full checklist here, including explanations, examples and Jira issues.
OK
Not OK
N/A
Gold requirements
This is the target level in Visma. Reaching Gold level, your Product is a AA-certified according to WCAG 2.1. The Nordic Cool colour palette has met these requirements since 2014. View the full checklist here, including explanations, examples and Jira issues.
OK
Not OK
N/A
Platinum requirements
Above and beyond! You only need to meet these requirements if your customer specifically asks for it. This level focuses on extended support for video and audio content, visual presentation and full keyboard support. View the full checklist here, including explanations, examples and Jira issues.
OK
Not OK
N/A
The color palette
The Nordic Cool color palette has been AA compliant since 2014. As a development team, what is important to remember here, is that you are only compliant if you implement the colors as they are intended to be implemented – and this is crucial, especially when you create custom component for your products.
In the NC3 and NC4 Web libraries, all components use the color palette as intended. In other words, if you are styling your components like that or using them directly, they are AA compliant.
To make sure you are using the color palette correctly, we have created a color palette guide (also available in the overview files in the Figma toolkit).
What happens after you contact us?
Once you have contacted us, we reach out to learn more about your request.
We will create a task according to your specifications and assign a suitable designer who will follow up with you throughout the design process. If you need other design expertise we might connect you with the UX Best Practices or UX Studio teams.
