This section covers content that does not meet accessibility regulations on the professional web pages (PWPs), which are personal College web pages written by Imperial staff and found under www.imperial.ac.uk/people/ section of the website.

Examples of PWP pages

Last updated: 21 August 2020


Non-text content (images)

  • The profile images on staff profiles have poor automated alternative text that neither describe the contents or purpose of the images.
  • The decorative placeholder images have alternative text. This should be blank so that screen readers ignore them.
  • The search input (#keywords) does not have an associated label tag on the publications page.

Info and relationships

  • Some content in the profile headers and footers may be obscured from assistive technologies due to unidentified container tags in the code.
  • The heading hierarchy is invalid on the profiles, as a heading 2 (h2) has been skipped leaving the page template traversing from the heading 1 (h1) to heading 3 (h3).
  • Accordions on research pages are controlled by pressing an image rather than a link or button.
  • The search input (#keywords) does not have an associated label tag on the publications page.

Use of colour

 The default link styling within the content area of all pages provides no enhancement or visual clue on hover for example underline or bold.

Colour contrast

The following elements do not have sufficient colour contrast between the background and the text:

  • The main profile title (h1)
  • The navigation menu (navbar) at the top of the page
  • The default styling for heading 2 (h2) headings on all pages
  • The section headings in the sidebars (h3) e.g. CONTACT, LOCATION, LINKS, AFFILIATIONS etc.
  •  The buttons on the publications listings for profiles e.g. FILTER and RESET
  • The '...results found' text above the publications search and filter
  • The publication type (publication-type) in the publications list e.g. JOURNAL ARTICLE, BOOK etc.
  • The license disclaimer at the bottom of the publications listing (license)
  • The CITATION heading 2 (h2) and selected format e.g. Bib Tex format in the citation window

Non-text contrast

The visual presentation of the following User Interface Components and Graphical Objects Parts do not have enough colour contrast (3:1) against adjacent colour(s):

  • The controls used to expand and contract the research areas do not meet the contrast requirements for icons at 1.55:1, should be 3:1
  • The button to perform a publication search (#search-submit) and the arrow to proceed to the next or previous page of results (.pagination a.icon) both do not meet contrast requirements for icons.

Resize text

The following issues occur when the browser window is zoomed to 200%:

  • The sidebar headings (h3) do not scale well, causing the text to leave the background and become unreadable.
  •  Some of the text falls outside the footer making part of it unreadable. 
  • The Close button is not visible on the citation window accessed from the publications listings

Reflow (scrolling)

Content can be presented without loss of information or functionality, and without requiring scrolling in two dimensions for:

  • Vertical scrolling content at a width equivalent to 320 CSS pixels;
  • Horizontal scrolling content at a height equivalent to 256 CSS pixels;

Issues 

  • The twitter feed in the sidebar is displayed even when the sidebar section is 'collapsed', this causes it to overlay the footer text making it unreadable.
  •  On the publications page, the layout breaks when the page is loaded on a small or heavily zoomed screen, with the sidebar content appearing above the other text on screen and obscuring it.
  • On the public engagement page, overlapping text in mobile view obscures text and makes it unreadable.

Text spacing

When the changes to the text formatting are made,

  • Line height (line spacing) to at least 1.5 times the font size;
  • Spacing following paragraphs to at least 2 times the font size;
  • Letter spacing (tracking) to at least 0.12 times the font size;
  • Word spacing to at least 0.16 times the font size.

Issues

The following aspects do not meet the guidelines:

  • When the changes to the text formatting are made, as per the guidelines, the location section in the sidebar becomes obscured by its heading.
  • In the citation dialog the button on the publications page, switching to 'RIS format' fails to expand with the text and causes the text to become obscured.
  • The assistant sidebar section on the honours and memberships pages fails in the same way as the location section, causing the heading to obstruct the content.

Navigable

Bypass blocks

Bypass blocks or 'skip-to' links are not implemented on the page template.

Page titles

When interacting with the publications filters or search on the publications page, the page title is lost or overwritten, leaving just the website url to be read out by assistive technology

Focus Order