Fundación FLOR
Accessibility Statement www.flor.org.ar Compliance Status
We firmly believe that the Internet should be available and accessible to everyone, and we are committed to providing a website accessible to the widest possible audience, regardless of circumstances and abilities.
To achieve this, we seek to strictly comply with the Web Content Accessibility Guidelines 2.1 (WCAG 2.1) of the World Wide Web Consortium (W3C) at the AA level. These guidelines explain how to make web content accessible to people with a wide variety of disabilities. Adhering to these guidelines helps us ensure that the website is accessible to all people: people who are blind, people with motor disabilities, visual disabilities, cognitive disabilities, and more.
This website uses various technologies intended 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's user interface and design it according to their personal needs.
Furthermore, the website uses an artificial intelligence-based application that runs in the background and constantly optimizes its accessibility level. This application remediates the website's HTML, adapts its functionality and behavior for screen readers used by blind users and for keyboard functions used by people with motor disabilities.
If you find a malfunction or have ideas for improvement, we would be happy to receive your feedback. You can contact the website operators using the following email info@flor.org.ar.
Navigation with screen reader and keyboard
Our website implements the ARIA (Accessible Rich Internet Applications) technique along with various behavioral changes to ensure that blind users using screen readers can read, understand and enjoy the website's features. As soon as a user with a screen reader enters the site, they are immediately prompted to enter the Screen Reader Profile so they can navigate and operate the site effectively. Here's how our website covers some of the most important requirements for screen readers, along with screenshots of code examples in the console:
Optimized for screen readers: We run a background process that learns website components from top to bottom, ensuring continuous compliance even when updating the site. In this process, we provide screen readers with meaningful data using the ARIA attribute set. For example, we provide accurate labels for forms; descriptions for hover icons (social media icons, search icons, cart icons, etc.); validation guidance for form inputs; roles of elements such as buttons, menus, modal dialogs (pop-ups) and others. Additionally, the background process scans all images on the website and provides an accurate and meaningful description based on image object recognition as an ALT (alternative text) tag for images that are not described. It also extracts text embedded in the image using OCR (optical character recognition) technology. To activate screen reader settings at any time, users only need to press the Alt+1 key combination. Screen reader users also receive automatic prompts to activate screen reader mode as soon as they enter the site.
These settings are supported by all popular screen readers, including JAWS and NVDA.
Keyboard Navigation Optimization: The background process also adjusts the HTML of the website and adds various behaviors using JavaScript code to make the website operable via keyboard. This includes the ability to navigate the website with the Tab and Shift+Tab keys, operate drop-down menus with the arrow keys, close them with Esc, activate buttons and links with the Enter key, navigate between radio elements and checkboxes with the arrow keys, and complete them with the Spacebar or Enter key. Additionally, keyboard users will find quick navigation and skip menus, available at any time by clicking Alt+1 or as the first elements of the site when navigating with the keyboard. The background process also handles triggered popups by moving keyboard focus to them as soon as they appear and preventing focus from moving away from them.
Users can also use shortcuts such as "M" (menus), "H" (headers), "F" (forms), "B" (buttons), and "G" (graphics) to jump to specific elements.
Supported disability profiles on our website Epilepsy Safe Mode: This profile allows people with epilepsy to use the website safely by eliminating the risk of seizures caused by flashing or blinking animations and risky color combinations. Visually Impaired Mode: This mode adjusts the website for the comfort of users with visual impairments such as decreased visual acuity, tunnel vision, cataracts, glaucoma and others. Cognitive Disability Mode: This mode provides different assistance options to help users with cognitive disabilities such as dyslexia, autism, stroke, and others focus more easily on the essential elements of the website. ADHD Friendly Mode: This mode helps users with ADHD and neurodevelopmental disorders read, navigate, and focus on the main elements of the website more easily, significantly reducing distractions. Blind Mode: This mode configures the website to be compatible with screen readers such as JAWS, NVDA, VoiceOver, and TalkBack. A screen reader is software for blind users that is installed on a computer and smartphone, and websites must be compatible with it. Profile of
Keyboard Navigation Profile (People with Motor Disabilities): This profile allows people with motor disabilities to operate the website using the Tab, Shift+Tab, and Enter keys. Users can also use shortcuts such as "M" (menus), "H" (headers), "F" (forms), "B" (buttons), and "G" (graphics) to jump to specific elements.
Additional UI, Layout and Readability Adjustments
Font Settings: Users can increase and decrease its size, change its type, adjust spacing, alignment, line height, and more.
Color Settings: Users can select various color contrast profiles, such as light, dark, inverted and monochrome. Additionally, they can change the color schemes of titles, texts and backgrounds, with more than seven color options.
Animations: People with epilepsy can stop all running animations with one click. Interface-controlled animations include videos, GIFs, and CSS flash transitions.
Content Highlighting: Users can choose to highlight important elements such as links and titles. They can also choose to highlight only focused or hovered elements.
Mute Audio: Users with hearing devices may experience headaches or other problems due to automatic audio playback. This option allows users to instantly mute the entire website.
Cognitive Disorders: We use a search engine linked to Wikipedia and Wiktionary, which allows people with cognitive disorders to decipher meanings of phrases, initials, slang and more.
Additional Features: We provide users with the option to change the color and size of the cursor, use a print mode, enable a virtual keyboard, and many other features.
Compatibility with Browsers and Assistive Technologies
We seek to support the widest possible variety of browsers and assistive technologies, so that our users can choose the tools that best fit their needs, with as few limitations as possible. Therefore, we have worked hard to support all major systems that represent more than 95% of the market, including Google Chrome, Mozilla Firefox, Apple Safari, Opera and Microsoft Edge, JAWS and NVDA (screen readers).
Notes, Comments and Feedback
Despite our best efforts to allow anyone to adjust the website to their needs, there may still be pages or sections that are not fully accessible, are in the process of being made accessible, or lack an adequate technological solution to make them accessible. However, we continue to improve our accessibility, adding, updating and improving options and features, and developing and adopting new technologies. All of this aims to achieve the optimal level of accessibility, following technological advances. For any assistance, do not hesitate to contact info@flor.org.ar.
