Creating Accessible Online Content for Websites, Wikis and Blogs
Guidance on creating accessible online content for websites, wikis and blogs.
Creating accessible websites, wikis, blogs etc can be a complex issue and the following guidance is aimed at providing a brief overview of where to start. There are official guidelines available that cover this issue in depth. We would recommend you create your University websites using the University's content management system (EdWeb) which will ensure most aspects of accessibility are covered. However, if you are creating a website, blog, wiki etc outwith EdWeb we would recommend you contact Viki Galt (details below) for an accessibility audit of the proposed site and bear in mind the points below. Currently, the two sets of guidelines around this topic are the W3C Web Content Accessibility Guidelines and the British Standards Institute Code of Practice on website accessibility BS8878.The W3C Web Content Accessibility Guidelines can be found at
and the BS8878 can be ordered from the British Standards Institution on 020 8996 9001 or email: firstname.lastname@example.org
Some general points to consider are:
- Ensure the standard font colour and background colour have a good contrast ratio e.g. dark text on a light background and the font is in a sans serif font and large enough (minimum font size 12).
- Provide transcripts for audio clips and subtitles for videos.
- Provide alternative text for all images, charts and graphs e.g. make sure all images have a meaningful written description. Ensure tooltips are enabled by default i.e. that a written description of any image automatically appears when you hover your mouse over it.
- Give contact details - name, phone number, and email address of person responsible for site content, and not just an email address.
- Customisation - make it easy for people to change font size, colour and contrast and give information on how to do this. For more information on how to do this each various browsers visit
- Ensure pages and site can be navigated using the keyboard rather than only by mouse.
- Avoid flashing or scrolling text.
- Ensure no information is conveyed by colour or sound only e.g. priority items are shown in red.
- Ensure no content is time limited e.g. users have as long to look at a page as they wish.
- Alert users when a new window opens.
- Ensure content and structure is readable, predictable and consistent
- Ensure pages are clearly structured using style sheets, text is broken up by sub-headings, and edit text to be simple and direct.
- Ensure the compatibility of the website with assistive technology such as screen readers. Plain HTML is easy for such technologies to convert.
- Include a statement on your approach to website access
- Include a help section which includes information on accessibility and include the link that appears at the bottom of the Universty website on accessibility as standard on all your pages. Ensure you give two methods by which users can contact you for assistance.
- Wherever possible we would encourage you to involve disabled people in the creation of your website to provide feedback and advice.
At present you are able to upload video and audio content to Media Hopper and request automated subtiltes. Please note that these are only approximately 60-70% accurate so will need manual editing. We have produced guidance on how to edit subtiles. For more details visit the Student Disability Service Subtitling page.
If you have any further queries or would like an accessibility audit report on your website please contact Viki Galt, Disability Information Officer, contact details below.
If you require this document in an alternative format please contact Viki Galt, Disability Information Officer
BSL users can contact me via contactSCOTLAND-BSL, the on-line British Sign Language interpreting service. Find out more on the contactSCOTLAND website.