fb-head-tag-img
Cases - CMS-based website

More user-friendly, increased lifespan, and all the advantages. HOFOR’s new website is now compliant with the act on accessibility, WCAG 2.1.

HOFOR is responsible for the water supply and for diverting waste and rainwater in eight municipalities in Greater Copenhagen: Albertslund, Brøndby, Dragør, Herlev, Hvidovre, København, Rødovre, and Vallensbæk.

Besides water, HOFOR supplies district heating, city gas, and district cooling – and is working on several wind turbine projects both in and outside Copenhagen. HOFOR also owns Amagerværket, which produces electricity and district heating.

HOFOR’s vision is to create sustainable towns and cities based on climate-friendly and environmentally safe supply solutions. And everything the company does supports the creation of sustainable cities. Collaboration is one of the cornerstones of HOFOR – this applies to collaboration across municipalities, industries, and its customers.

HOFOR wanted help to comply with the new act on accessibility, WCAG 2.1

And therefore reached out to Twentyfour with a wish to make www.hofor.dk accessible to comply with WCAG 2.1 level AA. Also, HOFOR wanted greater user-friendliness for its editors, as the previous set-up required that editors had experience with HTML and CSS.

The purpose of the project was to increase the solution’s lifespan and let www.hofor.dk benefit from all the continuous improvements with WordPress. The project is a ‘hygiene task’ and does consequently not need a new graphical expression.

New set-up for a responsive website that mitigates challenges for editors as well as users

www.hofor.dk was created in WordPress and the theme that is being used today is called Business Pro 4. This theme is no longer supported, which has created challenges for editors and the press as they can only use the text tools through special codings.

Therefore, the task for Twntyfour was primarily to help HOFOR comply with the law, c.f. WCAG 2.1, level AA (specifically the standard “EN 301 549, Functional Accessibility Requirements 9, 10, 11”).

Also, www.hofor.dk was not supported on tablets or smartphones and would consequently not comply with WCAG 2.1 in its current set-up. For this reason, it was also important for Twentyfour to make www.hofor.dk responsive so that users would be able to use smartphones, tablets, and computers to access the website.

The backend of the websites:
WordPress, PHP
DevOpS Tools:
Docker, Azure DevOps
Time:
5 months
Responsible:
Jonas, Alberto, Kristian, Radu, Dominik, Lars, Joakim

Project

At Twentyfour, we created a new website for HOFOR that complies with the law and is responsive so that it can be accessed through smartphones, tablets, and computers. Besides the obvious, that the website should be in compliance with the law, this also makes it easier for HOFOR’s employees to create and edit content and makes it far more user-friendly for the customers.

The project we have done for HOFOR has been both extensive and exciting, and many bright minds from Twentyfour have been included in the process to provide HOFOR with the best possible solution. Here’s the transverse work in bullet points, but you can always reach out to us for a chat if you’re interested in hearing more about what we’ve done for HOFOR. At Twentyfour, we’ve done the following for HOFOR:

  • New theme (Betheme)
  • Made codes available
  • Configurations (e.g. set-up of widgets, menus, formulas, etc.)
  • Analyzed contrast range on content-bearing graphics/illustrations and made them available
  • Adjusted visual elements, fonts, etc. in accordance with WCAG 2.1.

Also, the solution should be adjusted to function with the screen reader NVDA. In addition, the possibility to print stylesheets on the site was implemented to give the option of printing pages with menus and sidebars, etc. hidden.

The result

The site has been tested externally in terms of WCAG 2.1 and it has also been tested how well the site works in practice during navigation – by means of a keyboard and by means of a screen reader. The conclusion from the external testing is that there’s predominantly good accessibility on the site and that it is clear that the site’s accessibility has been a focus area.

As such, the site complies with all demands in relation to WCAG 2.1 and is now responsive, accessible, and user-friendly.

Besides the new website that we’ve developed, HOFOR and Twentyfour have entered into a service agreement, in which we will support and service HOFOR with any web wishes, with a continued focus on complying with WCAG 2.1, etc. Including:

  • Implementing new functions
  • Implementing minor requests for changes
  • Support
  • Troubleshooting, problem indication, and repairing any defects and deficiencies
  • Guidance on maintenance of technical environments (development, test, and production)
  • Repairing any operational problems
  • Support for a workaround in case of defects or deficiencies in 3rd party products