- tourismelpedroso.com
- July 12, 2023
Compliance status
We firmly believe that the Internet should be available and accessible to everyone, and we are committed to providing a website that is accessible to as many people as possible, regardless of their circumstances and abilities.
To achieve this, we aim to adhere as strictly as possible to the World Wide Web Consortium (W3C) Web Content Accessibility Guidelines 2.1 (WCAG 2.1) at level AA. These guidelines explain how to make web content accessible to people with a wide range of disabilities. Adhering to these guidelines helps us ensure that the website is accessible to all people: the blind, people with motor, visual and cognitive impairments, among others.
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 UI (user interface) and design it according to their personal needs.
Additionally, the website uses an AI-based application that runs in the background and constantly optimizes its accessibility level. This application corrects the HTML of the website, adapts its functionality and behavior to the screen readers used by blind users and the keyboard functions used by people with motor disabilities.
If you have found any bugs or have ideas to improve it, we will be happy to let you know. You can contact the website operators via the following email
Screen reader and keyboard navigation
Our website applies the ARIA (Accessible Rich Internet Applications) attribute technique, along with various behavioral changes, to ensure that blind users who visit us with screen readers can read, understand and enjoy the functions of the website. As soon as a user with a screen reader enters your website, they are immediately prompted to enter their screen reader profile so they can navigate and use your website effectively. Here's how our website covers some of the most important requirements for screen readers, along with console screenshots of code examples:
- Optimization for screen readers- We run a background process that learns website components from top to bottom, ensuring continuous compliance even when the website is updated. In this process, we provide screen readers with meaningful data using the ARIA attribute set. For example, we provide accurate labels for forms; actionable icon descriptions (social media icons, search icons, cart icons, etc.); validation guidance for form inputs; functions 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 object recognition as an ALT (alternative text) tag for images that are not described. It will also extract the texts that are embedded in the image, using OCR (optical character recognition) technology. To activate screen reader settings at any time, users simply press the Alt+1 keyboard combination. Screen reader users also receive automatic prompts to activate screen reader mode as soon as they enter the website. 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 so that the website can be operated with the keyboard. This includes the ability to navigate the website with the Tab and Shift+Tab keys, operate dropdowns with the arrow keys, close them with Esc, activate buttons and links with the Enter key, navigate between radio elements and checkboxes with keyboard arrows, and fill them with the space bar or Enter key. In addition, keyboard users will find quick navigation and content skip menus, available at any time by pressing Alt+1, or as the first elements of the site when browsing with the keyboard. The background process also handles triggered popups by moving keyboard focus toward them as soon as they appear, and not allowing focus to wander away from it. Users can also use shortcuts such as "M" (menus), "H » (headers), «F» (forms), «B» (buttons) and «G» (graphics) to jump to specific elements.
Disability profiles on our website
- Epilepsy Safe Mode: This profile allows people with epilepsy to use the website safely, eliminating the risk of seizures caused by flashing or flashing animations and risky color combinations.
- Visually impaired mode: This mode adjusts the website for the comfort of users with visual impairments such as Vision Deterioration, Tunnel Vision, Cataracts, Glaucoma and others.
- Cognitive Disability Mode: This mode offers different assistance options to help users with cognitive disabilities such as dyslexia, autism, CVA and others, focus on the essential elements of the website more easily.
- 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, while 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 computers and smartphones, and websites must be compatible with it.
- Keyboard navigation profile (motor disabled): This profile allows people with mobility disabilities to use the website with 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 Tweaks
- Font settings – Users can increase and decrease its size, change its family (type), adjust spacing, alignment, line height, and much more.
- Color settings: Users can select various color contrast profiles, such as light, dark, inverted, and monochrome. Additionally, users can change the color schemes of titles, texts and backgrounds, with over 7 different coloring options.
- Animations: Epileptic users can stop all running animations with the push of a button. Interface-controlled animations include videos, GIFs, and CSS flashing transitions.
- Highlight content: Users can choose to highlight important elements such as links and titles. They can also choose to highlight only focused or mouseover elements.
- Audio Mute: Users with hearing devices may experience headaches or other problems due to automatic audio playback. This option allows you to silence the entire website instantly.
- 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 functions: We offer users the option to change the color and size of the cursor, use a print mode, activate a virtual keyboard, and many other features.
Browser and assistive technology support
We aim to support the widest array of browsers and assistive technologies as possible, so our users can choose the best fitting tools for them, with as few limitations as possible. Therefore, we have worked very hard to be able to support all major systems that comprise over 95% of the user market share including Google Chrome, Mozilla Firefox, Apple Safari, Opera and Microsoft Edge, JAWS and NVDA (screen readers), both for Windows and for MAC users.
Notes, comments and opinions
Although we do our best to enable anyone to adapt the website to their needs, there may still be pages or sections that are not fully accessible, are in the process of becoming so, or lack an appropriate technological solution to make them accessible. Still, we are continually improving our accessibility, adding, updating and improving its options and features, and developing and adopting new technologies. All this in order to achieve the optimal level of accessibility, following technological advances. If you need help, please contact:
