Accessibility Report

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