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 to meet the needs of 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 improved user experience
66
https://www.alyka.com.au/our-work/shire-of-harvey
iauxui
government
0
Wesbeam
A mind-blowing new site earning top-notch results
85
https://www.alyka.com.au/our-work/wesbeam
iauxui
commercial
0
Mechwest
Taking users on an interactive journey
60
https://www.alyka.com.au/our-work/mechwest
brand
commercial
0
Miss Maud
Preserving tradition with digital transformation
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
government
0
Airefrig
A customised e-commerce solution with technical integrations
67
https://www.alyka.com.au/our-work/airefrig
strategy
commercial
0
AG Academy
A fresh new suite of brand assets to better engage students
87.5
https://www.alyka.com.au/our-work/ag-academy
strategy
commercial
0
Bestwest Building
88% revenue increase since onboarding with HubSpot Marketing
50
https://www.alyka.com.au/our-work/bestwest-building
crm
commercial
1
GO Homes
Building an integrated sales and marketing process with HubSpot CRM
83
https://www.alyka.com.au/our-work/go-homes
crm
commercial
0
Emerark
A much needed brand refresh for a rising industry leader
35
https://www.alyka.com.au/our-work/emerark
brand
commercial
1
Cockburn ARC
Accessibility, usability, and seamless technical integration
65
https://www.alyka.com.au/cockburn-arc
webdev
government
0
Artsource
Consistent branded collateral with a Canva Brand Toolkit
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
Semrush Award-winning campaign that helped thousands during Covid
70
https://www.alyka.com.au/our-work/safe2travel
dm
commercial
1
Advanteering Civil Engineers
Creating attention-grabbing tender proposals with Canva
35
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
Lightning-fast website for top tourist destination
65
https://www.alyka.com.au/our-work/samr
webdev
government
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
government
1
Tubestream
Brand consistency on a global scale
30
https://www.alyka.com.au/our-work/tubestream
brand
commercial
1
One Click Life
New customers doubled with Google Ad Words
35
https://www.alyka.com.au/our-work/one-click-life
dm
commercial
1
FinCh
Branding collateral from scratch for a new startup
30
https://www.alyka.com.au/our-work/finch
brand
commercial
1
Geological Society of Australia
Consistent branding with templates and a Canva Brand Toolkit
30
https://www.alyka.com.au/our-work/gsa
brand
commercial
1
City of Swan
Kentico Global Site of the Year
65
https://www.alyka.com.au/our-work/city-of-swan
webdev
government
1
Goldfields-Esperance Development Commission
A new site to better serve the region
65
https://www.alyka.com.au/our-work/gedc
webdev
government
1
XytoVet
Driving site traffic with digital strategy
35
https://www.alyka.com.au/our-work/xytovet
dm
commercial
1
North Cottesloe Surf Life Saving Club
Unlocking time for community with HubSpot
50
https://www.alyka.com.au/our-work/north-cottesloe-slsc
crm
commercial
1