Accessibility

Requirements for Level A

Perceivable

1.1.1 Non-text Content

All non-text content has a text alternative that explains their content.

1.3.1 Info and Relationships

Semantic HTML elements are used throughout, including <header>, <nav>, <main>, etc. The use of semantic HTML allows the presented structure to be determined programmatically.

1.3.2 Meaningful Sequence

Content is arranged in a logical reading order in the HTML source. Navigation precedes main content, each section follows a clear top-to-bottom sequence.

1.4.1 Use of Colour

Information is not conveyed through colour alone. The website has a contrast ration of 8.59:1, checked with the WAVE accessibility tool where it declares contrast is an AA & AAA pass.

Operable

2.1.1 Keyboard

All interactive elements, navigation links, the external UCM link are accessible and operable via keyboard by use of the tab key.

2.1.2 No Keyboard Trap

The focus can move freely throughout each page when navigating using the keyboard.

2.4.1 Bypass Blocks

The navigation menu is marked with aria-label="Main navigation", which allows assistive technologies to skip to or past the navigation section.

2.4.2 Page Titled

Each page has a descriptive <Title> element that identifies each pages content and the site it belongs to.

Readable

3.1.1 Language of Page

All three pages set lang="en" on the html element, identifying the primary language as English.

3.2.1 On Focus

No component auto-navigates or automatically changes focus. The only change is stylistic, when hovering on nvaigation links.

Robust

4.1.1 Parsing

All HTML has been validated using the W3C HTML validator. No duplicate IDs, unclosed elements or invalid nesting are present.

4.1.2 Name, Role, Value

All form elements and interactive components have accessible names. The current page link in the navigation uses aria-current="page".

4.1.3 Status Messages

The map status p on the main page contains aria-live="polite", ensuring screen reader users are notified of text changes - like the fallback error message - without needing to move the focus to that element.

Requirements for Level AA

Perceivable

1.2.4 Captions (Live)

There is no live audio or video on this page. Were there to be live audio or content, an auto-captioning functionality should be implemented to meet this requirement.

1.3.4 Orientation

No CSS locks page orientation.

1.4.3 Contrast (Minimum)

Ratio of 8.59:1 exceeds required 4.5:1

1.4.4 Resize Text

Font sizes in the stylesheet are not set in fixed units, such as px for body text. Nothing prevents text from reflowing when enlarged to 200%.

1.4.5 Images of Text

All text is real HTML, there is no text embedded in Images.

1.4.10 Reflow

Page flows correctly and reflows according to given size.

1.4.11 Non-text Contrast

All UI component borders comply with the 3:1 threshold.

1.4.12 Text Spacing

There is nothing in the CSS that prevents text spacing overrides.

1.4.13 Content on Hover/Focus

The only change on hover is the navigation changing colour to emphasise the user can click it.

Operable

2.4.5 Multiple Ways

There are only the three navigation links at the top provided. This is acceptable due to how small the site is. Were the site to grow, a sitemap should be added; a search function would further improve compliance.

2.4.6 Headings and Labels

The headings and labels all describe their purpose, or topic covered.

2.4.7 Focus Visible

There are no changes to the browser's default focus outlines.

Readable

3.1.2 Language of Parts.

All content is in english, so this does not apply. If there were other language present, a lang attribute override would be applied.

3.2.3 Consistent Navigation

The navigation bar is identical across all three pages, in the same position. The only change is the code to indicate the user's current page.

3.2.4 Consistent Identification

Components that share functionality are labelled consistently. The navigation links use the same text across all pages

Robust

4.1.3. Status Messages

See Level A 4.1.3 above.

Requirements for Level AAA

Perceivable

1.2.6 Sign Languahe (Pre-recorded)

Not applicable as no pre-recorded video is present. If video were added, sign language interpretation would be required to comply with level AAA.

1.4.6 Contrast (Enhanced)

All text to background contrast exceeds the required contrast ratios for Level AAA. Navigation contrast at approximately 10.5:1, hover state at 7.2:1 both exceed threshold. The table header does not meet AAA, however the site is targeted to meet level AA.

1.4.7 Low or No Background Audio

No audio is present. To comply, if audio were added to the site it would not contain background sounds.

1.4.9 Images of Text (No Exception)

See Level AA 1.4.5 above

Operable

2.1.3 Keyboard (No Exception)

All functionality is available by keyboard. No exceptions.

2.2.3 No Timing

No timing elements exist for content included on the page.

2.2.4 Interruptions

There are no automatic updates, alerts, or interruptions triggered by the site.

2.3.3 Animation from Interactions

There are no animations triggered by user interaction. The only change due to user interaction is the navigation hover.

2.4.8

The user's current page is indicated by both the aria-current="page" attribute and the class="active" styling on the navigation link clearly show the user's current location on the sire.

2.4.9 Link Purpose (Link Only)

All link text is self-descriptive, and doesn't rely on surrounding context.

2.4.10 Section Headings

The content is sectioned underneath descriptive headings across each page.

2.5.5 Target Size (Enhanced)

No explicit target sizes are set. To comply with AAA, if the stylesheet is unavailable, all interactive elements would be set to at least 44x44 pixels - this could be achieved by adding minimum height or padding to navigation links in the CSS.

2.5.6 Concurrent Input Mechanisms

There are no restrictions on input mechanisms.

Readable

3.1.3 Unusual Words

This site does not contain any jargon or unusual words. If it did, links should be provided to give a definition or explanation of any unusal phrases used.

3.1.4 Abbreviations

Any abbreviations used are expanded on and this is the provided mechanism for identifying the meaning.

3.1.5 Reading Level

Content is written in plain, accessible English, without needing secondary education level reading skills to understand.

Pronunciation

No words whose meanings depend on the pronunciation are present. If they were, explaining the pronunciation in brackets would comply with this AAA criterion.

3.2.5 Change on Request

No context changes occur except when the user actively clicks a link. The map image loads automatically, but this does not effect page's content.

3.3.5 Help

This does not apply, as there are no forms or complex interactions that would benefit from contextual help. To comply with the requirements if there were form inputs, an explanation beneath each input box should be implemented.

Robust

There are no AAA criteria for the Robust principle in WCAG 2.2.