Accessibility Statement

Features Implemented

We have implemented the following features to enhance the accessibility of our website:

• Semantic HTML: We use semantic HTML elements to structure our content, making it easier for assistive technologies to understand and navigate. For example, we use <header>, <nav>, <main>, <article>, <aside>, and <footer> elements to define the different sections of our pages.
• ARIA Attributes: We use ARIA (Accessible Rich Internet Applications) attributes to provide additional information about the roles, states, and properties of our user interface elements. This helps assistive technologies to better understand how to interact with our website. For example, we use aria-label, aria-describedby, aria-role, and aria-live attributes to enhance the accessibility of our navigation menus, forms, and dynamic content.
• Keyboard Navigation: Our website is fully navigable using a keyboard. Users can use the Tab key to move between interactive elements, and the Enter key to activate them. We have also implemented skip links to allow users to bypass repetitive navigation and jump directly to the main content of each page.
• Color Contrast: We have carefully chosen color combinations to ensure sufficient contrast between text and background colors. This helps users with low vision to easily read our content. We have tested our color contrast using automated tools and manual reviews to ensure that we meet WCAG 2.1 Level AA contrast requirements.
• Alternative Text for Images: All images on our website have descriptive alternative text (alt text) that accurately describes the content and function of the image. This helps users who are blind or visually impaired to understand the images on our website. Decorative images have null alt text (alt="") to indicate that they do not convey meaningful information.
• Resizable Text: Users can easily increase or decrease the text size on our website using their browser settings. Our website is designed to reflow and adapt to different text sizes without breaking the layout or functionality.
• Form Accessibility: Our forms are designed to be accessible to users with disabilities. We provide clear labels for all form fields, use semantic HTML5 input types, and provide error messages that are easy to understand and correct. We also use ARIA attributes to enhance the accessibility of our forms for users who use screen readers.
• Video and Audio Accessibility: We provide captions and transcripts for all video and audio content on our website. This helps users who are deaf or hard of hearing to access our multimedia content. We also ensure that our video and audio players are keyboard accessible.

Specific Examples of ARIA Attribute Usage

To further illustrate our commitment to ARIA attribute implementation, consider the following examples:

• Navigation Menus: Our navigation menus utilize aria-label to clearly identify the purpose of each menu. For example, the main navigation menu has aria-label="Main Navigation". Menu items use role="menuitem" for proper identification.
• Interactive Elements: Buttons and links often use aria-describedby to provide additional context or instructions. For instance, a "Learn More" link might have aria-describedby="learn-more-description", where the corresponding id="learn-more-description" element contains further details.
• Dynamic Content Updates: Areas of the website that update dynamically without a page reload utilize aria-live="polite" or aria-live="assertive". This ensures that screen reader users are notified when new content is added or changed.