The perfect example of great accessibility, usability, and seamless technical integration

Hero_1570x640-1

About Cockburn ARC

Cockburn ARC is the City of Cockburn’s leading-edge recreation and aquatic centre, unlike anything else in Perth. They needed a website that presented the centre like no other and, being Government-owned, the site had to meet WCAG 2.1 AA Accessibility.

The challenge

Building a site like Cockburn ARC was unchartered territory. The level of integration we achieved had never been done before, but we eagerly accepted the challenge. Swim timetables and lane/class availability were all managed in an external system which required a complex integration solution to pull in the data for a seamless booking system whilst capturing and storing quality customer data.

Government sites are held to high accessibility standards, meaning they should be usable by as many people as possible, regardless of sight limitations, hearing difficulties, or simply a slow internet connection. We automatically assume that site users are able-bodied, with great eyesight and hearing. So you would expect that things like using a mouse would be easy, right? Not always. When designing sites with accessibility in mind, we often have to reduce the style and features of a site. This results in accessible sites being generally (much) less pleasing than sites for a mainstream audience because interactive elements are highly simplified.

The solution

For the developers at ALYKA, this project was a labour of love. From the outset, we labelled the task as ‘Accessibility is in the DNA’, which ensured that accessibility was thought of in all elements.

Solution _1570x640-1

Design

Our front-end developers (the gurus of HTML/CSS and JS) worked with the technical developers (the gurus C# coding language for .net applications and databases) to exchange the correct data structure. From the very beginning of the project, they liaised with our designers, who reviewed their work regularly, to ensure it was AA accessible. It was a great example of how our team work together to deliver the best possible results for our clients.

Having the eyes of both designers and developers on the website ensures it looks, and functions, optimally. The result was beautifully aesthetic pages that conformed to the strict design requirements. It was the perfect custom solution between the editor-controlled content management system and external third-party platforms and databases to achieve seamless integration for the user.

User Experience

The UX stage considered all elements and how they are perceived and interacted with. We asked ourselves:

  • Can a blind user interact with the navigation? 
  • Can a deaf user interact with videos? 
  • Will the sliders make sense to a user with poor vision who can only use a keyboard?

We painstakingly prototyped each element and considered all users. Then, we expanded text elements and reduced the distance between labels and data, all while keeping inline with the AA guidelines, without sacrificing usability and design.

Digital transformation of the swim school

The Cockburn ARC website is a growth-driven design project, meaning we continually work to improve the site to enhance its functionality. One project we’re proud of is the swim school enrollment process. Previously, it was a manual process for visitors to find a swim class, book over the phone, and then make payment either over the phone or in-person during their visit.

To better align with their state-of-the-art website, we completely transformed the process to allow parents to complete the enrollment online. Parents can now find the perfect class for their child, sign up and create an account, find a class time that works for them, and enrol their child into the class whilst having the option to pay using their credit card or direct debit. This data is then pushed and pulled from various systems, including Perfect Gym, which is Cockburn ARC's gym memberships management software. A customer profile is automatically created and saved within Perfect Gym, along with all the booking details collected from the website form.

The results

Results_Desktop_1090x640
Results_Mobile_1090x640

The Cockburn ARC site is the perfect example of great accessibility, usability, and seamless technical integration.

Have a look at the site for yourself. You can use your keyboard to navigate everywhere (we mean everywhere), on menus, tabs, and accordions. The colours are great, even if you’re colour blind or have poor vision, and if you have a full loss of vision, everything still makes perfect sense. Try and crank up the zoom, and you will see that the site is still usable and accessible.

The contact details even have directions for getting to Cockburn ARC by bus, train or car. You don’t want to get there to find no available spots left in your fitness class, so we included a site-wide online booking system so well designed that you don’t realise you’re being taken to an external site.

Independent audit

After the initial launch, the Cockburn ARC site was independently audited for AA compliance by the Digital Accessibility Centre (DAC).

The DAC has a panel of users who each test the site for specific issues. Some will test the site to ensure that each label makes sense, even when the context is unknown. They also test for keyboard compliance, visual contrast, text size, interaction, dyslexia, and a suite of other issues to ensure that all users can comfortably use the site. It got the tick with very little rework required!

Internally, at ALYKA, the best result is that you wouldn’t know the site is accessible at first glace, until you dig a little deeper and see the thought and care that has gone into creating an AA compliant website that doesn’t compromise on design or functionality.

View the site

Get in touch with us

View more work

Business News
Full site re-design, while keeping the brand familiar to a loyal customer base
87.5
https://www.alyka.com.au/our-work/business-news
strategy
commercial
0
Shire of Harvey
A fresh new design and a better experience for a wide variety of users
66
https://www.alyka.com.au/our-work/shire-of-harvey
iauxui
goverment
0
Wesbeam
A mind-blowing new website matched by some top-notch results
85
https://www.alyka.com.au/our-work/wesbeam
iauxui
commercial
0
Mechwest
A website that tells the story of an idea, through to implementation and beyond
60
https://www.alyka.com.au/our-work/mechwest
brand
commercial
0
Miss Maud
Digital transformation in a traditional world
81
https://www.alyka.com.au/our-work/miss-maud?hsLang=en-au
dm
commercial
0
City of Stirling
A cutting edge CMS solution to power a digital city
50
https://www.alyka.com.au/our-work/city-of-stirling
strategy
goverment
0
Airefrig
A customised website solution with e-commerce integrations to enhance the user experience and improve internal productivity
67
https://www.alyka.com.au/our-work/airefrig
strategy
commercial
0
AG Academy
A fresh new suite of brand assets to educate students and grow agriculture knowledge
87.5
https://www.alyka.com.au/our-work/ag-academy
strategy
commercial
0
Bestwest Building
88% revenue increase for WA building inspections company Bestwest since getting started with HubSpot Marketing
50
https://www.alyka.com.au/our-work/bestwest-building
crm
commercial
1
GO Homes
An integrated sales and marketing process for one of WA’s leading home builders
83
https://www.alyka.com.au/our-work/go-homes
crm
commercial
0
Emerark
A much-needed brand refresh to position Emerark as an industry leader in a competitive global market
35
https://www.alyka.com.au/our-work/emerark
brand
commercial
1
Cockburn ARC
The perfect example of great accessibility, usability, and seamless technical integration
65
https://www.alyka.com.au/cockburn-arc
webdev
goverment
0
Artsource
How Canva Brand Toolkit empowered the team at Artsource to create branded collateral internally
35
https://www.alyka.com.au/our-work/artsource
brand
commercial
1
Thomas Building
Creating a digital presence from scratch with Canva
35
https://www.alyka.com.au/our-work/thomas-building
brand
commercial
1
Safe2Travel
A digital marketing campaign that improved health outcomes for Australians
70
https://www.alyka.com.au/our-work/safe2travel
dm
commercial
1
Advanteering Civil Engineers
Creating tender proposals with a wow factor using Canva

https://www.alyka.com.au/our-work/advanteering
brand
commercial
1
Tier16
Instant visibility of business performance with HubSpot
30
https://www.alyka.com.au/our-work/tier-16
crm
commercial
1
Shire Augusta Margaret River
Lightening-fast performance for the Shire of Augusta Margaret River's new website
65
https://www.alyka.com.au/our-work/samr
webdev
goverment
1
Genus Group
Engineering a website with exceptional user experience
60
https://www.alyka.com.au/our-work/genus-group
webdev
commercial
1
SwanCare
Revitalising an aged care website
85
https://www.alyka.com.au/our-work/swancare
webdev
commercial
1
SKG Radiology
Brand X-cellence for WA radiology clinic
20
https://www.alyka.com.au/our-work/skgradiology
brand
commercial
1
Alcohol. Think Again
Making alcohol-related resources more accessible
60
https://www.alyka.com.au/our-work/alcohol-think-again-website
webdev
goverment
1
Tubestream
Brand consistency on a global scale
30
https://www.alyka.com.au/our-work/tubestream
brand
commercial
1
One Click Life
Driving new customer conversions with a comprehensive digital marketing strategy
35
https://www.alyka.com.au/our-work/one-click-life
dm
commercial
1
FinCh
Creating branding collateral from scratch for a new startup
30
https://www.alyka.com.au/our-work/finch
brand
commercial
1