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 HOFOR 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
HOFORs’ website was created in WordPress and the theme used today is 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, HOFORs’ website 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 the website responsive so that users would be able to use smartphones, tablets, and computers to access the website.
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.
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 of printing stylesheets on the site was implemented to give the option of printing pages with menus, sidebars, etc. hidden.