Bean & Brew

Accessibility Statement for Bean & Brew

At Bean & Brew, we are committed to ensuring digital accessibility for all users, including those with disabilities. We strive to provide a website that is accessible to the widest possible audience, regardless of technology or ability. We are continuously working to improve the accessibility of our website and to conform to the Web Content Accessibility Guidelines (WCAG) 2.1, level AA.

Our Commitment to Accessibility

We are dedicated to making our website user-friendly for everyone. This includes:

• Providing alternative text for all images and non-text content.
• Ensuring sufficient color contrast between text and background.
• Using semantic HTML to structure our content.
• Making our website navigable by keyboard.
• Providing clear and consistent navigation.
• Offering captions and transcripts for multimedia content where applicable.

Web Content Accessibility Guidelines (WCAG)

Bean & Brew aims to conform to the WCAG 2.1, level AA guidelines. These guidelines explain how to make web content more accessible for people with disabilities. Conformance with these guidelines helps to make the web more user-friendly for everyone.

Specific Accessibility Features

ARIA Attributes

We utilize ARIA (Accessible Rich Internet Applications) attributes to enhance the accessibility of dynamic content and advanced user interface elements. ARIA attributes provide additional information to assistive technologies, such as screen readers, about the role, state, and properties of elements on the page. For example:

• aria-label : Provides a descriptive label for elements that may not have visible text labels.
• aria-describedby : Associates an element with descriptive text, providing additional context.
• aria-expanded : Indicates whether a collapsible element is currently expanded or collapsed.
• aria-hidden : Hides elements from assistive technologies, useful for purely decorative content.

An example usage is on the dark mode toggle button, which utilizes `aria-label` to announce its function to screen readers.

Keyboard Navigation

Our website is designed to be fully navigable using a keyboard. Users can navigate through links, forms, and other interactive elements using the Tab key, and activate elements using the Enter key. We have ensured that focus indicators are clearly visible to help users understand where they are on the page.

For example, pressing the "Tab" key will highlight each link in the navigation bar, allowing users to select their desired page.

Color Contrast

We have carefully selected color combinations to ensure sufficient contrast between text and background colors. This is essential for users with low vision or color blindness. We use tools to verify that our color contrast ratios meet WCAG guidelines.

Our primary color scheme, using earthy browns and light beige, has been tested to ensure readability for a wide range of users.

Alternative Text for Images

All images on our website include descriptive alternative text (alt text). This text provides a textual equivalent of the image for users who are unable to see it. Alt text is also helpful for search engine optimization.

For example, an image of a barista expertly pouring latte art includes the alt text: "A barista skillfully creating a rosetta latte art design in San Francisco cafe."

Adaptive Design

Bean & Brew's website is built using responsive design principles. This means that the website adapts to different screen sizes and devices, providing an optimal viewing experience on desktops, tablets, and mobile phones. This ensures that users can access our content regardless of their device.

Dark Theme

We offer a dark theme option, which users can toggle on or off. This can be beneficial for users who are sensitive to bright light or who prefer a darker color scheme. The dark theme inverts the color palette, providing a high-contrast viewing experience.

Accessibility Table Example

Here is an example table showing the average caffeine content of different brewing methods. The table includes a caption and scope attributes for improved accessibility:

Ongoing Efforts

We are committed to continually improving the accessibility of our website. We regularly review our website and make updates to address any accessibility issues. We also welcome feedback from our users on how we can improve our website's accessibility.

Feedback

If you encounter any accessibility barriers while using our website, please contact us. We value your feedback and will make every effort to address your concerns.

You can reach our accessibility team at accessibility@nulverancooler.com or by calling us at +1 760-745-5689. 2900 Harmony Grove Rd, Escondido, CA 92029, USA. Please ask for Alistair Finch, our Accessibility Officer.