INFO : renovations are scheduled by the electricity network concessionaire near Montpellier Méditerranée Airport. We invite you to anticipate your arrival. 

Click here for more information.

Accessibility

Discover all the efforts and actions taken to integrate the principles of eco-design and accessibility into the development of the Montpellier-Méditerranée Airport website.

Preamble

The Montpellier-Méditerranée Airport website was developed in compliance with the principles and recommendations in force in terms of digital accessibility and eco-design. The objective sought from the very beginning of this project has always been to guarantee smooth and inclusive navigation for all users, including those with physical, sensory or cognitive limitations. By adopting environmentally friendly practices, this website also ensures that its ecological impact is limited while offering an optimized user experience. Montpellier-Méditerranée Airport is committed to maintaining a high level of accessibility and continually improving its platform to meet the needs of all, with the stated objective of complying with the General Accessibility Improvement Framework (RGAA), version 4.1.

Until an audit has been carried out to formalize compliance with the RGAA framework, this page is not an accessibility statement and is not intended to be used to make one.

This page presents the work carried out to integrate the principles of eco-design and accessibility into the development of the Montpellier-Méditerranée Airport website.

Eco-design

Eco-design aims to minimize the environmental footprint of the website throughout its life cycle. This includes reducing energy consumption, optimizing resources, and minimizing ecological impacts. As its name suggests, eco-design is above all a set of good design practices to create digital services with a reduced environmental footprint. Indeed, it is during the design phase that the biggest levers are found.

As a reminder, ~3.9% of global CO2 emissions are generated by the digital industry, more than aviation (2%). And it is estimated that 6 to 9% of emissions will occur by 2025 if we continue with a significant increase in digital uses.

 

In addition, eco-design brings two main types of gains:

Environmental gain: Reduce the energy consumption of your digital solution and therefore the CO2 emissions generated.

Performance gain: Better ROI and conversion of your digital solution:

  • Fewer features therefore fewer bugs
  • Easier and faster to maintain
  • Optimized for mobile and the end user
  • Faster to display therefore better referenced

Finally, although the biggest levers are during the specification and design phases. Eco-design is transversal throughout the life of the project. Note that agile methods also play a role by allowing these design phases to be adjusted at any time:

  • Design: 60%
  • Specification
  • Design
  • Hosting and site production: 25%
  • Implementation
  • Production
  • Technical: 15%
  • Use
  • Maintenance and end of life

Work done

From the framing phase, at the beginning of the project, the stakeholders worked together on a list of elements, in order to define the scope of the site to be developed. During these collaborative workshops, it was decided to retain only the essential aspects for the proper functioning of the site, always respecting and meeting the expectations of visitors to Montpellier-Méditerranée Airport. This approach resulted in strong positions being taken.

A few concrete examples:

  • No slider on the homepage -> Random loading of optimized images from a limited panel.
  • Removal of the SMS/email alert functionality because it is little used, non-essential, and generates resources.
  • Hosting of documents made available to users (PDF Salon Skip the line and PDF Parking) via a link and not a transmission with each request via a PDF. These documents are sent only once when an order is placed.
  • Use of a single font throughout the site, to avoid multiple loadings for users.
  • The site provides users with the opportunity to learn about new content or services.
  • During the development phase of the website, points of simplification were identified. We can cite the fact of limiting to the strict minimum the API calls that would not have added value for the user, or the caching of the site to streamline the journeys but also to favor a simple, refined, accessible design adapted to the web.

 

Some concrete examples:

  • Optimizing the user journey
  • Avoid non-essential JS/CSS animations
  • Prefer pagination to infinite scrolling
  • Cache frequently used data
  • Keep the most recent versions of the CMS and plugins used up to date
  • Use a relevant page title and meta description
  • Avoid autocomplete in the search, favor a simple search
  • Avoid transferring large amounts of data
  • Provide alternative content (ALT on images)
  • Use lazy loading (loading on the fly) -> Used only on images
  • Merge CSS files common to the entire site
  • Prefer CSS and vector illustrations to images
  • Prefer smaller images
  • Do not resize images on the browser side
  • Optimize, compress and cache images on the server side
  • Limit the use of CMS plugins
  • Videos and sounds are triggered by the user
  • Each search results page can be reached via an address Web
  • The site offers a sitemap file indicating the content to explore
  • The server sends an HTTP 404 code for resources not found
  • Prioritize asynchronous processing for long processing, but above all find solutions to avoid long processing as much as possible
  • Data tables are not replaced by images
  • Choosing an eco-responsible host and optimizing its use as well as implementing good practices

Accessibility

Web accessibility is the set of practices and principles that aim to make websites, online applications, and any other digital content accessible to all users, including people with disabilities. This means that everyone, regardless of their physical, sensory, or cognitive abilities, must be able to perceive, understand, navigate, and interact with the web.

The main aspects of web accessibility are:

Perceivability:

  • Text Alternatives: Providing text alternatives for images, videos, and other non-text content.
  • Sufficient Contrast: Using high-contrast color schemes to make text readable to people with visual impairments.

Usability:

  • Keyboard Navigation: The site should be navigable without a mouse, via keyboard shortcuts
  • Adequate Time: Allowing users enough time to read and use the content

Understandability:

  • Plain Language: Content should be written in simple, clear language. Interfaces should be predictable and easy to understand.
  • Instructions: Forms and other interactions should provide clear instructions and error feedback to guide the user.

Robustness:

  • Compatibility with Assistive Technologies: Content must be compatible with various assistive technologies
  • Compliance with Web Standards: Use clean code, compliant with W3C (World Wide Web Consortium) standards

 

  • The work carried out

From the design phase to the development phase, Montpellier-Méditerranée Airport and its partners have taken into account the notion of accessibility of the website by including as many RGAA notions as possible. These actions are broken down into 8 parts and have been tested on the pages cited in the appendix.

  • Images

All images have alternative text (Image that conveys information necessary for understanding the content with which it is associated) or a relevant detailed description.

  • Texts

Use of a sans serif font to facilitate reading for people with dyslexia in particular.

Sufficient contrast for the text to be readable by people with visual impairments.

Text spacing more comfortable for content.

  • Colors

Information is not given solely by color.

On each page, the contrast between the color of the text and the color of the background is sufficiently high (except in special cases).

The page contains headers, lists, ARIA markers and other semantic elements for the structure of the page.

  • Links

Each link is explicit and visually differentiated from the text.

  • Mandatory elements

Each web page is defined by a document type.

The default language is present and the language code is relevant.

Each web page has a title.

The generated source code is valid according to the specified document type.

The tags must not be used only for presentation purposes.

  • Structuring of information

The information is structured by the use of appropriate titles.

The structure of each page is consistent (header, nav, main, footer).

Each list is correctly structured.

Each citation is correctly indicated.

  • Presentation of information

Style sheets are used to control the presentation of information.

The information and content remain visible without the style sheets activated.

The text remains readable when the size is increased up to 200%.

The information is not given only by the shape, size or position.

The additional contents appearing on hover or focus are controllable by the user.

  • Forms

There are two types of forms on the site. Native Drupal forms that are mainly used for creating/modifying an account or creating an order. The second type of form is integrated via an iframe (Hubspot), these forms meet most of the accessibility criteria:

Each field form has a label that is associated with its field.

The input control is used in a relevant manner.

  • Navigation

Each page has at least two navigation systems (Menu and search engine).

In each set of pages, the navigation menus are always in the same place.

The site map is accessible and relevant.

In all pages, the search engine is reachable in the same way.

The tab order is consistent.

Additional content appearing on hover, when focusing is reached is reachable by keyboard.

The content of the site can be viewed regardless of the orientation of the screen.

Quick access link placed at the beginning of the document allowing direct access to the content of the site.

 

  • Areas for improvement

In order to always go further in the accessibility of the Montpellier-Méditerranée Airport website, and in order to prepare the assessment of compliance with the general accessibility improvement framework (RGAA), version 4., a non-exhaustive list of actions that could be carried out after the site goes online is already underway. 

These future actions would include the following:

  • Each link that redirects to a page outside the site is visually differentiated.
  • Input controls are accompanied by suggestions to facilitate the correction of input errors.
  • Facilitate the automatic filling of fields with user data.
  • The site map is accessible and relevant.
  • Pages that have time limits include mechanisms to adjust these.
  • limits for users who need more time.

 

I already have an account
Don't have an account yet ?
Create account
This item has been added to your cart.
Go to cart