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

Web Accessibility:

Building Better Websites

 

When it comes to website design, many clients focus on appearance. They are concerned about getting the right colour and font or the best images. Looks are important, but in this article, we explore an equally vital element; website accessibility.

 

Website Accessibility

There are many different aspects to website accessibility. In the web design process, it is important to consider:

  • How your web pages appear on a range of devices
  • Whether the navigation is intuitive
  • What could prevent someone from accessing information
  • How easy it is for the company to update the content

 

 

Mobile Responsive Websites

An increasing number of people are accessing information on the go. It is now standard practice that any website should automatically adjust to fit the visitor’s screen size. Avoid making your visitors zoom in and out in order to read your content or click a button. Consideration should also be given to actions – is it possible to use a keyboard, a mouse, a stylus or a finger to take actions? If your site is not mobile responsive, it is time for an upgrade.

 

Easy Loading Content

It is also vital that web pages can be accessed without visitors having to wait. If the loading speed is more than a couple of seconds, there is a risk of losing business. There are ways in which loading speed can be reduced. Speak to a website designer if this is an issue you are facing.

 

Compatible Content

Non-compatible content (yes, we still find websites which include Flash elements) simply won’t be read. This is rarely an issue with new websites, but just ensure that all content is accessible on all devices.

 

Intuitive Navigation

It may be tempting to go for some quirky design, which really showcases the innovative, dynamic style of your business, but we strongly advise that you avoid messing with the navigation. Users prioritise convenience. They want to move around your site with ease. It should be a logical process, requiring a minimal number of clicks to reach any piece of information.

On each page, break up the text with sub-headings. These enable people to locate the information that is most relevant to them. Use icons and links to direct visitors to alternative pages.

 

Removing Barriers

Some of your customers will have more difficulty in gathering information and taking actions online. Some may be unfamiliar with your industry, others lack digital knowhow, and some will have disabilities. It is important to see your website design from their perspective.

Writing in plain English (with translate options if you are targeting international markets or non-native speakers) is important. In addition:

  • Remove or explain any complex terms
  • Keep sentences short
  • Clearly explain what actions people can take
  • Limit forms or other information requests so they only capture essential information
  • If your target audience are likely to be less tech savvy, be sure to explain processes with clarity

 

Website Access for All Abilities

The internet was set up to provide the opportunity to access written, visual and audio information. It should be accessible to all.  – World Wide Web Consortium (W3.org).

As part of the Website Accessibility Initiative (WAI), W3.org provide clear guidelines for website designers to put in place measures to ensure accessibility. The advice includes ensuring contrast between the tone and colour of text and backgrounds, enabling text size increases and ensuring that no animated elements flash more than 3 times per second.

Video content is a very popular means of sharing information. For many, it can be far more accessible that a page of written text. Having said this, including a written transcript is useful. It will ensure that those with limited visual or audio abilities do not miss out.

Any website designer or client can access the W3.org WAI guidelines. These are good practice for every web design project.

Usability Testing

The best way to ensure that your website design is accessible, is to invite a sample of your target audience to undertake usability testing. This can take place in the website development stages. Ask them to complete a range of tasks. In addition, invite them to generally browse the site. Then gather their feedback and be willing to adapt the design based on their comments.

Accessibility for Updates

The final point for consideration is how easy it is for the designated members of your team to access your website to make updates, amends and additions to the content. In order to keep the website fresh and relevant, you need a straightforward Content Management System (CMS), rather than a technical qualification.

Website Accessibility in Summary

Good website design is more than a pleasing layout and stunning images. In addition to making a great first impression, it should be functional and easy for all to use. The W3.org guidelines are good practice for all web design projects. They should be a priority if you are serving a client group with specific needs.

 

Find the article about website accessibility compliance