Accessibility Test Report for www.bioch.ox.ac.uk
This website has numerous templates and widgets which present information. Four different page types were selected for testing as follows:
Page templates to be tested
I. This website's home page, https://www.bioch.ox.ac.uk.
II. Two top-level landing pages https://www.bioch.ox.ac.uk/work-with-us and https://www.bioch.ox.ac.uk/our-facilities .
III. Two pages further down the tree, namely https://www.bioch.ox.ac.uk/undergraduate-open-days , https://www.bioch.ox.ac.uk/news
IV. An example news page with an embedded video, https://www.bioch.ox.ac.uk/article/20-year-old-mystery-of-protein-trafficking-revealed-in-first-crystal-structures-of-the-kdel
WCAG 2.1 Criteria and test results
Main criteria 1-4 in Bold:
1 - "Perceivable" - Information and user interface components must be presentable to users in ways they can perceive.
1.1 - Text Alternatives
For images, use the alt attribute
All images on this website have an "alt" attribute. This was checked with a raw database search. Images that are used in a structural way rather than having an illustrative purpose are simply tagged with alt="" which is understood to be recommended practice. There is one page containing a scan of a poster, and the poster contains too much information to be held in an alt tag. In this case, the poster text was appended below the image to make the information accessible.
For audio and video elements, provide text transcripts
This website hosts a small number of silent videos showing structural models. There are links out to an external video provider (youTube). A transcription of the commentary from these videos is in progress.
For user interface elements, use labels
The site is well provisioned with aria-label, aria-flowto and aria-hidden tags to help screen readers.
1.2 - Alternatives for Time-Based Media
This website links out to an external video provider (youTube). Creating a transcription of the commentary from these videos has been added to our accessibility roadmap
1.3 - Adaptable Content
Create content that can be presented in different ways (for example simpler layout) without losing information or structure
The code of this website is structured so that it's still useable when turning off CSS. The site's responsive design relies heavily on CSS, and switching it off does produce some duplication of information which could be improved upon. This issue has been added to our accessibility roadmap
1.4 - Distinguishable
Make it easier for users to see and hear content including separating foreground from background
There are no known contrast errors in this website
Text is easily resizable using the default browser mechanisms without a loss of content or functionality.
2 - "Operable" - User interface components and navigation must be operable.
2.1 - Keyboard Accessible
Make all functionality available from a keyboard
Tab-navigation of drop-down menus and other controls appears to work perfectly on this website
2.2 - Enough Time
Provide users enough time to read and use content
There is no time-sensitive content on the pages of this website
2.3 - Seizures
Do not design content in a way that is known to cause seizures
There is no rapidly flashing content on the pages of this website
2.4 - Navigable
Provide ways to help users navigate, find content, and determine where they are; Provide a link for users to skip to the page's main content
The first link on every page of this website allows users to bypass the navigation and get straight to the main content. The link itself isn't visible when out of focus, but is activated when tab-navigating the website using a keyboard.
3 - "Understandable" - Information and the operation of user interface must be understandable.
3.1 - Readable
Make text content readable and understandable
All pages of this website have language (English) specified in the tag: <html lang="en">.
Provide meanings of unusual words
Explaining the meaning of abbreviations and unusual words and/or use of the dl element to provide a definition list has been added to our accessibility roadmap
3.2 - Predictable
Make Web pages appear and operate in predictable ways
Navigation elements are repeated in a consistent way throughout the website. Changes of context only happen when selected by the user, e.g. links to external sites.
3.3 - Input Assistance
Help users avoid and correct mistakes
Input errors are explained in plain, understandable language. Information input into forms is checked for errors and the user is given the opportunity to correct before submission.
4 - "Robust" - Content must be robust enough that it can be interpreted reliably by a wide variety of user agents, including assistive technologies.
4.1 - Compatible
Maximize compatibility with current and future user agents, including assistive technologies
There are some issues with this website passing HTML validation checks which have been added to our accessibility roadmap.
All start and end tags are complete and there are no duplicate ID attributes