Accessibility

Great looking sites with best in class accessibility.

Drupal accessibility overview

Aim

Design and deliver a site that is accessible and satisfies regulatory requirements to be WCAG AA compliant.

Approach

Take a holistic approach to accessibility with a focus on design, implementation, content and training of stakeholders and editors in its needs and benefits.

Outcome

A site that serves users of all needs with accessible content that satisfies regulatory requirements and web standards.

Drupal web accessibility

The need for accessible websites is absolutely clear. An accessible website is better for all users, no matter what their capabilities. Accessible websites are easier to consume and navigate for all. Accessibility features directly aid in the consumption and understanding of the content. 

Accessibility is a shared concern. All members of the client team (stakeholders and editors), designs, site builders and themers need to understand its importance, the principles and their application. Making accessibility a concern from the inception of the project will ensure the best chances of success as accessibility will be considered at each step of the process. Morpht offers accessibility training for those who are interested in investing in their skills.

  • Stakeholders: Set the tone for the project and make accessibility a priority.
  • Designers: Need to understand guidelines to design with accessibility in mind.
  • Developers: Need to ensure their implementations are technically sound under the hood.
  • Editors: Need to be aware of the content they are producing and refrain from adding presentational features which may negate the work done by the designers and developers.

At Morpht we share this holistic vision and encourage stakeholders to take this view as well.

Accessibility techniques

 Needless to say, we take accessibility seriously at Morpht as many of our clients are Government agencies and have the highest of standards to obtain.

We have chosen to work with design systems that have been built with accessibility in mind. Both Bootstrap 5 and the Australian Government Design System start from an accessibility-first perspective, providing an excellent start on the front-end side of things. Drupal, as a CMS is also concerned with accessibility with the Accessibility Initiative ensuring Drupal remains a best-practice platform.

  • Practically speaking there are many things we do to ensure quality:
  • Review all designs and wireframes before the site build process.
  • Build components that are accessible first and remediate any deficiencies we find in them.
  • Continuously improve on our development practices and components.
  • Review our sites with automated tools such as SiteImprove, Lighthouse and WAVE.
  • Manually test our sites with the keyboard to test keyboard accessibility.

We are aiming for near-perfect scores using the automated tools and will work to ensure that any remediations are made where it is reasonable to do so. Furthermore, many of our sites have undergone intense accessibility audits, including sites that have been designed for those with disabilities.

 

Insights

AER hero
Case study

AER embarked on a transformation journey, where Morpht rolled outa rigorous approach that encompassed extensive discovery phases, detailed content modelling, and the migration of numerous data sources.
Colour palettes and accessibility thumbnail
Article

Crafting the perfect colour palettes for your website not only enhances visual appeal but also invigorates your brand identity. Making them accessible is part of our commitment to ensuring that everyone can engage with your content.
Hand holding an iphone using the AIH calculator
Case study

The National Immunisation Catch-up Calculator generates vaccination schedules based on a number of factors, including age, location, medical at-risk conditions and previous vaccination history.
NOCS thumbnail
Case study

An optimized information architecture, a refreshed contemporary design, and improved resource management were all delivered in record time to prepare the site for a national awareness raising and behavioural campaign, and to support the wider work of the National Office for Child Safety (NOCS).
TGA scientists in lab
Case study

The TGA are now celebrating a brand new site on GovCMS. With a contemporary look and feel underpinned by consistent structures and familiar patterns, this site is now the foundation for the next stage of the digital transformation the TGA is undergoing.
AGD case study
Case study

Morpht re-architected 1,200 pages and more than 6,000 publications, factsheet and forms into 9 site sections and improved their discoverability with faceted searches.