Accessibility

Site User Guide

This page aims to guide you in using the site.

This site tries to be accessible to the greatest number, however if you encounter difficulties do not hesitate to let us know on contact@bassin-arcachon.com.

See theintroduction of WAI.

The solution used to produce this site meets the requirements of the RGAA (general accessibility reference for administrations), to reach level AA of the Accessiweb label. This document defines the technical methods of accessibility of online services of the State, local authorities and public establishments that depend on them, to allow “equality of rights and opportunities, participation and citizenship of people with disabilities”.

The editorial manager is aware of this issue and can promote the accessibility of the content he writes.

The Web Accessibility Initiative (WAI) defines web accessibility as:
Web accessibility means that people with disabilities can use the Web. Specifically, that they can perceive, understand, navigate, and interact with the Web, and that they can contribute to the Web. Web accessibility also benefits others, including older people whose abilities change with age.
Web accessibility includes all disabilities that affect access to the web, including visual, hearing, physical, speech, cognitive, and neurological disabilities.

Standards Compliance and Browser Compatibility

This site has been designed to comply with web standards regarding HTML, JavaScript and style sheets (W3C standards). It is therefore not optimized for any particular browser.

This site has been tested with the main browsers on the market, as well as on smartphones and tablets.

Content created or imported by editors may cause display issues. In this case, please report these issues to contact@bassin-arcachon.com.

To meet the display and functionality needs of the current web (aesthetics, mobility, adaptability to different devices), an accessibility tool has been added.

It can be identified by its white “handicap” icon on a black background at the top right of the screen.

The menu displayed when clicked allows you to modify the display with the following tools:

• text size
• black and white
• contrast
• negative
• light background
• underlined links
• more readable fonts

The configuration is stored via a cookie on the user's browser for 30 days. For this, it must be accepted when configuring the data privacy policy (bottom banner when connecting to the site.

Display size

The content texts on this site have a relative font size, i.e. they can be enlarged as needed.

To change the text display size:

• With various browsers: Ctrl + mouse wheel
• Internet Explorer: Go to Display >> Text size and choose.
• Mozilla, Firefox and Google Chrome: Press Ctrl + to zoom in and Ctrl – to zoom out.
• Opera: Press the + or – keys on the numeric keypad. Or go to Display >> Zoom and choose.

Navigation Aids – Skip Links

This menu is placed at the beginning of the page, these links allow, as soon as the page loads, direct access to the part you are looking for without having to browse the entire page.

These links make it easier for people with disabilities, particularly the visually impaired, to access the site: they allow them to go directly to the desired location.

Navigation Aids – ARIA Roles of Document Areas

You can use your technical aid (screen reader, etc.) to move through the pages using roles. These roles help to better structure the document and thus help you in your navigation.

• With NVDA : NVDA + F7
• With Jaws : CTRL + INS + ; (semicolon)

Tab navigation

Press Tab and repeat until you select the desired link, confirm with Enter.

Utilities for the visually impaired

A quick overview of computer accessibility assistance software and its tools and applications (websites among others).

The different types of software

• Screen readers transform the information displayed on the screen (word processing software or web browser for example) to a voice synthesizer or a device such as a Braille display.
• Voice browsers are intended for browsing the Internet, for which they provide graphic rendering (traditional display) and voice reading or for a Braille display.
• Text browsers display web pages in text mode.
• Magnifying glasses and similar aim to enlarge or modify an area of the screen to make it readable by a visually impaired person.

Some software

• Jaws (Job Access With Speech) is a software for the visually impaired, under Windows, published by the company Freedom Scientific. More precisely, it is a screen reader software, which transforms a text displayed on a screen into an oral text or a text in Braille.
  To learn more, visit Jaws (software for the visually impaired).
• NVDA : A free and open source screen reviewer for Microsoft Windows XP, Vista and Seven.
• VoiceOver : To make it easier for people who are blind or have low vision to use a computer, Apple designed VoiceOver, a solution built into every Mac. It's reliable, easy to learn, and fun to use.
• Orca is a free, open source screen reader for Linux that provides access to the graphical user interface through customizable combinations of speech and/or braille.
• InfoVox Desktop is a voice reading software of the Acapela group.
• Windows Magnifying Glass : In Windows, pressing the window key and the letter U simultaneously magnifies part of the screen to a large extent.

Free Software

This site is made with free software.

Free Software is a computer program distributed under a specific license that authorizes and guarantees four freedoms:

• The freedom to run the program, for any purpose;
• The freedom to study how the program works and adapt it to your needs (for this access to the source code is necessary);
• The freedom to redistribute copies - thus helping your neighbor;
• The freedom to improve the program and publish your improvements, for the benefit of the entire community (for this access to the source code is necessary);

Free software is therefore developed by people who come together to do a common job.

• fr.wikipedia.org/wiki/Free_Software

Keyboard navigation for interactive components

The site includes components based on JavaScript technology. Their structure and keyboard behavior comply with international recommendations.

For these components to work predictably and according to the usage instructions we provide below, screen reader users must reach them in form mode, or activate form mode once on them.

Below we list the components present on the site and their use on the keyboard.

Tab system

A tab system is a list of panels that can be activated via links (tabs) that will display content. Only one panel can be visible at a time: when a tab is activated, the others are not visible.

Once the content is made visible, the TAB key allows you to navigate to the content of the selected panel.

When you arrive on a tab system, you are placed on the title of the first tab (by default, it is the first tab of the system which is visible);

If you are using a screen reader:

1. NVDA reports tab, [name], selected tab 1 of X", where "X" is the total number of tabs;
2. Jaws announces "tab [name] selected";
3. VoiceOver announces "Panel 1, selected 1 of X", where "X" is the total number of tabs.
4. The RIGHT and LEFT arrows allow you to navigate from one tab title to another, activating their associated contents;
5. The TAB key allows you to navigate to the displayed panel or one of its components;
6. At this point you can navigate through the content of the active tab, the TAB key allows you to reach the interactive elements of the content;
7. To cycle through the list of tab titles again, tab back until the focus is on the active tab title.
8. Other keyboard interactions (only document if implemented):
9. START takes you to the first panel;
10. END takes you to the last panel;
11. ALT + PAGE DOWN, from a panel, takes you to the next panel;
12. ALT + PAGE UP, from a panel, takes you to the previous panel.

Modal window

A modal window is an element on the page that is placed over the rest of the page, like an alert message. It is not a new window or a new tab. A modal window is contained within the page that is currently being viewed.

If you are using a screen reader, when a modal window opens:

1. NVDA announces "[Name] dialog";
2. Jaws announces “[name] Dialog Box”;
3. VoiceOver announces “[Name] with X items, dialog.”
4. Once a modal window is open, the TAB key allows you to navigate to all elements within the modal window. Navigation is restricted to that window while it is open;
5. To close the window, you can either reach the “Close” button or use the ESC key.

Accordion

An accordion is a title/content pair that follows the consultation model of a tab system. The title allows you to make the related content visible and accessible, and vice versa. Multiple accordions can be present, and they can be opened simultaneously.

Only one panel can be visible at a time: when one tab is activated, the others are not visible.

Once the content is made visible, the TAB key allows you to navigate to the content of the selected panel.

When you reach an accordion or accordion system, you are placed on the title of the first accordion.
If you are using a screen reader, when you reach an accordion:

1. NVDA says "Panel 1, Tab 1 of x";
2. Jaws announces "Tab panel, tab [name], 1 of x";
3. VoiceOver announces “[Name] with X items, tab table.”
4. When you are on an accordion title, the ENTER and ESC keys allow you to expand (or collapse) its contents.
5. Once the content is made visible, the TAB key allows you to reach the interactive elements of the content.
6. From an accordion title:
7. the DOWN and RIGHT keys allow you to reach the following titles of the accordion system;
8. The UP and LEFT keys allow you to reach the previous titles of the accordion system.
9. Other keyboard interactions (only document if implemented):
10. CONTROL + UP goes to the title of the selected accordion;
11. CONTROL + PREVIOUS PAGE, from the contents of a panel, allows you to reach the title of the previous accordion;
12. CONTROL + NEXT PAGE, from the first of a panel, allows you to reach the accordion title;
13. START allows you to reach the first accordion;
14. END allows you to reach the last accordion;

Menu

A menu is a special navigation menu system. Unlike the usual use of the tab key in navigation menus, a rich menu component uses a combination of the arrow keys and the ENTER key.

If you are using a screen reader, when you reach a menu:

1. NVDA reports "[Name] submenu 1 of X", where X is the number of entries in the menu;
2. Jaws announces “Menu bar [name]”;
3. VoiceOver announces “Menu [name] menu command.”
4. The RIGHT key takes you to the following first-level menu entries;
5. The LEFT key takes you to previous first-level menu entries;
6. The UP and DOWN keys allow you to expand the submenu (if it exists) and reach the entries in that submenu;
7. The ENTER key allows you to go directly to the first entry of a submenu (if it exists);
8. The ENTER key allows you to activate links.
9. Other keyboard interactions (only document if implemented):
10. ESC closes the displayed submenu;
11. LETTER, activates the submenu entry that begins with the typed letter;

Autocomplete

Autocomplete is available on some input text fields. The autocomplete component provides you with input suggestions based or not on the characters you type.

If you are using a screen reader, when you reach an edit field:

1. NVDA announces "editable with auto-completion";
2. Jaws announces "[Name] edit type text.";
3. VoiceOver does not implement this component well. It does not indicate that a list of suggestions appears and that you must select one from the list.
4. The UP and DOWN keys allow you to expand the list of choices and navigate through the suggestions. Note that each time you reach the end of the list of suggestions, you return to the input field.
5. The ENTER key allows you to validate the suggestion you are on.

Site organization

Main navigation

The site is structured into 5 sections, each accessible from the main navigation menu:

• Arcachon Bay
• Inspiration
• The bike pool
• Seminars and congresses
• Info

Other navigation systems

• a site map accessible via a link located at the bottom of the page;
• a search engine placed in the menu;
• a breadcrumb trail placed directly under each page header shows you where you are and the path taken to get to the page you are on.

Report a malfunction

If, despite our vigilance, you encounter the slightest accessibility problem on our site, do not hesitate to write to us at contact@bassin-arcachon.com