Skip to content Skip to search Skip to footer

Accessibility

Our website's accessibility principles

As Associate Organisation members of International Association of Accessibility Professionals (IAAP), we take our commitment to accessibility seriously. We really want to make sure cyber-duck.co.uk is accessible to as many people as possible. On this page you can find:

  • Details about other available formats
  • How to contact us to make a suggestion or report a problem
  • A breakdown about what we have done so far to make our website accessible, and what else we need to do

  

Getting information in other formats

If you need information in a different format like accessible PDF, large print, easy read, audio recording or braille, you can contact us by: 

  • Email - accessibility@cyber-duck.co.uk
  • Phone - +44 (0) 208 953 0070

If you cannot view the map on our ‘contact us’ page, call or email us for directions.

 

Reporting accessibility problems with this website

Accessibility is an ongoing process, and we’re always striving to learn and improve.

You can report any accessibility issues by emailing us at: accessibility@cyber-duck.co.uk 

 

What we have done to make this website accessible

Text

  • The smallest font size on this website is 14 pixels in height, for image captions.
  • Heading text is legible against the page background, with a contrast ratio of at least 3:1.
  • Body text is legible against the page background, with a contrast ratio of at least 4.5:1.
  • Text is structured with nested headings, presented in a meaningful order, which describe the topic or purpose of the content.
  • Text can be resized without loss of content or functionality.
  • Text in images is purely for decoration, or where crucial, it is also available in normal text.
  • Any unusual or industry-specific words and phrases are explained in simple English.
  • The full form is included wherever shortened forms like abbreviations, initialisms or acronyms are used, for example: Software as a Service (SaaS). 

Links

  • The text of all links is descriptive (or if this isn't practical, we provide alternative text) to make its purpose clear.
  • The first link on every page bypasses the navigation to move straight to the content. This is hidden by default in a standard browser but is accessible in appropriate scenarios.
  • Page addresses (URLs) are readable by humans and are permanent wherever possible.
  • All links and buttons have a keyboard focus indicator which makes them clearly visible.

Images

  • Unless they are just for decoration, images have alternative text (an “alt” attribute) which describes the contents/context of the image. This is shown where images are disabled, or where they are not supported.
  • Content is accessible and understandable with images disabled, or where they are not supported.

Video

Forms

  • All form controls and fields are properly and clearly labelled.
  • All crucial form fields are checked for errors when the form is submitted.
  • Any error found is described to the user in text, along with suggestions for how to correct the error.
  • All forms have a correct focus order so they can be navigated using the Tab key on your keyboard.
  • All forms can be submitted using the Return ↵ or Enter key.

Scripts

  • We use unobtrusive client-side (on your computer rather than on our server) scripts.
  •  This website is fully accessible with Javascript disabled, or where it is not supported.

Visual design

  • This website uses cascading style sheets (CSS) for visual design and layout. 

Mobile

  • This website is accessible from smartphones and tablets.
  • Page layout and content respond to the size of the browser window to make best use of the space available.
  • Buttons and navigation have a minimum height of 36 pixels for ease of use on touch interfaces.
  • The menu (navigation) collapses on smaller devices to save screen space. It can be reopened with the "menu" button in the top left corner of the site. 

  

What we need to improve 

We know some parts of the website are not yet fully accessible, and that we need to work towards improving them. We are aiming to have these issues fixed by the end of October 2022. 

  • PDFs need to be checked
  • Home page banner animation does not work correctly without JavaScript
  • Tabbed interfaces don’t work without JavaScript
  • Heart diagram cannot be opened without JavaScript
  • Footer language widget doesn’t work without JavaScript
  • Footer tab order can be improved

Contact page

  • Optionset can be improved with better ARIA (Accessible Rich Internet Applications) roles
  • Option items should be contained in a list
  • Fields failing, not having accessible names 

Client stories

  • Client Story filters don’t work without JavaScript
  • Filter fields can be improved with better ARIA roles
  • List of results can be improved by removing invisible tab stops
  • Error in use of ARIA attributes on filters first label (Uses ARIA-expanded with no ARIA-controls to match, others should have the ARIA attributes in the button, not the parent container)
  • White text on blue background does not meet contrast requirement

Insights

  • Images don’t have alt text (where the form is at the bottom)
  • Share widget needs ARIA

Resources

  • Heading sequencing order issue (list uses H3 but there’s no H2)

References

Our efforts to make this website accessible were guided by the following resources: