Accessibility

Charles Church recognises the importance of providing a website that can be used in a variety of ways which do not depend on a single sense, ability, or technology. Building a website which is usable, desirable and accessible for all user groups, including the disabled, is our ongoing commitment.

Standards Compliance

Level A conformance icon, W3C-WAI Web Content Accessibility Guidelines 1.0

Our site conforms to W3C's Web Content Accessibility Guidelines 1.0, level A.

Below there's a list of critical requirements, which alone cover nearly 40% of highlighted by W3C 

accessibility problems. These have been given extra attention and highest priority during expert evaluation.

  • Provide a text equivalent for every non-text element
  • Ensure that foreground and background colour combinations provide sufficient contrast when viewed by someone having colour deficits or when viewed on a black and white screen
  • Ensure that pages are usable when scripts, applets, or other programmatic objects are turned off or not supported. If this is not possible, provide equivalent information on an alternative accessible page
  • Until user agents allow users to freeze moving content, avoid movement in pages
  • Until user agents allow users to turn off spawned windows, do not cause pop-ups or other windows to appear and do not change the current window without informing the user
  • Divide large blocks of information into more manageable groups where natural and appropriate
  • Clearly identify the target of each link
  • Use the clearest and simplest language appropriate for a site's content

Accessibility Features

Navigation aids

Menu links are grouped and an option to bypass navigation is provided. Link to skip navigation has no visible anchor text, and is provided specifically for people using a screen reader.

Most browsers support jumping to specific links by typing keys defined on the website. The following access keys are available throughout Charles Church site:

  • S - Skip navigation
  • 1 - Home page
  • 3 - Site map
  • 9 - Contact us
  • 0 - Accessibility statement
  • T - Top of the page


Wherever possible, they do not conflict with commonly-used screen reader and browser keyboard shortcuts.

Access keys are selected in different ways in different browsers:

  • Internet Explorer 8, Internet Explorer 7 on Windows:
    hold down the Alt key and the access key, then release them and hit Enter to activate the link.
  • Internet Explorer 6, Internet Explorer 5 on Windows:
    hold down the Alt key and the access key, then press enter
  • Internet Explorer 4 on Windows
    hold Alt and the access key.
  • Internet Explorer 5 and upwards for Mac
    Ctrl and the access key (unfortunately, access keys are not supported in earlier versions).
  • Firefox 2, Firefox 3 Windows
    Shift + Alt and the access key.
  • Firefox - older versions
    Alt and access key.
  • Firefox Mac
    Ctrl and access key.
  • Netscape 6 and upwards for Windows
    Alt and access key (unfortunately, access keys aren't supported in earlier versions of netscape)
  • Mozilla on Windows
    Alt and access key.
  • Opera
    hold the shift key and press escape then realease them. This will bring up a menu of the access keys on the page. Press the desired access key.
  • Safari 2, Safari 3 on Mac
    Ctrl and the access key

Semantic markup

Structured, semantic markup is used to represent document structure. H1 tags are used for main titles, h3 tags for subtitles, and so on.

Cascading style sheets are used for visual layout, and Javascript is used to enhance usability and for decorative purposes, however pages are still fully accessible if these technologies are ignored or unsupported.

Images

Descriptive and meaningful text equivalents are provided for all content images, graphical buttons, symbols and objects. Images are not used to represent text, all headings are styled with the help of CSS and can be resized to suit users needs.

Colours

Website design has been tested against colour contrast to ensure that all information is still clear.

Most of the text is written as grey on white and is perfectly contrasting. Grey on white combination passes colour visibility test successfully:

  • The difference in brightness between the two colours is sufficient. The threshold is 125, and the result of the foreground and background colours is 169.
  • The difference in colour between the two colours is sufficient. The threshold is 500, and the result of the foreground and background colours is 501

Font sizes


Relative units have been used in markup language and CSS, therefore website layout accommodates resizing text even in Internet Explorer for Windows.

Select Options

Add Select Options to your Charles Church home.

Showcase Your Style

Why not share your own photos on Instagram using #charleschurchlife for a chance to win a £100 White Company voucher. Visit our Facebook page for terms and conditions.

#charleschurchlife