{"id":58883,"date":"2024-07-31T09:41:46","date_gmt":"2024-07-31T07:41:46","guid":{"rendered":"https:\/\/dev.bassin-arcachon.com\/?page_id=58883"},"modified":"2024-10-16T15:36:22","modified_gmt":"2024-10-16T13:36:22","slug":"accessibility","status":"publish","type":"page","link":"https:\/\/dev.bassin-arcachon.com\/en\/accessibility\/","title":{"rendered":"Accessibility"},"content":{"rendered":"<section class=\"wp-block-uagb-container uagb-block-a2d8af16 alignwide uagb-is-root-container\">\n<div class=\"wp-block-uagb-container uagb-block-7f3815d4\">\n<h2 class=\"wp-block-heading\">Accessibility Statement<\/h2>\n\n\n\n<p>The Intercommunal Syndicate of Bassin of Arcachon (SIBA) undertakes to make its site accessible in accordance with article 47 of law n\u00b0 2005-102 of February 11, 2005.<br>To this end, in September 2024, SIBA carried out a first rapid compliance audit of its site: bassin-arcachon.com.<br>The rapid audit focused on a limited number of pages (5) and criteria (25 criteria). The result of this rapid audit is therefore not representative of the level of compliance of the site with the 106 criteria of the RGAA. Points for improvement have been identified and corrections are currently being made.<br><br>The SIBA multi-year plan is currently being drafted. You can find the content of the rapid audit carried out here.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Compliance Status<\/h3>\n\n\n\n<p>The audit focused on a sample of 5 pages and on cross-cutting elements: <br>1 \u2013 <a href=\"https:\/\/dev.bassin-arcachon.com\/en\/\" data-type=\"link\" data-id=\"https:\/\/dev.bassin-arcachon.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">The Bassin of Arcachon, a world apart\u00a0<\/a><br>2 \u2013 <a href=\"https:\/\/dev.bassin-arcachon.com\/en\/our-essentials\/\" target=\"_blank\" rel=\"noreferrer noopener\">What to do on the Bassin of Arcachon? The 12 must-sees<\/a>\u00a0<br>3 \u2013 <a href=\"https:\/\/dev.bassin-arcachon.com\/en\/our-essentials\/boat-trips\/\" data-type=\"link\" data-id=\"https:\/\/dev.bassin-arcachon.com\/nos-incontournables\/les-balades-en-bateau\/\" target=\"_blank\" rel=\"noreferrer noopener\">Boat trip in Arcachon: between pinasses, catamarans, sailboats<\/a>\u00a0<br>4 \u2013 <a href=\"https:\/\/dev.bassin-arcachon.com\/en\/blog\/\" target=\"_blank\" rel=\"noreferrer noopener\">Bassin Arcachon blog: all the news from Bassin!<\/a>\u00a0<br>5 \u2013 <a href=\"https:\/\/dev.bassin-arcachon.com\/en\/seminars-congresses\/\" target=\"_blank\" rel=\"noreferrer noopener\">Seminars and Congresses \u2013 Bassin d\u2019arcachon<\/a>\u00a0<br><br>The audit was carried out by the company Oonops.<br><br>The version used to carry out the tests is version 4.1 of the RGAA available at: <a href=\"https:\/\/www.numerique.gouv.fr\/publications\/rgaa-accessibilite\/\" target=\"_blank\" rel=\"noopener\">https:\/\/www.numerique.gouv.fr\/publications\/rgaa-accessibilite\/<\/a>.<br>As this is a deliberately partial audit (5 pages) covering essential criteria (25), the announced compliance result is relatively optimistic and will not be comparable to that of a full audit. Furthermore, it cannot give rise to a declaration of compliance with the RGAA which is established with regard to the 106 criteria, on a representative sample of the site.<br><br>\u2022 The average accessibility rate of the 5 pages audited on the 25 RGAA criteria is 42 %.<br>\u2022 The compliance rate of the 5 audited pages on the 25 criteria is 31 %.<br>\u2022 The site has an overall low level of compliance with digital accessibility.<br> <\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Remedies \u2013 Defender of Rights<\/h3>\n\n\n\n<p>If you notice an accessibility defect preventing you from accessing content or a feature of the site, you report it to us and you are unable to obtain a rapid response from us, you are entitled to send your complaints or a request for referral to the Defender of Rights. Several means are at your disposal:<br>- A\u00a0<a href=\"http:\/\/www.defenseurdesdroits.fr\/contact\" target=\"_blank\" rel=\"noopener\">contact form<\/a>\u00a0;<br>- there\u00a0<a href=\"http:\/\/www.defenseurdesdroits.fr\/office\/\" target=\"_blank\" rel=\"noreferrer noopener\">list of delegate(s) from your region<\/a>\u00a0with their direct contact information;<br>\u2013 a postal address: The Defender of Rights \u2013 7 rue Saint-Florentin \u2013 75409 Paris Cedex 08.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-uagb-container uagb-block-fd2680c1\">\t\t\t\t<div class=\"wp-block-uagb-table-of-contents uagb-toc__align-left uagb-toc__columns-1  uagb-block-61d49b44\"\n\t\t\t\t\tdata-scroll= \"1\"\n\t\t\t\t\tdata-offset= \"200\"\n\t\t\t\t\tstyle=\"\"\n\t\t\t\t>\n\t\t\t\t<div class=\"uagb-toc__wrap\">\n\t\t\t\t\t\t<div class=\"uagb-toc__title\">\n\t\t\t\t\t\t\tTable of contents\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"uagb-toc__list-wrap\">\n\t\t\t\t\t\t<ol class=\"uagb-toc__list\"><li class=\"uagb-toc__list\"><a href=\"#d\u00e9claration-daccessibilit\u00e9\" class=\"uagb-toc-link__trigger\">Accessibility Statement<\/a><ul class=\"uagb-toc__list\"><li class=\"uagb-toc__list\"><a href=\"#\u00e9tat-de-conformit\u00e9\" class=\"uagb-toc-link__trigger\">Compliance Status<\/a><li class=\"uagb-toc__list\"><li class=\"uagb-toc__list\"><a href=\"#voies-de-recours-d\u00e9fenseur-des-droits\" class=\"uagb-toc-link__trigger\">Remedies \u2013 Defender of Rights<\/a><\/li><\/ul><\/li><li class=\"uagb-toc__list\"><a href=\"#guide-dutilisation-du-site\" class=\"uagb-toc-link__trigger\">Site User Guide<\/a><li class=\"uagb-toc__list\"><a href=\"#conformit\u00e9-aux-normes-et-compatibilit\u00e9-avec-les-navigateurs\" class=\"uagb-toc-link__trigger\">Standards Compliance and Browser Compatibility<\/a><ul class=\"uagb-toc__list\"><li class=\"uagb-toc__list\"><a href=\"#taille-daffichage\" class=\"uagb-toc-link__trigger\">Display size<\/a><li class=\"uagb-toc__list\"><li class=\"uagb-toc__list\"><a href=\"#aides-\u00e0-la-navigation-liens-d\u00e9vitement\" class=\"uagb-toc-link__trigger\">Navigation Aids \u2013 Skip Links<\/a><li class=\"uagb-toc__list\"><li class=\"uagb-toc__list\"><a href=\"#aides-\u00e0-la-navigation-r\u00f4lesariades-zones-du-document\" class=\"uagb-toc-link__trigger\">Navigation Aids \u2013 ARIA Roles of Document Areas<\/a><li class=\"uagb-toc__list\"><li class=\"uagb-toc__list\"><a href=\"#navigation-par-tabulation\" class=\"uagb-toc-link__trigger\">Tab navigation<\/a><\/li><\/ul><\/li><\/ul><\/li><li class=\"uagb-toc__list\"><a href=\"#les-utilitaires-pour-d\u00e9ficients-visuels\" class=\"uagb-toc-link__trigger\">Utilities for the visually impaired<\/a><ul class=\"uagb-toc__list\"><li class=\"uagb-toc__list\"><a href=\"#les-diff\u00e9rents-types-de-logiciels\" class=\"uagb-toc-link__trigger\">The different types of software<\/a><li class=\"uagb-toc__list\"><li class=\"uagb-toc__list\"><a href=\"#quelques-logiciels\" class=\"uagb-toc-link__trigger\">Some software<\/a><li class=\"uagb-toc__list\"><li class=\"uagb-toc__list\"><a href=\"#logiciels-libres\" class=\"uagb-toc-link__trigger\">Free Software<\/a><\/li><\/ul><\/li><\/ul><\/li><\/ul><\/li><li class=\"uagb-toc__list\"><a href=\"#navigation-clavier-pour-les-composants-interactifs\" class=\"uagb-toc-link__trigger\">Keyboard navigation for interactive components<\/a><ul class=\"uagb-toc__list\"><li class=\"uagb-toc__list\"><a href=\"#syst\u00e8me-donglets\" class=\"uagb-toc-link__trigger\">Tab system<\/a><li class=\"uagb-toc__list\"><li class=\"uagb-toc__list\"><a href=\"#fen\u00eatre-modale\" class=\"uagb-toc-link__trigger\">Modal window<\/a><li class=\"uagb-toc__list\"><li class=\"uagb-toc__list\"><a href=\"#accord\u00e9on\" class=\"uagb-toc-link__trigger\">Accordion<\/a><li class=\"uagb-toc__list\"><li class=\"uagb-toc__list\"><a href=\"#menu\" class=\"uagb-toc-link__trigger\">Menu<\/a><li class=\"uagb-toc__list\"><li class=\"uagb-toc__list\"><a href=\"#autocompl\u00e9tion\" class=\"uagb-toc-link__trigger\">Autocomplete<\/a><\/li><\/ul><\/li><\/ul><\/li><\/ul><\/li><\/ul><\/li><li class=\"uagb-toc__list\"><a href=\"#organisation-du-site\" class=\"uagb-toc-link__trigger\">Site organization<\/a><ul class=\"uagb-toc__list\"><li class=\"uagb-toc__list\"><a href=\"#navigation-principale\" class=\"uagb-toc-link__trigger\">Main navigation<\/a><li class=\"uagb-toc__list\"><li class=\"uagb-toc__list\"><a href=\"#autres-syst\u00e8mes-de-navigation\" class=\"uagb-toc-link__trigger\">Other navigation systems<\/a><li class=\"uagb-toc__list\"><li class=\"uagb-toc__list\"><a href=\"#signaler-un-dysfonctionnement\" class=\"uagb-toc-link__trigger\">Report a malfunction<\/a><\/ul><\/ul><\/ul><\/ul><\/ul><\/ol>\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n<\/section>\n\n\n\n<section class=\"wp-block-uagb-container uagb-block-516de062 alignwide uagb-is-root-container\">\n<div class=\"wp-block-uagb-container uagb-block-f0b4b790\">\n<h2 class=\"wp-block-heading\">Site User Guide<\/h2>\n\n\n\n<p>This page aims to guide you in using the site.<\/p>\n\n\n\n<p>This site tries to be accessible to the greatest number, however if you encounter difficulties do not hesitate to let us know on <a href=\"\/en\/contact@bassin-arcachon.com\/\">contact@bassin-arcachon.com<\/a>.<\/p>\n\n\n\n<p>See the<a href=\"http:\/\/www.w3.org\/WAI\/intro\/accessibility.php\" target=\"_blank\" rel=\"noreferrer noopener\">introduction of WAI<\/a>.<\/p>\n\n\n\n<p>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 \u201cequality of rights and opportunities, participation and citizenship of people with disabilities\u201d.<\/p>\n\n\n\n<p>The editorial manager is aware of this issue and can promote the accessibility of the content he writes.<\/p>\n\n\n\n<p>The Web Accessibility Initiative (WAI) defines web accessibility as:<br><em>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.<\/em><br><em>Web accessibility includes all disabilities that affect access to the web, including visual, hearing, physical, speech, cognitive, and neurological disabilities.<\/em><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Standards Compliance and Browser Compatibility<\/h2>\n\n\n\n<p>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.<\/p>\n\n\n\n<p>This site has been tested with the main browsers on the market, as well as on smartphones and tablets.<\/p>\n\n\n\n<p>Content created or imported by editors may cause display issues. In this case, please report these issues to <a href=\"mailto:contact@ladunedupilat.com\">contact@bassin-arcachon.com<\/a>.<\/p>\n\n\n\n<p>To meet the display and functionality needs of the current web (aesthetics, mobility, adaptability to different devices), an accessibility tool has been added.<\/p>\n\n\n\n<p>It can be identified by its white \u201chandicap\u201d icon on a black background at the top right of the screen.<\/p>\n\n\n\n<p>The menu displayed when clicked allows you to modify the display with the following tools:<\/p>\n\n\n\n<ul class=\"wp-block-list is-style-tw-checkmark\">\n<li>text size<\/li>\n\n\n\n<li>black and white<\/li>\n\n\n\n<li>contrast<\/li>\n\n\n\n<li>negative<\/li>\n\n\n\n<li>light background<\/li>\n\n\n\n<li>underlined links<\/li>\n\n\n\n<li>more readable fonts<\/li>\n<\/ul>\n\n\n\n<p>The configuration is stored via a cookie on the user&#039;s browser for 30 days. For this, it must be accepted when configuring the data privacy policy (bottom banner when connecting to the site.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Display size<\/h3>\n\n\n\n<p>The content texts on this site have a relative font size, i.e. they can be enlarged as needed.<\/p>\n\n\n\n<p>To change the text display size:<\/p>\n\n\n\n<ul class=\"wp-block-list is-style-tw-checkmark\">\n<li>With various browsers: Ctrl +&nbsp;<strong>mouse wheel<\/strong><\/li>\n\n\n\n<li>Internet Explorer: Go to&nbsp;<strong>Display &gt;&gt; Text size<\/strong>&nbsp;and choose.<\/li>\n\n\n\n<li>Mozilla, Firefox and Google Chrome: Press Ctrl + to zoom in and Ctrl \u2013 to zoom out.<\/li>\n\n\n\n<li>Opera: Press the + or \u2013 keys on the numeric keypad. Or go to&nbsp;<strong>Display &gt;&gt; Zoom<\/strong>&nbsp;and choose.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Navigation Aids \u2013 Skip Links<\/h3>\n\n\n\n<p>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.<\/p>\n\n\n\n<p>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.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Navigation Aids \u2013 ARIA Roles of Document Areas<\/h3>\n\n\n\n<p>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.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>With&nbsp;<a href=\"http:\/\/www.nvda-fr.org\/\" target=\"_blank\" rel=\"noreferrer noopener\">NVDA<\/a>&nbsp;: NVDA + F7<\/li>\n\n\n\n<li>With&nbsp;<a href=\"http:\/\/www.freedomscientific.com\/products\/fs\/jaws-product-page.asp\" target=\"_blank\" rel=\"noreferrer noopener\">Jaws<\/a>&nbsp;: CTRL + INS + ; (semicolon)<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Tab navigation<\/h3>\n\n\n\n<p>Press Tab and repeat until you select the desired link, confirm with Enter.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Utilities for the visually impaired<\/h2>\n\n\n\n<p>A quick overview of computer accessibility assistance software and its tools and applications (websites among others).<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">The different types of software<\/h3>\n\n\n\n<ul class=\"wp-block-list is-style-tw-checkmark\">\n<li><strong>Screen readers<\/strong>&nbsp;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.<\/li>\n\n\n\n<li><strong>Voice browsers&nbsp;<\/strong>are intended for browsing the Internet, for which they provide graphic rendering (traditional display) and voice reading or for a Braille display.<\/li>\n\n\n\n<li><strong>Text browsers<\/strong>&nbsp;display web pages in text mode.<\/li>\n\n\n\n<li><strong>Magnifying glasses and similar<\/strong>&nbsp;aim to enlarge or modify an area of the screen to make it readable by a visually impaired person.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Some software<\/h3>\n\n\n\n<ul class=\"wp-block-list is-style-tw-checkmark\">\n<li><a href=\"http:\/\/www.freedomsci.de\/serv01fra.htm\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Jaws<\/strong><\/a>&nbsp;(<em>Job Access With Speech<\/em>) 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.<br>To learn more, visit&nbsp;<a href=\"http:\/\/fr.wikipedia.org\/wiki\/Jaws_%2528logiciel_pour_d%25C3%25A9ficients_visuels%2529\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Jaws (software for the visually impaired)<\/strong><\/a><strong>.<\/strong><\/li>\n\n\n\n<li><a href=\"http:\/\/nvda-fr.org\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>NVDA<\/strong><\/a>&nbsp;: A free and open source screen reviewer for Microsoft Windows XP, Vista and Seven.<\/li>\n\n\n\n<li><a href=\"http:\/\/www.apple.com\/fr\/accessibility\/voiceover\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>VoiceOver<\/strong><\/a>&nbsp;: 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&#039;s reliable, easy to learn, and fun to use.<\/li>\n\n\n\n<li><a href=\"http:\/\/live.gnome.org\/Orca\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Orca<\/strong><\/a>&nbsp;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.<\/li>\n\n\n\n<li><a href=\"http:\/\/www.acapela-group.com\/demos\/desktop.asp\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>InfoVox Desktop<\/strong><\/a>&nbsp;is a voice reading software of the&nbsp;<a href=\"http:\/\/www.acapela-group.com\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Acapela group<\/strong><\/a>.<\/li>\n\n\n\n<li><strong>Windows Magnifying Glass<\/strong>&nbsp;: In Windows, pressing the window key and the letter U simultaneously magnifies part of the screen to a large extent.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Free Software<\/h3>\n\n\n\n<p>This site is made with free software.<\/p>\n\n\n\n<p>Free Software is a computer program distributed under a specific license that authorizes and guarantees four freedoms:<\/p>\n\n\n\n<ul class=\"wp-block-list is-style-tw-checkmark\">\n<li>The freedom to run the program, for any purpose;<\/li>\n\n\n\n<li>The freedom to study how the program works and adapt it to your needs (for this access to the source code is necessary);<\/li>\n\n\n\n<li>The freedom to redistribute copies - thus helping your neighbor;<\/li>\n\n\n\n<li>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);<\/li>\n<\/ul>\n\n\n\n<p>Free software is therefore developed by people who come together to do a common job.<\/p>\n\n\n\n<ul class=\"wp-block-list is-style-tw-checkmark\">\n<li><a href=\"http:\/\/fr.wikipedia.org\/wiki\/Logiciel_libre\" target=\"_blank\" rel=\"noreferrer noopener\">fr.wikipedia.org\/wiki\/Free_Software<\/a><\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Keyboard navigation for interactive components<\/h2>\n\n\n\n<p>The site includes components based on JavaScript technology. Their structure and keyboard behavior comply with international recommendations.<\/p>\n\n\n\n<p>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.<\/p>\n\n\n\n<p>Below we list the components present on the site and their use on the keyboard.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Tab system<\/h3>\n\n\n\n<p>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.<\/p>\n\n\n\n<p>Once the content is made visible, the TAB key allows you to navigate to the content of the selected panel.<\/p>\n\n\n\n<p>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);<\/p>\n\n\n\n<p>If you are using a screen reader:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>NVDA reports tab, [name], selected tab 1 of X&quot;, where &quot;X&quot; is the total number of tabs;<\/li>\n\n\n\n<li>Jaws announces &quot;tab [name] selected&quot;;<\/li>\n\n\n\n<li>VoiceOver announces &quot;Panel 1, selected 1 of X&quot;, where &quot;X&quot; is the total number of tabs.<\/li>\n\n\n\n<li>The RIGHT and LEFT arrows allow you to navigate from one tab title to another, activating their associated contents;<\/li>\n\n\n\n<li>The TAB key allows you to navigate to the displayed panel or one of its components;<\/li>\n\n\n\n<li>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;<\/li>\n\n\n\n<li>To cycle through the list of tab titles again, tab back until the focus is on the active tab title.<\/li>\n\n\n\n<li>Other keyboard interactions (only document if implemented):<\/li>\n\n\n\n<li>START takes you to the first panel;<\/li>\n\n\n\n<li>END takes you to the last panel;<\/li>\n\n\n\n<li>ALT + PAGE DOWN, from a panel, takes you to the next panel;<\/li>\n\n\n\n<li>ALT + PAGE UP, from a panel, takes you to the previous panel.<\/li>\n<\/ol>\n\n\n\n<h3 class=\"wp-block-heading\">Modal window<\/h3>\n\n\n\n<p>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.<\/p>\n\n\n\n<p>If you are using a screen reader, when a modal window opens:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>NVDA announces &quot;[Name] dialog&quot;;<\/li>\n\n\n\n<li>Jaws announces \u201c[name] Dialog Box\u201d;<\/li>\n\n\n\n<li>VoiceOver announces \u201c[Name] with X items, dialog.\u201d<\/li>\n\n\n\n<li>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;<\/li>\n\n\n\n<li>To close the window, you can either reach the \u201cClose\u201d button or use the ESC key.<\/li>\n<\/ol>\n\n\n\n<h3 class=\"wp-block-heading\">Accordion<\/h3>\n\n\n\n<p>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.<\/p>\n\n\n\n<p>Only one panel can be visible at a time: when one tab is activated, the others are not visible.<\/p>\n\n\n\n<p>Once the content is made visible, the TAB key allows you to navigate to the content of the selected panel.<\/p>\n\n\n\n<p>When you reach an accordion or accordion system, you are placed on the title of the first accordion.<br>If you are using a screen reader, when you reach an accordion:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>NVDA says &quot;Panel 1, Tab 1 of x&quot;;<\/li>\n\n\n\n<li>Jaws announces &quot;Tab panel, tab [name], 1 of x&quot;;<\/li>\n\n\n\n<li>VoiceOver announces \u201c[Name] with X items, tab table.\u201d<\/li>\n\n\n\n<li>When you are on an accordion title, the ENTER and ESC keys allow you to expand (or collapse) its contents.<\/li>\n\n\n\n<li>Once the content is made visible, the TAB key allows you to reach the interactive elements of the content.<\/li>\n\n\n\n<li>From an accordion title:<\/li>\n\n\n\n<li>the DOWN and RIGHT keys allow you to reach the following titles of the accordion system;<\/li>\n\n\n\n<li>The UP and LEFT keys allow you to reach the previous titles of the accordion system.<\/li>\n\n\n\n<li>Other keyboard interactions (only document if implemented):<\/li>\n\n\n\n<li>CONTROL + UP goes to the title of the selected accordion;<\/li>\n\n\n\n<li>CONTROL + PREVIOUS PAGE, from the contents of a panel, allows you to reach the title of the previous accordion;<\/li>\n\n\n\n<li>CONTROL + NEXT PAGE, from the first of a panel, allows you to reach the accordion title;<\/li>\n\n\n\n<li>START allows you to reach the first accordion;<\/li>\n\n\n\n<li>END allows you to reach the last accordion;<\/li>\n<\/ol>\n\n\n\n<h3 class=\"wp-block-heading\">Menu<\/h3>\n\n\n\n<p>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.<\/p>\n\n\n\n<p>If you are using a screen reader, when you reach a menu:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>NVDA reports &quot;[Name] submenu 1 of X&quot;, where X is the number of entries in the menu;<\/li>\n\n\n\n<li>Jaws announces \u201cMenu bar [name]\u201d;<\/li>\n\n\n\n<li>VoiceOver announces \u201cMenu [name] menu command.\u201d<\/li>\n\n\n\n<li>The RIGHT key takes you to the following first-level menu entries;<\/li>\n\n\n\n<li>The LEFT key takes you to previous first-level menu entries;<\/li>\n\n\n\n<li>The UP and DOWN keys allow you to expand the submenu (if it exists) and reach the entries in that submenu;<\/li>\n\n\n\n<li>The ENTER key allows you to go directly to the first entry of a submenu (if it exists);<\/li>\n\n\n\n<li>The ENTER key allows you to activate links.<\/li>\n\n\n\n<li>Other keyboard interactions (only document if implemented):<\/li>\n\n\n\n<li>ESC closes the displayed submenu;<\/li>\n\n\n\n<li>LETTER, activates the submenu entry that begins with the typed letter;<\/li>\n<\/ol>\n\n\n\n<h3 class=\"wp-block-heading\">Autocomplete<\/h3>\n\n\n\n<p>Autocomplete is available on some input text fields. The autocomplete component provides you with input suggestions based or not on the characters you type.<\/p>\n\n\n\n<p>If you are using a screen reader, when you reach an edit field:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>NVDA announces &quot;editable with auto-completion&quot;;<\/li>\n\n\n\n<li>Jaws announces &quot;[Name] edit type text.&quot;;<\/li>\n\n\n\n<li>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.<\/li>\n\n\n\n<li>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.<\/li>\n\n\n\n<li>The ENTER key allows you to validate the suggestion you are on.<\/li>\n<\/ol>\n\n\n\n<h2 class=\"wp-block-heading\">Site organization<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">Main navigation<\/h3>\n\n\n\n<p>The site is structured into 5 sections, each accessible from the main navigation menu:<\/p>\n\n\n\n<ul class=\"wp-block-list is-style-tw-checkmark\">\n<li>Arcachon Bay<\/li>\n\n\n\n<li>Inspiration<\/li>\n\n\n\n<li>The bike pool<\/li>\n\n\n\n<li>Seminars and congresses<\/li>\n\n\n\n<li>Info<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Other navigation systems<\/h3>\n\n\n\n<ul class=\"wp-block-list is-style-tw-checkmark\">\n<li>a site map accessible via a link located at the bottom of the page;<\/li>\n\n\n\n<li>a search engine placed in the menu;<\/li>\n\n\n\n<li>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.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Report a malfunction<\/h3>\n\n\n\n<p>If, despite our vigilance, you encounter the slightest accessibility problem on our site, do not hesitate to write to us at <a href=\"mailto:contact@bassin-arcachon.com\">contact@bassin-arcachon.com<\/a>\u00a0<\/p>\n<\/div>\n<\/section>","protected":false},"excerpt":{"rendered":"<p>Accessibility Statement The Intercommunal Syndicate of Bassin of Arcachon (SIBA) undertakes to make its site accessible in accordance with Article 47 of Law No. 2005-102 of February 11, 2005. To this end, [\u2026]<\/p>","protected":false},"author":300,"featured_media":1576,"parent":0,"menu_order":50,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_uag_custom_page_level_css":"","footnotes":""},"class_list":["post-58883","page","type-page","status-publish","has-post-thumbnail","hentry"],"acf":[],"uagb_featured_image_src":{"full":["https:\/\/dev.bassin-arcachon.com\/wp-content\/uploads\/2017\/04\/header-wifi-light.jpg",1200,612,false],"thumbnail":["https:\/\/dev.bassin-arcachon.com\/wp-content\/uploads\/2017\/04\/header-wifi-light-150x150.jpg",150,150,true],"medium":["https:\/\/dev.bassin-arcachon.com\/wp-content\/uploads\/2017\/04\/header-wifi-light-300x153.jpg",300,153,true],"medium_large":["https:\/\/dev.bassin-arcachon.com\/wp-content\/uploads\/2017\/04\/header-wifi-light-768x392.jpg",768,392,true],"large":["https:\/\/dev.bassin-arcachon.com\/wp-content\/uploads\/2017\/04\/header-wifi-light-1024x522.jpg",1024,522,true],"1536x1536":["https:\/\/dev.bassin-arcachon.com\/wp-content\/uploads\/2017\/04\/header-wifi-light.jpg",1200,612,false],"2048x2048":["https:\/\/dev.bassin-arcachon.com\/wp-content\/uploads\/2017\/04\/header-wifi-light.jpg",1200,612,false],"trp-custom-language-flag":["https:\/\/dev.bassin-arcachon.com\/wp-content\/uploads\/2017\/04\/header-wifi-light-18x9.jpg",18,9,true],"fp-small":["https:\/\/dev.bassin-arcachon.com\/wp-content\/uploads\/2017\/04\/header-wifi-light-640x326.jpg",640,326,true],"fp-large":["https:\/\/dev.bassin-arcachon.com\/wp-content\/uploads\/2017\/04\/header-wifi-light.jpg",1200,612,false],"fp-xlarge":["https:\/\/dev.bassin-arcachon.com\/wp-content\/uploads\/2017\/04\/header-wifi-light.jpg",1200,612,false]},"uagb_author_info":{"display_name":"dfuzionadmin","author_link":"https:\/\/dev.bassin-arcachon.com\/en\/author\/dfuzionadmin\/"},"uagb_comment_info":0,"uagb_excerpt":"D\u00e9claration d&rsquo;accessibilit\u00e9 Le Syndicat Intercommunal du Bassin d\u2019Arcachon (SIBA) s&rsquo;engage \u00e0 rendre son site accessible conform\u00e9ment \u00e0 l&rsquo;article 47 de la loi n\u00b0 2005-102 du 11 f\u00e9vrier 2005.\u00c0 cette fin, [&hellip;]","_links":{"self":[{"href":"https:\/\/dev.bassin-arcachon.com\/en\/wp-json\/wp\/v2\/pages\/58883","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dev.bassin-arcachon.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/dev.bassin-arcachon.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/dev.bassin-arcachon.com\/en\/wp-json\/wp\/v2\/users\/300"}],"replies":[{"embeddable":true,"href":"https:\/\/dev.bassin-arcachon.com\/en\/wp-json\/wp\/v2\/comments?post=58883"}],"version-history":[{"count":1,"href":"https:\/\/dev.bassin-arcachon.com\/en\/wp-json\/wp\/v2\/pages\/58883\/revisions"}],"predecessor-version":[{"id":59204,"href":"https:\/\/dev.bassin-arcachon.com\/en\/wp-json\/wp\/v2\/pages\/58883\/revisions\/59204"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/dev.bassin-arcachon.com\/en\/wp-json\/wp\/v2\/media\/1576"}],"wp:attachment":[{"href":"https:\/\/dev.bassin-arcachon.com\/en\/wp-json\/wp\/v2\/media?parent=58883"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}