Accessibility checklist – Nordea Design Language

Introduction

Last updated: 16 August 2022, 14:54 by Kristina Gushcheva

This checklist provides an overview of accessibility guidelines to follow in your design. The checklist references Web Content Accessibility Guidelines (WCAG) 2.1.

Images have alt text (1.1 Text Alternatives)
Provide descriptions of charts and infographics in text (1.1 Text Alternatives)
Assistive technology must ignores content that serves as pure decoration (1.1 Text Alternatives)
Design provides subtitles in videos and transcripts of media (1.2 Time-based Media)
Instructions do not rely on sensory characteristics of elements (1.3 Sensory Characteristics)
Relationships do not rely on colour or directional visuals (1.4.1 Use of Color)
Ensure sufficient colour contrast (1.4.3 Contrast)
Convey information that is available in colour also in text (G14, G183)

Group related content together (1.3.1 Info and Relationships, G141)
Ensure meaningful sequences (1.3.2 Meaningful Sequence)
Establish clear relationships between elements (1.3.1 Info and Relationships, G162)
Provide headings for pages and sections (2.4.2 Page Titled, 2.4.6 Headings and Labels)
Always provide labels for form inputs and interactive elements (3.3.2 Labels or Instructions, G131, G162)

All functionality is available from a keyboard (2.1 Keyboard Accessible)
Keyboard focus is visible (2.4.7 Focus Visible)
Keyboard focus order reflects the logic of page content (2.4.3 Focus Order)
Links and buttons contain text labels (4.1.2 Name, Role, Value)
Links use Nordea Design System styling (G182)
Form inputs and interactive elements have clear labels (3.3.2 Labels or Instructions, G131, G162)
Navigation across views is consistent (3.2.3 Consistent Navigation)
Customers can find content in multiple ways (2.4.5 Multiple Ways)
Customers can bypass content blocks and repeated content (2.4.1 Bypass Blocks)
Design is responsive (1.3.4 Orientation, 1.4.10 Reflow)
Customers can resize text content to 200% (1.4.8 Visual Presentation)
Customers have control over change in content (3.2.2 On Input, G80)
Design provide confirmation screens before any final form submission (3.3.4 Error Prevention)
Notify about, extend or turn off time limits (2.2.1 Timing Adjustable)
Pause, stop, or hide any auto-played content (2.2.2 Pause, stop, hide)