Accessibility legislation requires all public sector websites and apps published after 23 September 2018 to meet the Web Content Accessibility Guidelines WCAG 2.1 AA accessibility standard.
To help ensure all toolkits are accessible we have listed some key issues to check in your toolkit below. In addition to this checklist, you should also refer to your organisation’s guidance and policies on accessible and inclusive content and communication.
If your toolkit is unable to meet all legislative requirements in the first instance - e.g. because of reliance on PDFs - you should state in the "About this toolkit" section your plan and timescale for moving to full compliance.
Legislative requirements
1. Provide meaningful alternative text for images
Alternative text (alt text) is the text given in the content management system when incorporating an image, to describe its contents. When an image serves any purpose on a page (i.e. it is not purely decorative), it requires suitable alt text to clearly describe it so that users who cannot see the image properly can still understand the content of the page. For purely decorative images, you can use alt text to let the user know the image is decorative.
2. Add captions and transcripts to multimedia content
For audio-only content, such a podcast, provide a transcript. For audio and visual content, such as training videos, also provide captions. Include in the transcripts and captions the spoken information and sounds that are important for understanding the content.
3. Use appropriate colour contrast
Some users may have difficulty differentiating between colours, while others may not be able to see colours at all. If you are putting text on top of a coloured background, there should be high contrast between the foreground text colour and background text colour to ensure the text stands out to all. Certain colour combinations, such as red and green, should always be avoided.
Use a colour contrast checker such as WebAim to check that your colour choices meet accessibility requirements.
4. Ensure PDF and Office documents are accessible
Your pages should only provide downloadable documents (such as a PDF or Office documents) when the content within the download is purely supplementary. Any key information within the document should be stated in the webpage’s regular body of text.
5. Ensure a user can tab through the page
If a user is only able to use a keyboard to navigate through your page, they need to be able to tab through the page in a logical order. You may need to reorder content, buttons or links on your page if you cannot tab through your page in a logical order.
Good practice points
1.Use headings to convey meaning and structure
Use of appropriate headings and ensuring that heading levels are used consistently are key to optimising your webpage’s accessibility. Effective use of headings allows any user to navigate through the content on your page in the correct order.
Use short headings to group related paragraphs and clearly describe the sections. Good headings provide a summary of the content.
2.Make link text meaningful
Users reading content with a screen reader may read links separately to the page's main body of content. This allows blind or partially-sighted users to tab through the page without having to read all the text. Your page should not include non-descriptive links, such as ‘click here’ or ‘more information’, as these will be confusing and meaningless if read out of context.
Write link text so that it describes the content of the link target. Indicate relevant information about the link target, such as document type and size, for example: ‘Acute coronary syndrome pathway (PDF, 20MB)’.
3.Use informative, unique page titles
Since your page title is the first text that a user is likely to read, it is important that it concisely and accurately describes the contents of a page. You should also ensure that the text of your page title does not differ too much from the text of the link that the user clicked on to reach your page.
4.Explain acronyms
As far as possible, avoid abbreviations and acronyms that may be familiar to you and to specialist / experienced colleagues but not necessarily to novice users. If you must use abbreviations, offer an “Abbreviations” section.
5.Provide clear instructions
Ensure that instructions and guidance to the user are clear, easy to understand and avoid unnecessarily complex language.
6.Keep content clear and concise.
Use simple language and formatting, as appropriate for the context. Use headings and bullet points or numbered lists to break up the text and make the key messages or actions stand out for the user.