Accessibility Statement
We have designed our website to be accessible, ensuring an inclusive experience. In the next chapters, you can read our accessibility statement.
Although we are not subject to any legal obligations, we have chosen to improve the accessibility of our website in order to ensure a better experience for everyone, including people with disabilities.
This accessibility statement applies to the website www.ciaocortina.com and was compiled on
The website has been designed to comply with the accessibility standards of WCAG 2.1 Level AA, in accordance with the European Accessibility Act (EU Directive 2019/882, applicable from 2025) and the Legge 4/2004 (Stanca Law) along with its related AGID guidelines.
The website also meets most of the Level AAA criteria of WCAG 2.1, with the exception of the context-sensitive help (criterion 2.4.5), which we consider to be unnecessary due to the nature of the content.
Some icons may be considered hard to see, but those are purely aesthetic and tagged as <aria-hidden="true">,
while the navigation icons are always provided with a descriptive aria-label.
For reports, feedback, or any requests about accessibility edits, you can contact us at info@ciaocortina.com
Compliance has been tested through a careful human analysis and design of the code, supplemented by the automated tools Google PageSpeed Insights, Lighthouse, and the Grok artificial intelligence by xAI.
In the next chapters you can read a list of all the measures we implemented to ensure the website's accessibility.
Keyboard Navigation
- Full keyboard navigation, with highly visible link focus, using colors accessible to users with color blindness and complementary to the site's theme.
- Skip to main content link implemented to simplify keyboard navigation, hidden during traditional navigation for a seamless user experience.
- Use of semantic unordered lists for menus and their various items, specifically
<nav>containing<ul>and<li>. - Long lists of links in the two
<nav>of the website, when they are closed, are not focusable, using<tabindex:-1>and<aria-hidden="true";>to allow better navigation via keyboard and screen readers. - When any
<nav>opens, the focus moves to the first link to allow a seamless tabulation. - When menus are opened or closed, their respective buttons, identified by
aria-controls, toggle theiraria-expandedattribute between"false"and"true"states.
Readability Improvements
- Compatibility with zoom up to 300% on the desktop version (tested on Full HD resolution) and support for minimum resolutions of 320 pixels on mobile devices, ensuring functionality without loss of content. On higher resolution displays, zoom could be even higher.
- Use of REM units for sizing, ensuring optimal adaptation to various resolutions and resizings.
- Font size can be pushed up to 48 pixels of size with no issues. (tested on Full HD resolution)
- Contrast ratios compliant with WCAG 2.1 Level AAA for text and backgrounds, verified with specific tools.
All the texts are at least 7:1, generally higher, and all the icons are more than 3:1.
Some tiny, purely aesthetic icons have lesser contrast, but those are completely irrelevant for the navigation
and are tagged as
<aria-hidden="true">. - In our latest update, we introduced several animations, which can be disabled using the
<prefers-reduced-motion:reduce>setting directly through your operating system or browser preferences.
Compatibility With Screen Readers
- Non-descriptive links are always accompanied by
<title>or<aria-label>attributes, chosen based on best technical practices for each link. - All images are provided with meaningful
<alt>or<title>descriptions or marked with<aria-hidden="true">if decorative. - All the SVG images are provided with
<role="img">and<aria-label>attributes to support assistive technologies. When the icons are decorative, the focus is disabled. High importance icons have atitletag and arearia-labelledby. - Foreign terms are marked with the
lang="it"andlang="lld"attributes for accurate reading by screen readers.
HTML Structure
- We choose a semantic HTML5 structure, using elements such as
<nav>,<header>,<main>,<aside>, and<footer>for a clear content hierarchy. - Compliance with HTML5 standards, validated using the W3C Markup Validator for every page of the website.
- While having JavaScript enabled is important for opening menus, the website remains fully navigable even with scripts disabled. All the code is entirely hand-written, and we don't rely on any external dependencies. We can guarantee that everything's absolutely legit; you can verify by inspecting the page source manually or with the help of any LLM.
- Our JavaScript is written adhering to ES6 standards. After many years of supporting obsolete devices, in our latest update we made the difficult decision to align the site with modern standards. We decided that the benefits outweigh the drawbacks for what is now a negligible percentage of legacy devices.
- While having JavaScript enabled is recommended for opening menus, the site remains reasonably navigable even with scripts disabled. In any case, the code is entirely hand-written and does not depend on any external libraries; we can therefore guarantee it is absolutely legitimate, which can be verified by reading the page's source code or by having it analyzed by an LLM.