Phone:
+44 340 015 0572 (Monday to Friday, 9:00 AM - 5:00 PM GMT)
Please provide as much detail as possible about the issue you encountered, including the page URL and the assistive technology you were using (if applicable).
Understanding Accessibility Standards
The Web Content Accessibility Guidelines (WCAG) are internationally recognized standards that define how to make web content more accessible to people with disabilities. They are developed by the World Wide Web Consortium (W3C) in cooperation with individuals and organizations around the world.
Compliance with WCAG 2.1 AA means that our website aims to:
Perceivable:
Information and user interface components must be presentable to users in ways they can perceive. This means providing text alternatives for non-text content, captions for media, and content that can be presented in different ways without losing information or structure.
Operable:
User interface components and navigation must be operable. This involves making all functionality available from a keyboard, giving users enough time to read and use content, and avoiding content that could cause seizures.
Understandable:
Information and the operation of the user interface must be understandable. This includes making text content readable and understandable, making web pages appear and operate in predictable ways, and helping users avoid and correct mistakes.
Robust:
Content must be robust enough that it can be interpreted reliably by a wide variety of user agents, including assistive technologies.
We also implement ARIA (Accessible Rich Internet Applications) roles, states, and properties to enhance the accessibility of dynamic web content and advanced user interface controls, ensuring a better experience for users of screen readers and other assistive technologies.
Mastering Keyboard Navigation
Navigating our site with a keyboard is designed to be intuitive. Here’s how you can typically move through the content:
Tab Key:
Moves focus forward through interactive elements (links, buttons, form fields).
Shift + Tab:
Moves focus backward through interactive elements.
Enter Key:
Activates the currently focused element (e.g., clicks a link or button).
Spacebar:
Often used to activate buttons or check/uncheck checkboxes.
Arrow Keys:
Used for navigating within menus, dropdowns, or specific content areas like accordions.
Visual focus indicators are styled to be clear and distinct, ensuring you always know which element is currently active. This is crucial for users who rely solely on keyboard input.
Screen Reader Experience
We use semantic HTML elements like
,
,
,
, and
to provide a clear structure that screen readers can interpret. Important information is conveyed through:
Descriptive link text that indicates the destination or action.
Proper heading structures (
to
) to outline content hierarchy.
ARIA attributes where standard HTML elements may not provide sufficient semantic information for complex components. For example, accordions are managed with
aria-expanded
and
aria-controls
attributes.
Our commitment extends to ensuring that dynamic content updates are announced by screen readers using ARIA live regions, so users are informed of changes without losing context.
Accessible Design and Visuals
Our website employs a clean, minimalist design that prioritizes readability and clarity. The color palette is carefully chosen to meet WCAG 2.1 AA contrast requirements, ensuring that text is legible against its background. We utilize our brand's primary and secondary colors intentionally for accents, such as headings, links, and buttons, while ensuring they do not impede accessibility.
The presence of a dark mode toggle allows users to switch to a theme with reduced brightness, which can be beneficial for users with light sensitivity or in low-light environments. This feature also maintains sufficient contrast ratios.
Images are not merely decorative; they are chosen to complement the content and provide visual context. Each image includes descriptive alt text to convey its meaning to users who cannot see it.
Ensuring adequate contrast for all users.
Seamless Experience Across Devices
Our website is built on a mobile-first, responsive design framework. This means that the layout and content adapt gracefully to various screen sizes and devices, from large desktop monitors to small mobile phones. This adaptive approach ensures a consistent and accessible user experience for everyone, regardless of the device they are using.
Navigation menus collapse elegantly on smaller screens, and content reflows to maintain readability. Interactive elements are appropriately sized for touch targets on mobile devices, further enhancing usability and accessibility.
