Accessibility Statement for Vitality Hub

Vitality Hub is committed to ensuring digital accessibility for everyone. We are continually improving the user experience for everyone and applying the relevant accessibility standards. We believe that our website should be accessible to people of all abilities, and we are dedicated to making that a reality.

Our Commitment

Vitality Hub is committed to providing a website that is accessible to the widest possible audience, regardless of technology or ability.

We are actively working to increase the accessibility and usability of our website and in doing so adhere to many available standards and guidelines.

Standards Compliance

This website strives to conform to Level AA of the World Wide Web Consortium (W3C) Web Content Accessibility Guidelines 2.1. These guidelines explain how to make web content more accessible for people with disabilities. Conformance with these guidelines will help make the web more user-friendly for all people.

Measures to Support Accessibility

Vitality Hub takes the following measures to ensure accessibility of the Vitality Hub website:

• Include accessibility throughout our internal policies.
• Integrate accessibility into our development practices.
• Provide continual accessibility training for our staff.

Specific Accessibility Features

Vitality Hub incorporates the following features to enhance accessibility:

• Alternative Text: All images have descriptive alternative text to assist users who are visually impaired.
• Keyboard Navigation: The website is designed to be fully navigable using a keyboard, ensuring accessibility for users who cannot use a mouse.
• ARIA Attributes: We utilize ARIA (Accessible Rich Internet Applications) attributes to provide additional semantic information to assistive technologies. For instance, we use aria-labels to clarify the purpose of buttons and links, and aria-describedby to provide additional context for form fields.
• Consistent Structure: We use clear and consistent heading structures to help users understand the organization of content.
• Color Contrast: We have carefully selected color combinations to ensure sufficient contrast between text and background, improving readability for users with low vision.
• Resizable Text: Users can easily increase or decrease the text size using browser settings without losing content or functionality.
• Forms Accessibility: All form fields are properly labeled, and instructions are provided to assist users in completing forms accurately. Error messages are clear and helpful.
• Video Captions: All video content includes accurate captions to support users who are deaf or hard of hearing.

ARIA Attributes Explained

ARIA attributes play a crucial role in enhancing the accessibility of web content. Here are some examples of how we use ARIA attributes on Vitality Hub:

• aria-label : Provides a concise description for elements like buttons or icons. For example, a search button might have aria-label="Search the Vitality Hub website" .
• aria-describedby : Links an element to a more detailed description. This is useful for complex form fields where additional context is needed. For instance, a "Date of Birth" field might have aria-describedby="date-instructions" , where "date-instructions" is the ID of a paragraph explaining the required date format.
• aria-live : Informs assistive technologies about dynamic content updates. This is particularly useful for displaying real-time information or notifications.
• aria-expanded and aria-controls : Used to indicate whether a collapsible element (like a menu) is expanded or collapsed, and which element it controls.

Here's a table illustrating some ARIA attributes and their usage:

Common ARIA Attributes and Their Usage

Attribute	Description	Example
aria-label	Provides a concise description for an element.	<button aria-label="Close"></button>
aria-describedby	Links an element to a more detailed description.	<input type="text" aria-describedby="help-text"><div id="help-text">Enter your full name.