Posts

How to Comply with Web Accessibility Requirements

Since 23rd September 2020, all websites created before 23 September 2018, need to comply with accessibility requirements (Equality Act 2010). All public sector organisations, local governments, charities are legally required to make their websites accessible for people of all abilities. A website that satisfies more visitors is good practice for commercial websites too, showing due care and consideration builds respect among your current and prospect clients. Respect leads to loyalty.

What Does Web Accessibility Mean and How Do Organisations Comply?

Web accessibility focuses on making digital services accessible to individuals with visual, hearing, mobility and cognitive impairments. Comprehensive and globally-recognised standards are available; they are known as the W3C Standards of Accessibility.

As an example, someone with impaired vision might use a screen reader (software that lets a user navigate a website and ‘reads out’ the content). It doesn’t mean that websites need to have text size or background adjustments options built-in. It means that the structure of a website and elements (pictures, text, documents etc) need to meet accessibility requirements.

The W3C Standards focus on what is required to make your website content perceivable, operable, understandable and robust.

The standards include:

  • Ensuring every feature is useable if the text size is increased to 200%
  • Using website code that is readable by assisted technologies
  • Providing transcripts for audio and visual media
  • Written content is in plain English – avoiding acronyms and abbreviations
  • Using clear labels, contrasting colours and intuitive navigation

Ideally, a commitment to these standards should be part of every website build project. For now, it is only a legal requirement for government organisations and charities.

Good Practice

With a focus on good practice, our websites are built to comply with basic W3C Standards. We run accessibility tests before publishing. This is as a standard procedure, along with testing for broken links, website loading speed and compatibility with various web browsers and screen sizes.

To maintain compliance, there are a few tips that we can offer website administrators.

Accessibility Tips for Website Admins 

  1. With every new media file that you publish, remember to add a meaningful Title and Alt text, as well as a simple description of what it is in the picture, video, graphic or document (attachment 1)
  2. If possible, avoid publishing Word documents and pdfs – if you must publish .docx or .pdf then make sure the file is accessible. Microsoft Word has accessibility testing built-in – run it and follow automated prompts before saving and uploading to the website. (attachment 2)
  3. Publish an Accessibility Statement on your website.

Accessibility Statement Page

When writing an Accessibility Statement, it is important to show awareness of the requirements, to evidence improvements made and to provide a contact where any accessibility issues can be reported. Our suggested layout would be:

  1. An Introduction to using the website
  2. The date of accessibility testing
  3. The method or tools used
  4. Your commitment – what you have done and are planning to do
  5. Contact – how to report accessibility issues

Web Accessibility Evaluation Tools

WAVE is a suite of evaluation tools that helps authors make their web content more accessible to individuals with impairments.

Accessibility Insights is a tool to review your existing website. This will list issues which you can work to address. You may not have the resources to resolve every issue immediately. To comply with the legal requirements, you need to acknowledge the issues, take reasonable steps to improve the site and list planned actions.

Take Action to Improve Website Accessibility

Rather than seeing this as another task, we advise that you view it as an opportunity to extend your reach. Improving website accessibility will help you to engage with more people and that has got to be good for business.

Examples of Accessibility Statement

http://www.haltonvillagenews.co.uk/accessibility
https://schooltravelplanning.com/accesibility

Attachment 1 – Showing the Alt text, Title and Description boxes that explain what is in the image

WP media meta data

 

Attachment 2 – Showing the Check Accessibility option for Word documents.

MS Word accessibility tool

We can help with Web Accessibility compliance. Contact office@frameworkdigital.co.uk

A Current Website Redesign Project

CLIENT:

Buckinghamshire Gardens Trust

THE BRIEF:

Buckinghamshire Gardens Trust is keen to bolster the number of members, volunteers, event attendees and trustees. They are particularly keen to encourage younger people to get involved with their organisation. In addition, they want to increase donations and sponsorship of research projects. These research projects help to protect our county’s parks and gardens.

The board identified that a website redesign would be essential for attracting interest, building awareness and encouraging supporters. They approached a number of local web design companies for a quote and Framework Digital made the cut.

THE CHALLENGE:

Like many organisations, Buckinghamshire Gardens Trust has evolved continuously since it was founded. The current website is full of content; both current and historic. Every document has value to the organisation and to specific groups of people. Having said this, the scale of content was impeding navigation and our challenge was to resolve this.

The aim was for a clean, fresh design that would resonate with visitors. The team recognised that the process of planning for the website development would involve them making collective decisions about what content their website visitors really wanted. Such decisions have resulted in detailed discussions about what must stay and what is no longer relevant.

The organisation also required simple ways in which content could be regularly added. This had to be achieved without compromising the intuitive navigation.

In addition, there was an issue with Google Maps. It currently showed the property of one of the Board and they wanted this to be changed. An overly complex set up of emails also needed attention.

THE SOLUTION:

Framework Digital began the process of redesigning the Buckinghamshire Gardens Trust website by clarifying the logo and branding. The new design would be used on the website, newsletters, research reports and membership forms. The aim is to give consistency to all marketing.

We worked with a core team to agree on what content had to be included in the main menu. We explored a range of options on how other information could be accessible, such as links in the footer and a ‘members-only’ section. Some were embraced, whilst others were ruled out. We have only presented ideas which will be straightforward for the organisation to manage and update.

Our website design included categorisation options. This would help organise all new articles and information that would be posted and act as a filter for visitors. We also added breadcrumbs to each sub-page. This would help visitors identify where they were and to make it easier to get back to previous pages.

Clear call to actions were added to every page to encourage the desired outcomes. Our aim was to set these up in such a way as to reduce manual processes, therefore reducing the work currently being undertaken by the team.

We were able to resolve the Google Maps and email issues.

INITIAL FEEDBACK:

We arranged a planning meeting, in which our preliminary vision for the website was shared. Following this, we received this feedback:

“Thank you so very much for presenting the initial draft of the new Bucks Gardens Trust website today; it is excellent, clear and will be easy to navigate. Thank you for all the thought you have given, and are giving, to its design and construction.”

Rosemary, Bucks Garden Trust