Delivering Accessible Websites for SO/ Hotels

We were recommended to Ennismore by WordPress VIP, as a reliable and experienced partner to help them develop a suite of hotel websites for new openings across the globe.

Enterprise WordPress
A sleek white laptop displaying a webpage with the text "A Curated Collection of Hotels" alongside a small image of a hotel. A white mouse is positioned next to the laptop on a clean surface, with soft shadows cast in the background.Ennismore - So Hotels website

As one of the fastest growing hospitality brands in the world, Ennismore needs to showcase its award-winning hotels with high-quality digital marketing experiences, and Filter was uniquely positioned to help achieve this.

Project Overview

Ennismore sites are hosted on the WordPress VIP platform, which provides a secure and scalable web experience, allowing comfort that the underlying infrastructure is geared to delivering their sites to the widest possible audience.

However, they needed specific help to deliver in multiple languages, whilst ensuring that the approach to design and content was consistent, making it accessible to all.

Tablet displaying a hotel website with "Rooms & Suites" text alongside an image of a cozy room interior featuring warm lighting, a bed, and a chair.
Split image showing two websites. The top half displays the "WCAG 2 Overview" page with navigation links. The bottom half shows the ADA.gov homepage featuring people with disabilities interacting, and text emphasizing ADA protection against discrimination.

The Importance Of Accessibility

As a global provider, Ennismore is committed to providing inclusive experiences to customers and is aware of its duties from a regulatory perspective to ensure that visitors can access their content regardless of disability.

This includes guidelines such as WCAG 2.1. The Equality Act in the UK, and the Americans with Disabilities Act (ADA). Each of these provides specific requirements for businesses and organisations to adhere to, and a framework in which to achieve these aims.

Working In Partnership

As part of the project, Ennismore introduced us to one of their accessibility partners, Web Usability, who are now a Filter implementation partner.

Web Usability has a long-term relationship with Ennismore, and has conducted several accessibility audits and reviews of their digital properties, providing them with feedback on how to address issues within their brand guidelines.

As the build partner, we worked closely with Web Usability to understand the requirements for the site and specific goals for the delivery of content.

This ranged from ensuring that the colour contrast of the site designs met the correct standards, to coding the site to work with screen readers and ensuring that text was accessible.

Illustration of two people discussing a mobile screen displaying web usability elements. The background is light purple with the text "Web Usability" at the top. Orange and black accents are featured in the design.
Two screenshots displaying web analysis tools. The top image shows the WAVE tool analyzing a NASA webpage with accessibility issues highlighted. The bottom image features a dashboard with an 85% score, showing counts of errors, alerts, and features needing attention for website optimization.

Testing For Accessibility

As part of the build process, we regularly used the WAVE Evolution Chrome plugin to ensure that the code we were developing was meeting the correct standards and that we had included all relevant tags.

We also used the WordPress Accessibility Checker plugin, which allowed us to scan the site for accessibility issues and receive a detailed report highlighting any issues found.

Manual Testing Approach

Whilst automated tools were helpful, we know that this should go hand-in-hand with manual testing to ensure that any issues were captured, triaged and addressed correctly.

For instance, items such as the following are hard for accessibility tools to comprehend automatically and often require real-user testing, particularly by those with disabilities that may be affected:

  1. Structuring your site logically so that it is easy to understand and use.
  2. Providing clear navigation so users always know where they are and where they can go next.
  3. Making content as easy as possible to see and hear.
  4. Using plain, simple English to ensure that the content has a good readability score.
  5. Writing clear, helpful error messages for when a problem occurs.
Accessibility testing
WordPress logo overlaid on a blurred background of an open laptop displaying a website, suggesting web development or blogging.

How Does WordPress Help With Accessibility?

Of course, the process was made easier by the fact that we were developing the sites on the WordPress platform. As one of the easiest-to-use content management systems, and using one of the many SEO plugins available, WordPress makes it effortless for editors to write optimised content and receive feedback on readability, tone of voice and inclusivity.

And from a development perspective, our teams can make updates to code underneath the hood quickly and without complex build processes.

Our Expertise

We don’t just rely upon our ability to look at a site and tick a box to meet the guidelines. Accessibility for WordPress involves a range of techniques and best practices to make the platform usable for everyone, regardless of their abilities.

Filter has significant experience in dealing with large complex sites where accessibility is a high priority, so if you would like to chat about how you can achieve the right level of accessibility for your business or organisation, please get in touch for a free consultation.

 

Cover of "The Marketer's Guide to Web Accessibility" book, featuring modern, abstract design with overlapping blue and pink shapes. Positioned at an angle on a gray background.

The Marketer’s Guide To Web Accessibility

We worked closely with our partners at Web Usability to put together an extensive guide. Aiming to help modern-day marketers adhere to accessibility guidelines and standards.

Outcome

By the end of the project, we were able to deliver a fully-accessible website for the SO/ brand that works not only for users of different languages but also for users with disabilities, meaning that the site is available for anyone to visit and understand.

You can visit the website to learn about the hotel’s offerings and book a hotel room by clicking the link below.

A minimalist white laptop displays a warm, inviting hotel interior with the text "SO HOTELS." A mouse is placed beside the laptop on a light purple surface, creating a serene and modern workspace ambiance.

Get in Touch

If you’d like to find out how our dedicated team could help you with your next digital project, fill in this simple form and we’ll be in touch soon!

"*" indicates required fields

Name*
This field is for validation purposes and should be left unchanged.

Related articles

Five people sitting on a bench using mobile devices and a tablet, with logos for "AbleDocs" and "Web Usability" displayed in front.

Meet Our Accessibility Partners

Meet our new accessibility partners who are helping us to gain valuable insight and knowledge from working with leading experts.

Two individuals sitting closely; one in a yellow shirt holds a tablet, intently using it with both hands. The background is softly blurred, suggesting a casual or work setting.

WCAG Guidelines version 2.2 is coming soon

Book titled "The Marketer’s Guide to Web Accessibility" with a colorful cover, displayed on a white surface. In the background, a blurred image shows hands using a mobile device.

New Marketer’s Guide to Accessibility Launched

Find out more about our newly published business resource, focusing on web accessibility and why it’s so important.