Skip to content
Rodighiero.Design Rodighiero.Design

Accessibility

How we designed this website so that everyone can use it, what we have tested, what still needs improving and how to report a barrier to us.

This is a translation: if the two versions differ, the Italian statement prevails.

Our commitment

Rodighiero.Design designs buildings, spaces and products with the Design for All approach: a project succeeds when it can be used, understood and enjoyed by as many people as possible, whatever their abilities, age and circumstances.

We apply the same standard to our own website. Accessibility was a requirement from the very first draft, not an afterthought.

Compliance status

The website is designed to meet the Web Content Accessibility Guidelines (WCAG) 2.2 (opens in a new tab) at level AA, the criteria referenced by the European standard EN 301 549.

Status
Partially compliant
Reason
Manual testing with screen readers is under way; one moving element is described under known limitations.
Reference
WCAG 2.2, level AA

We publish this statement voluntarily, following the structure of the AgID template used by Italian public administrations.

Known limitations

  • Client logo carousel. It scrolls automatically without a dedicated pause button (success criterion 2.2.2). It stops when you turn on “Stop animations” in the accessibility preferences, or when reduced motion is set on your device; it can also be moved with a mouse, touchpad, keyboard or touch.
  • Translations. The Italian and English versions are written by the studio. The other languages in the language selector use Google’s machine translation through GTranslate: the translated text may contain inaccuracies, and the Italian text prevails. The service is loaded only when one of these languages is chosen.
  • PDF company profile. The downloadable files reproduce the printed layout and are not PDF documents structured for screen readers. The same text, in English, is available page by page in the viewer on the About us page, in the “Text of these pages” column, which opens alongside the pages.
  • External websites. Links to the websites of clients and partner brands lead to content we are not responsible for.

How the website is designed

  • An orderly heading structure and declared page regions, so that screen reader users can find their way around.
  • Text contrast of at least 4.5:1, checked in both light and dark themes.
  • Full keyboard navigation, with a focus indicator that is always visible and a link to skip to the content.
  • Free zoom up to 400% without loss of content; browser zoom is never blocked.
  • Alternative text written by hand for every project image, describing what can be seen.
  • Respect for device settings: reduced motion and dark theme are applied automatically.
  • Predictable links: pages of this website open in the same tab; external websites open in a new tab, marked with an arrow ↗ and announced by screen readers. If you prefer, you can open everything in the same tab from the preferences.
  • On every page a vertical line on the right shows the length of the page and where you are; the main sections can be reached from there with a click or with the keyboard.
  • Panoramic image strips move more slowly than the page to create depth; the effect is turned off by “Stop animations” or by reduced motion on your device.
  • The company profile opens below the menu, which stays active: the Accessibility panel, the language choice and read aloud work there too. The left and right arrows turn the spread, Home and End go to the first and last, and Esc closes the viewer and returns to the control that opened it; on a phone, you swipe to turn the page. “Text of these pages” opens the text of the spread alongside it, where it can be enlarged, translated and read aloud: reading continues from one spread to the next.
  • In the case studies, every image opens enlarged in a window in the foreground: the arrows or the two buttons at the sides move to the previous or next image, Home and End to the first and last, and Esc closes the window and returns to the image you started from; on a phone, you swipe. Every image has its own description for screen readers; with “Image descriptions” turned on, the description also appears in writing below the image.
  • No automatic correction widget layered over the page: the website is built to be accessible from the source.

Accessibility preferences

The “Accessibility” control in the menu opens a panel with a few adjustments: larger text, text spacing, a highly legible typeface, high contrast, highlighted links, image descriptions, stopping animations, and opening external websites in the same tab. Your choices are saved on this device and can be undone with “Reset”.

From the same panel, “Read aloud” has the page read by your device’s speech synthesis voice, one block at a time: headings, paragraphs, list items and images with their descriptions. A bar at the bottom, showing the name of the section being read, lets you pause and resume reading and move through the page on two levels: each button has its name written below the icon; the outer buttons jump to the previous or next section, the inner ones to the previous or next paragraph, and the central one pauses and resumes. A switch in the top row decides whether image descriptions are read too (off at first, on if “Image descriptions” is active in the panel; your choice is remembered, and captions below photos are always read). After each jump, reading continues from there. The block being read is highlighted and the page follows it, up and down. With focus in the bar, the left and right arrows move by one paragraph, and with Shift by one section. If you pause and scroll the page by hand, reading resumes from what is visible. With the bar open, clicking a paragraph restarts reading from there. The control appears only if your device has a voice in the language of the page; voice quality depends on the operating system. If you already use a screen reader, you will not need this feature.

The same adjustments, turned on in the accessibility settings of your operating system or browser, apply to every website.

Using the website with a keyboard

Every part of the website can be reached and used without a mouse. The commands are the usual ones on the web:

  • Tab and Shift + Tab to move forwards and backwards between links and buttons, in the order they appear; the first is “Skip to content”, which skips the header.
  • Enter to open a link, Enter or Space to press a button.
  • The up and down arrows , Space and the page keys to scroll the page.
  • Esc to close the menu, the Accessibility panel, the language choice and the reading bar.

In a few places the left and right arrows have an extra role. In the opening slideshow, the first control is pause; straight after it, the three images form a single stop, where you move with the arrows (Home and End go to the first and last). While focus is on these controls the slideshow stays still, and it restarts when you move focus elsewhere. The arrows also scroll the client logo strip and, in the read aloud bar, move by one paragraph (with Shift, by one section).

Browser settings

Some browsers, especially on Mac, at first reach only buttons and form fields with Tab and skip links. This is a browser setting, which you change once for every website:

  • Safari on Mac: in Safari, Settings, Advanced, turn on “Press Tab to highlight each item on a webpage”. Alternatively, Option + Tab reaches every element without changing settings.
  • Chrome: in Settings, under Appearance, the option that makes Tab highlight links as well as form fields; it is usually already on.
  • Firefox on Mac: follows the system setting; in System Settings, Keyboard, turn on “Keyboard navigation”.
  • Edge and Firefox on Windows: work as they are, with no settings to change.

Text can be enlarged in every browser with Cmd or Ctrl and +; the website reflows without losing content up to 400%.

How we tested

  • Automated testing with axe-core on desktop and phone screens and in the dark theme: no errors found.
  • Contrast check of every colour on the website.
  • Keyboard navigation and text zoom tests.
  • Still to be completed: tests with the VoiceOver and NVDA screen readers and tests with people with disabilities.

Statement prepared on .

Report a barrier

If any part of the website is not accessible to you, write to us. Every report helps us improve the website for everyone.

If you can, please tell us:

  • the page where you met the problem;
  • what you were trying to do;
  • your device, browser and any assistive technology you use.

We reply within 10 working days.

Write a report or write to info@rodighiero.design

Back to top