UX PROCESS

AFL Design System + Accessibility

Overview

It is important to build reusable components and modules across the AFL website to ensure consistency and scalability. 

We worked from an atomic–component level from ensuring colours met accessibility guidelines to helping improve our keyboard tab experience so users can easily navigate. 

 

Client

Australian Football League (AFL)

Date

2019

Programs & tools

Presentation
Sticky notes

INVOLVEMENT

UX Workshop
Research
Collaboration

TEAM

Kym Steinke
Lisa Von Fersen
Stephanie Westgarth (Leading the accessibility for development)

Grid

Typography

Club assets

Icons

Header

Cards

Tabs

Search

Newsletter

Accessibility

The AFL aims to make its websites accessible to all football fans and provide a better experience for all users and all technologies

AFL.com.au aims to comply with Level A of the Web Content Accessibility Guidelines version 2.0 (WCAG 2.0) standard.

In future, the site will be enhanced to comply with Level AA compliance and in some cases, Level AAA. WCAG 2.0 is a technical standard developed under the Web Accessibility Initiative of the World Wide Web Consortium (W3C).