Tips for creating Accessible Content
Digital Accessibility and DCU.ie
Legislation in the area of digital accessibility was introduced in Ireland in 2020, and applies to all Irish public sector websites and apps - you can read more about the EU Web Accessibility Directive here.
The National Disability Authority has been tasked with monitoring compliance across the Irish public sector - and DCU was first brought into this review process in May 2022. Similarly to all public sector websites, this monitoring is ongoing to ensure our compliance to the legislation.
Our unit organises seminars on digital accessibility which content editors can attend. We will let staff know when this seminar is taking place closer to the time.
Below are some basic tips on digital accessibility best practices.
If you have any questions about this, please don't hesitate to contact us on socialmedia@dcu.ie
Avoid solely using ‘click here’, ‘read more’ and ‘learn more’:
When calling the user to action, use brief but meaningful link text that:
- provides some information when read out of context
- explains what the link offers
- As well as becoming accessible, this is common practice to increase a websites search engine optimisation
Recycling or remove old pages/content
If multiple pages link the same page, consider having a central page for this content. If you need to keep old content, then move this and rename into something obvious, eg:
/current-report
/report-2021
/report-2020
the following year, the pages will read as follows:
/current-report (new content)
/report-2022 (renamed from /current-report)
/report-2021 (remains the same)
Any links will always go to the more recent content /current-report
Caption Images
Alternative (Alt) Text is meant to convey the “why” of the image as it relates to the content of a document or webpage. It is read aloud to users by screen reader software, and it is indexed by search engines. It also displays on the page if the image fails to load.
Writing Good Alt Text
- Add alt text to all images
- Keep it short and descriptive, like a tweet
- Don’t include “image of” or “photo of”
Structure
Use heading tags (H1, H2, H3 etc) properly:
- H1 tags are used to denote the most important text, such as the main theme or title of a content.
- H2 and H3 tags are commonly used as subheadings.
- Finally, H4, H5, and H6 tags may be used to provide further structure within those subsections.
Replace PDFs with HTML
Ever tried to navigate a PDF on your mobile?
- They’re not responsive
- They’re not designed to be read on-screen
- They can be difficult to navigate, especially for users with accessibility needs
- It’s tricky to change their colour schemes and text size, which some users with visual impairments need to do
- They’re harder to maintain, and so easily become out of date
What can I do instead?
Create HTML page (web page) using Drupal using the content from the PDF, it’s easier than you think:
HR Staff Survey: /hr/staff-engagement-diversity-inclusion-survey
CTYI Report: /ctyi/irish-gifted-students-self-social-and-academic-explorations
Replace Word Doc Forms / Google Forms with Drupal webforms
- In terms of forms, we are looking to see if we can embed these as much as possible in Drupal. Google forms will not work due to issues and concerns around GDPR
- Generally speaking, Word Docs are not responsive
- Data from a Drupal webform is safe under GDPR, as stored within the Drupal system
- Easier to navigate a webform using a keyboard only compared to a Word Doc
- Switching from a downloadable Word Doc to a webform cuts down on printing cost and paper
- Easier to make mistake on Google forms than Drupal
What can I do instead?
Create HTML page (web page) using Drupal webform to capture data
Job Application Form - /digitalcomms/example-job-application-form
ISS webform guide - /sites/default/files/iss/pdfs/creating_a_webform.pdf
Resources
Ark website
https://www.ahead.ie/ARK
NDA website
https://nda.ie/Resources/Accessibility-toolkit/
Queen’s University Belfast
https://www.qub.ac.uk/sites/web-support-team/content-management-system/accessibility/accessible-content-guidance/document-accessibility/
Drupal webform
/sites/default/files/iss/pdfs/creating_a_webform.pdf