Logo CNR IBE - 2025
Website Logo Climate Services – CNR IBE

Accessibility Statement

Accessibility Implementation Overview – Climate Services Website

The Climate Services website has been developed with commitment to accessibility, following the guidelines established by the WCAG 2.1 Level AA standard and the Italian AGID accessibility framework. The goal is to ensure that all users — including those navigating via assistive technologies — can perceive, understand, and interact with the site’s content effectively.

This site has been developed and updated with the support of accessibility best practices, including semantic HTML structure, ARIA attributes, keyboard navigation, and proper color contrast.
Accessibility efforts have been continuously implemented with attention to both WCAG 2.1 AA standards and user-centered experience design — with additional care provided by a custom accessibility enhancement script developed ad hoc.

Logos and Header Elements

The site’s logos include descriptive alternative text (alt attributes) that clearly identify the organization and its purpose. Each logo is wrapped in a semantic tag and functions as a clickable link that leads to the homepage or to an external institutional site.

Optional aria-label attributes are included to provide screen reader users with additional contextual clarity. For example:
aria-label="Climate Services – CNR IBE logo, link to homepage"
aria-label="Logo – CNR IBE, go to website external link"

These attributes enhance orientation and assist navigation.

Navigation and Menus

The site’s navigation is built to support keyboard accessibility and screen reader comprehension:

  • All interactive elements are reachable via Tab navigation.
  • :focus-visible

    styling ensures clear focus outlines for users navigating via keyboard, while avoiding visual noise for mouse users.

  • Top-level menu items that serve only as semantic grouping labels are not clickable, and are correctly marked to avoid confusion. This reinforces a clear and meaningful information architecture.

Headings and Semantic Structure

The site uses <H1> one per page to indicate the main topic, supporting both SEO best practices and screen reader navigation. Subheadings are structured using <H2> and <H3> tags, preserving a coherent document outline.
Where necessary, visually hidden <H1> elements are used to provide semantic context without disrupting the graphic layout.

Images and Non-Text Content

All informative images include meaningful alt attributes.
Images used purely for decoration are marked with empty alt (alt=””) to avoid redundancy in screen readers.
This aligns with WCAG requirements for non-text content and ensures clarity for all users.

Video Content and Lightboxes

Videos are presented as standard embedded YouTube players.
This approach ensures native accessibility, allowing users to navigate, play, or pause media content using keyboard or assistive technologies without additional interaction layers.

Additional Accessibility Measures

  • Where possible, landmarks such as <main>, <nav>, and <footer> are used to support screen reader navigation. Additional semantic sections include labeled content blocks to enhance structural clarity.
  • The site layout is largely responsive and designed with adequate color contrast and text size to improve legibility.
  • Animations are limited and do not interfere with focus or readability. Autoplay features are avoided to respect user control.