Links need regular checking to ensure they don’t become broken. If linking to a page within your website, use the built in link tool and select the page from what's displayed.
The text of the link should provide meaningful information about the destination, e.g. “Biomedical admissions test”, rather than “read more” or “click here”.
All links on a particular page should be unique, i.e. if there is already an “About us” link in the header, don’t create a duplicate on the page and definitely not a same named “About us” link pointing to a different destination.
It is tempting to add PDFs to a page as it can be quickly done, but such content is generally less accessible than a web (HTML) page.
At the very least, tag content in PDFs and ensure that the content is read in the right order.
For more information on making documents accessible, view the guidance on the University's Communications website.
Page titles and descriptions are metadata – they do not necessarily appear on your content page but contain information about it that can be used by search engines. Adding useful metadata to your pages will help users to find your content.
Throughout our website we have a number of duplicate page titles, this is unavoidable due to the nature of how the sites are setup. There is a workaround which will improve each site's search engine ranking, as well as help with accessibility.
Within each content page, there is a tab named Meta Data. Within the Meta Data tab, use the Meta Title field to enter a descriptive page title. It is also best practice to include a description within the field named Meta Description.
The title of each Web page should:
It may also be helpful for the title to
An example Meta Title for a research group people page would be 'Members of the Solid Mechanics research group at Oxford's Department of Engineering Science'
The WYSIWYG/ text editor has the function to mark text up as headings from 1-6. The page title should be in the style heading 1 (this is not always the case automatically within Umbraco, we are working to correct this) and there should only be one heading 1. You can have as many heading 2, heading 3, heading 4, etc as appropriate for your content.
Don’t skip headings numbers, i.e. the second level of headings on a page should be marked as heading 2, not heading 3 (or 4, 5 or 6).
Headings may be nested as subsections to reflect the organization of the content of the page. Most screen readers can also generate an ordered list of all the headings on a page, which can help a person quickly determine the hierarchy of the content:
When headings are nested, heading levels may be "skipped" when closing a subsection.
You must comply with the law when showing images on your website, specifically copyright and the data protection laws.
Before uploading an image to your site, you need to obtain
For more information, please contact the Communications team (email@example.com).
It is a requirement that all images carry an 'alt text' - a text description of the content of the image which can be used by screenreaders to describe the content of the image. It must adequately explain what the image shows, and the more detail (within reason) the better - it is insufficient to simply give the title of the image. You can add 'Alt text' to images within the Umbraco Media library.
The Alt Text is used any time the image isn't available, such as when the image fails to load, or is accessed by web crawling bot (to aid SEO), or is encountered by a screen reader.
Here are two examples:
An example 'alt text' for the above image: Aren Karapetyan demonstrating drone flight path planning and control to prospective undergraduates at the Department’s Open Day
An example 'alt text' for the above image: Ultra-high speed cameras and high-resolution numerical simulations reveal the underlying secrets behind the dynamics of splashing.
For more information about providing relevant 'alt text' see the Web Accessibility Initiative website.
Whilst an image can be used to provide an additional way of delivering information to 'sighted' users, it cannot be the only way in which this information is provided. It is insufficient to rely on the user gathering information from an image - for example, you should not put on your site an annotated screenshot of a process, without also providing on the page a text description of how the user completes the process which you are showing. Images should be used to enhance, rather than replace, 'text-based' information.
Videos are a great way to add engaging content to your page, but consider how the information can be made available to all visitors. For compliance: All video providing meaningful content should have either a separate audio track with audio descriptions or a static text alternative.
To make videos even more accessible, here are some suggestions:
For those with hearing difficulties, YouTube videos have captions automatically added though speech recognition. To improve these, see the YouTube instructions.
For people unable to see video, create a script that includes brief descriptions of important visual content, then provide that as a separate description track, either as timed text or recorded narration.
Write a transcript for video and audio so individuals who cannot access the video can access the content.
You do not need to fix the following types of content because they’re exempt from the accessibility regulations:
Even though you might not need to fix these things, it’s better for all users if you can fix any of them to help more disabled people use your website.
Content on this page was adapted from the information on the University Website, provided by the Public Affairs Team, and also from the Understanding accessibility requirements for public sector bodies page on the Government's website.