Cups

Accessibility and inclusiveness by fluyda

AN ACCESSIBLE SITE

INTERFACE ADAPTABILITY

We make regulation possible
of user interface, design and reading
facilitated: fonts, colors, animations etc...

READING WITH SCREEN READER

We guarantee a reading of the site by
Screen-Reader for blind users.

ELEVATED WAYS OF NAVIGATION

We make surfing possible at
different disability profiles.

BROWSER COMPATIBILITY

The accessibility interface is supported
on Google Chrome, Mozilla Firefox,
Apple Safari and many others.

Accessibility statement

We strongly believe that the Internet should be available and accessible to everyone, and we are committed to providing a website that is accessible to the widest possible audience, regardless of circumstance and ability. To this end, we aim to adhere as closely as possible to the World Wide Web Consortium's (W3C) Web Content Accessibility Guidelines 2.1 (WCAG 2.1). These guidelines explain how to make web content accessible to people with a wide range of range of disabilities. Compliance with these guidelines helps us ensure that the website is accessible to all people: blind, people with motor disabilities, visually impaired, cognitive disabilities and more.
This website uses various technologies which aim to make it as accessible as possible at all times. We use an accessibility interface that allows people with specific disabilities to adjust the website user interface (UI) and design it according to their personal needs.
Furthermore, the site uses an AI-based application that works in the background and constantly optimizes its level of accessibility. This application corrects the site's HTML, adapts its functionality and behavior for screen-readers used by blind users, and for keyboard functions used by people with motor disabilities.

Our website implements the ARIA (Accessible Rich Internet Applications) attribute technique, as well as various behavioral changes, to ensure that blind users who visit the site through a screen-reader are able to read, understand and fully enjoy of the website functions. As soon as a user with a screen-reader enters the site, he immediately receives a prompt to activate the Profile
Screen-Reader so you can navigate and manage the site effectively. Here's how our website covers some of the most important screen-reader requirements:

1. Optimized for Screen-readers: We run a background process that learns website components from top to bottom, to ensure continued compliance even during updates. During this process, we provide screen readers with meaningful data using the ARIA attribute set. For example, we provide accurate form labels; actionable icon descriptions (social media icons, search icons, cart icons, etc.); validation help for form inputs; roles of elements such as buttons, menus, modal dialogs (popups), and other such elements.
In addition, for images that are not described, the background scanning process analyzes all images on the site and provides an accurate and meaningful ALT (alternative text) tag description based on an object/image recognition method. It also extracts text embedded in the image, using an OCR (optical character recognition) technology. To activate the settings for the screen-reader at any time, users just need to press the keyboard combination 'Alt + 1'. Screen-reader users also get automatic notifications to activate Screen-reader mode as soon as they enter the site. These adjustments are compatible with all popular screen readers, including JAWS and NVDA.

2. Optimizations for keyboard navigation: The background process also modifies and adjusts the HTML of the site, adding various behaviors via Javascript code to make the website operable via the keyboard. This includes the ability to navigate the website using the Tab and Shift + Tab keys, operate drop-downs with the arrow keys, close them with Esc, use activation and link buttons using the Enter key, switch between radio elements and checkboxes using the arrow, and fill them in with the space bar or the Enter key.
In addition, keyboard users will find quick navigation and content-skip menus, available at any time by clicking Alt+1, or as the first site element during keyboard navigation. The background process also handles popups triggered by moving keyboard focus to them as they appear, without allowing focus to drift outside of it.
Users can also use shortcuts such as "M" (menus), "H" (headers), "F" (shapes), "B" (buttons), and "G" (graphics) to get to specific items.

* Profile for Epileptics: This profile allows people with epilepsy to use the website safely, eliminating the risk of episodes resulting from flashing animations and risky color schemes.

* Low Vision Profile: This profile adjusts the website to be accessible to most visual impairments such as impaired vision, peripheral vision problems, cataracts, glaucoma and others.

* Cognitive Disability Profile: This profile provides various assistance features to help users with cognitive disabilities such as autism, dyslexia, CVA, and others, focus on the most important elements in a more fluid and accessible way.

* Attention Deficit (ADHD) Profile: This profile significantly reduces distractions and noise, to help people with ADHD and neurodevelopmental disorders browse, read, and focus on essentials more easily.

* Screen-reader profile: This profile adjusts the website to be compatible with screen readers such as JAWS, NVDA, Voiceover and Talkback. A screen reader is always installed on a blind user's computer, and this site is compatible with this tool.

* Keyboard Navigation Profile (Mobility Impaired): This profile allows people with mobility impairments to navigate the website using the keyboard with the Tab, Shift+Tab and Enter keys. Users can also use shortcuts such as "M" (menus), "H" (headers), "F" (shapes), "B" (buttons), and "G" (graphics) to get to specific items.

1. Font adjustment – ​​users can scale up and down, change font type, adjust spacing, alignment, line height and more.

2. Color Adjustment – ​​users can select various color contrast profiles such as light, dark, invert and monochrome. Additionally, users can interchange color schemes of titles, texts and backgrounds, with over 7 different coloring options.

3. Animations – Users suffering from epilepsy can stop all running animations with a simple click. Interface-controlled animations include flashing videos, GIFs, and CSS transitions.

4. Content emphasis – users can choose to emphasize important elements such as links and titles. They can also choose to highlight only focused or suspended items.

5. Audio muting – Hearing aid users may suffer from headaches or other problems from automatically playing an audio. This option allows users to instantly mute the entire site.

6. Cognitive Impairments - We use a search engine that is linked to Wikipedia and Wiktionary, allowing people with cognitive impairments to search for the meanings of sentences, initials, slang, and others, to more directly understand the text.

7. Other functions – we give users the ability to change the color and size of the cursor, use a print mode, activate a virtual keyboard and many other functions.

We aim to support the widest range of browsers and assistive technologies possible, so that our users can choose the tools that work best for them, with the least possible limitations. We have therefore worked very hard to be able to support all major systems comprising over 95% user market share including Google Chrome, Mozilla Firefox, Apple Safari, Opera and Microsoft Edge, JAWS, and NVDA (screen reader ), both for Windows and for MAC users.

Despite our efforts to allow anyone to adapt the site to their needs, there may still be pages or sections that are not fully accessible, are in the process of becoming accessible, or lack an adequate technological solution to make them accessible. We continuously try to improve our accessibility, by adding, updating and improving its options and features,
and developing and adopting new technologies. All this to achieve the optimal level of accessibility, following technological advances.