Read about the approach taken to make the Ogden Trust website accessible to all website visitors.
The Ogden Trust website has been built with accessibility in mind. This means that we want all users, across devices, to be able to access and enjoy our content without technical barriers or limitations.
WAVE Accessibility Checker
This tool flagged up a number of key issues.
- H1-H6 Ordering: Wherever possible on the Ogden Trust website, Heading tags are in order, for example, Heading 1 – Heading 2 – Heading 3 etc. We try to avoid breaking this order.
- HTML Landmarks: We’ve included HTML landmarks in the code where applicable.
- ARIA Labels: For elements that have no pre-defined accessible labels, we have provided various elements on the page with suitable ARIA labels.
- Colour Contrast: Text on the Ogden Trust has been checked to ensure it achieves a high level of colour contrast. Doing this ensures that none of the information on our website will be obfuscated by poor contrast.
- Form Labels: On certain pages on the Ogden Trust website, such as our Resources page, you will find various select dropdown controls. We have clearly labelled these controls so that even after a selection has been made by the user, it is still clear what role or function a select box performs.
- Descriptive Text: Whereever possible, we try to give link text and images descriptive text that tells a user where the link will go or what the image contains. For example, rather than simply have a facebook icon to share the page on facebook, we’ve opted for descriptive text which reads “Share on Facebook”.
Keyboard controlled menu system
The menu system on the Ogden Trust website has been built so that users across devices, including keyboard users and screen readers can easily access top level and second level pages in the menu structure.
The tab key can be used to browse the menu, with clearly defined ‘focus’ states. Menu items which have second level pages inside a dropdown are clearly marked with a down arrow icon, and keyboard users can access the dropdowns by pressing the enter key once to open the dropdown menu, or a second time to close it again.
For screen readers, ARIA states have been added to the menu. For example, when a dropdown menu is triggered, the ‘aria-expanded’ state updates to ‘true’.
When a dropdown is open, users can tab through the second level menu items in the dropdown. Once the last item is reached and the tab key is pressed, the dropdown automatically closes and positions the focus state on the next top level menu item.
Reporting accessibility issues
We are always interested to hear from our users who wish to report ways in which we can improve the accessibility of our website. If you have a suggestion for our website, please contact us by email: firstname.lastname@example.org