-
Notifications
You must be signed in to change notification settings - Fork 1
Expand file tree
/
Copy pathaccessibility-statement_fr.html
More file actions
377 lines (346 loc) · 20.3 KB
/
accessibility-statement_fr.html
File metadata and controls
377 lines (346 loc) · 20.3 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Déclaration d'accessibilité | Hack23 AB - Conformité WCAG 2.1 AA</title>
<link rel="stylesheet" type="text/css" href="styles.css">
<link rel="canonical" href="https://hack23.com/accessibility-statement_fr.html">
<meta name="description" content="Déclaration d'accessibilité pour Hack23.com. Nous nous engageons à respecter la conformité WCAG 2.1 Level AA pour rendre notre site web accessible aux personnes en situation de handicap.">
<meta name="keywords" content="déclaration d'accessibilité, WCAG 2.1, accessibilité, Hack23, accessibilité web, accessibilité numérique, site web accessible, Directive européenne sur l'accessibilité du web">
<meta name="robots" content="index, follow">
<meta name="author" content="Hack23 AB">
<!-- Open Graph / Social Media -->
<meta property="og:title" content="Déclaration d'accessibilité | Hack23 AB">
<meta property="og:description" content="Notre engagement envers l'accessibilité web et la conformité WCAG 2.1 Level AA.">
<meta property="og:locale" content="fr_FR">
<meta property="og:locale:alternate" content="ar_SA">
<meta property="og:locale:alternate" content="da_DK">
<meta property="og:locale:alternate" content="de_DE">
<meta property="og:locale:alternate" content="en_US">
<meta property="og:locale:alternate" content="es_ES">
<meta property="og:locale:alternate" content="fi_FI">
<meta property="og:locale:alternate" content="he_IL">
<meta property="og:locale:alternate" content="ja_JP">
<meta property="og:locale:alternate" content="ko_KR">
<meta property="og:locale:alternate" content="nl_NL">
<meta property="og:locale:alternate" content="nb_NO">
<meta property="og:locale:alternate" content="sv_SE">
<meta property="og:locale:alternate" content="zh_CN"><meta property="og:type" content="website">
<meta property="og:url" content="https://hack23.com/accessibility-statement_fr.html">
<meta property="og:image" content="cia-icon-140.webp">
<meta property="og:site_name" content="Hack23 AB"><!-- Twitter Card -->
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="Déclaration d'accessibilité | Hack23 AB">
<meta name="twitter:description" content="Notre engagement envers l'accessibilité web et la conformité WCAG 2.1 Level AA.">
<meta name="twitter:image" content="cia-icon-140.webp">
<meta name="twitter:site" content="@hack23ab">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Orbitron:wght@400;500;600;700&family=Share+Tech+Mono&display=swap" rel="stylesheet">
<!-- Schema.org structured data -->
<script type="application/ld+json">{
"@context": "https://schema.org",
"@graph": [
{
"@type": "WebPage",
"@id": "https://hack23.com/accessibility-statement_fr.html#webpage",
"url": "https://hack23.com/accessibility-statement_fr.html",
"name": "Déclaration d'accessibilité | Hack23 AB",
"description": "Engagement de Hack23 AB envers l'accessibilité web et la conformité WCAG 2.1 Level AA pour rendre notre site accessible aux personnes en situation de handicap.",
"inLanguage": "fr",
"isPartOf": {
"@id": "https://hack23.com/#website"
},
"about": {
"@id": "https://hack23.com/#org"
},
"datePublished": "2025-12-02",
"dateModified": "2025-12-02"
},
{
"@type": "BreadcrumbList",
"@id": "https://hack23.com/accessibility-statement_fr.html#breadcrumb",
"itemListElement": [
{
"@type": "ListItem",
"position": 1,
"name": "Accueil",
"item": "https://hack23.com/"
},
{
"@type": "ListItem",
"position": 2,
"name": "Déclaration d'accessibilité",
"item": "https://hack23.com/accessibility-statement_fr.html"
}
]
}
]
}</script>
<link rel="alternate" hreflang="ar" href="https://hack23.com/accessibility-statement_ar.html">
<link rel="alternate" hreflang="ar-SA" href="https://hack23.com/accessibility-statement_ar.html">
<link rel="alternate" hreflang="ar-EG" href="https://hack23.com/accessibility-statement_ar.html">
<link rel="alternate" hreflang="da" href="https://hack23.com/accessibility-statement_da.html">
<link rel="alternate" hreflang="de" href="https://hack23.com/accessibility-statement_de.html">
<link rel="alternate" hreflang="de-DE" href="https://hack23.com/accessibility-statement_de.html">
<link rel="alternate" hreflang="en" href="https://hack23.com/accessibility-statement.html">
<link rel="alternate" hreflang="es" href="https://hack23.com/accessibility-statement_es.html">
<link rel="alternate" hreflang="es-ES" href="https://hack23.com/accessibility-statement_es.html">
<link rel="alternate" hreflang="fi" href="https://hack23.com/accessibility-statement_fi.html">
<link rel="alternate" hreflang="fr" href="https://hack23.com/accessibility-statement_fr.html">
<link rel="alternate" hreflang="fr-FR" href="https://hack23.com/accessibility-statement_fr.html">
<link rel="alternate" hreflang="he" href="https://hack23.com/accessibility-statement_he.html">
<link rel="alternate" hreflang="he-IL" href="https://hack23.com/accessibility-statement_he.html">
<link rel="alternate" hreflang="ja" href="https://hack23.com/accessibility-statement_ja.html">
<link rel="alternate" hreflang="ja-JP" href="https://hack23.com/accessibility-statement_ja.html">
<link rel="alternate" hreflang="ko" href="https://hack23.com/accessibility-statement_ko.html">
<link rel="alternate" hreflang="ko-KR" href="https://hack23.com/accessibility-statement_ko.html">
<link rel="alternate" hreflang="nl" href="https://hack23.com/accessibility-statement_nl.html">
<link rel="alternate" hreflang="nl-NL" href="https://hack23.com/accessibility-statement_nl.html">
<link rel="alternate" hreflang="no" href="https://hack23.com/accessibility-statement_no.html">
<link rel="alternate" hreflang="nb" href="https://hack23.com/accessibility-statement_no.html">
<link rel="alternate" hreflang="sv" href="https://hack23.com/accessibility-statement_sv.html">
<link rel="alternate" hreflang="sv-SE" href="https://hack23.com/accessibility-statement_sv.html">
<link rel="alternate" hreflang="zh" href="https://hack23.com/accessibility-statement_zh.html">
<link rel="alternate" hreflang="zh-CN" href="https://hack23.com/accessibility-statement_zh.html">
<link rel="alternate" hreflang="zh-SG" href="https://hack23.com/accessibility-statement_zh.html">
<link rel="alternate" hreflang="zh-Hans" href="https://hack23.com/accessibility-statement_zh.html">
<link rel="alternate" hreflang="x-default" href="https://hack23.com/accessibility-statement.html">
</head>
<body>
<!-- Skip to Main Content Link for Keyboard Navigation -->
<a href="#main-content" class="skip-link">Aller au contenu principal</a>
<!-- Sticky Navigation Bar -->
<nav class="sticky-nav" role="navigation" aria-label="Navigation principale">
<div class="nav-container">
<a href="index_fr.html" class="nav-logo" aria-label="Hack23 AB Accueil">
<span>Hack23</span>
</a>
<button class="nav-toggle" aria-label="Ouvrir le menu de navigation" aria-expanded="false" aria-controls="nav-menu">
<span></span>
<span></span>
<span></span>
</button>
<ul class="nav-menu" id="nav-menu" aria-label="Menu de navigation">
<li><a href="why-hack23.html" lang="en">Why Hack23</a></li>
<li><a href="services_fr.html">Services</a></li>
<li><a href="projects.html">Produits</a></li>
<li><a href="blog_fr.html">Blog</a></li>
<li><a href="cia-triad-faq_fr.html">FAQ</a></li>
<li><a href="index_fr.html#contact" class="btn-nav">Contact</a></li>
</ul>
</div>
</nav>
<!-- Breadcrumb Navigation -->
<nav aria-label="Fil d'Ariane">
<ol class="breadcrumb">
<li class="breadcrumb-item">
<a href="index_fr.html">Accueil</a>
</li>
<li class="breadcrumb-item" aria-current="page">
Déclaration d'accessibilité
</li>
</ol>
</nav>
<header>
<div class="logo-container">
<img src="cia-icon-140.webp" alt="Logo Hack23 AB" class="logo" width="80" height="80">
</div>
<h1><span aria-hidden="true">♿ </span>Déclaration d'accessibilité pour Hack23.com</h1>
<p class="subtitle">Notre engagement envers l'accessibilité numérique et la conformité WCAG 2.1 Level AA</p>
<div class="app-link">
<a href="index_fr.html">🏠 Accueil</a>
<a href="blog_fr.html">📖 Blog Sécurité</a>
<a href="https://www.linkedin.com/company/hack23/" class="btn">Nous contacter</a>
</div>
</header>
<main id="main-content">
<article>
<section id="intro" aria-labelledby="intro-heading">
<h2 id="intro-heading" class="visually-hidden">Introduction</h2>
<p class="intro">Hack23 AB s'engage à garantir l'accessibilité numérique pour les personnes en situation de handicap. Nous améliorons continuellement l'expérience utilisateur pour tous et appliquons les normes d'accessibilité pertinentes.</p>
</section>
<!-- Conformance Status -->
<section id="conformance" aria-labelledby="conformance-heading">
<h2 id="conformance-heading">État de conformité</h2>
<p>Les <a href="https://www.w3.org/WAI/standards-guidelines/wcag/">Web Content Accessibility Guidelines (WCAG)</a> définissent les exigences pour les concepteurs et les développeurs afin d'améliorer l'accessibilité pour les personnes en situation de handicap. Elles définissent trois niveaux de conformité : Level A, Level AA et Level AAA.</p>
<p><strong>Hack23.com</strong> est <strong>partiellement conforme</strong> avec <strong>WCAG 2.1 Level AA</strong>. Partiellement conforme signifie que certaines parties du contenu ne sont pas entièrement conformes à la norme d'accessibilité.</p>
<div class="card card-success">
<h3>Fonctionnalités d'accessibilité</h3>
<p>Nous avons implémenté les fonctionnalités d'accessibilité suivantes sur notre site web :</p>
<ul>
<li><strong>Lien "Aller au contenu principal"</strong> pour la navigation au clavier</li>
<li><strong>Structure HTML5 sémantique</strong> avec hiérarchie de titres appropriée</li>
<li><strong>Labels ARIA</strong> sur les éléments interactifs et la navigation</li>
<li><strong>Rapports de contraste des couleurs élevés</strong> conformes aux normes WCAG AA (4,5:1 pour le texte normal, 3:1 pour le texte large)</li>
<li><strong>Indicateurs de focus visibles</strong> pour les utilisateurs de clavier</li>
<li><strong>Texte alternatif descriptif</strong> pour les images</li>
<li><strong>Design responsive</strong> fonctionnant sur toutes les tailles de viewport</li>
<li><strong>Données structurées</strong> et navigation par fil d'Ariane</li>
<li><strong>Support multilingue</strong> avec attributs lang appropriés</li>
<li><strong>Navigation mobile-friendly</strong> avec menu accessible</li>
</ul>
</div>
</section>
<!-- Technical Specifications -->
<section id="technical" aria-labelledby="technical-heading">
<h2 id="technical-heading">Spécifications techniques</h2>
<p>L'accessibilité de Hack23.com repose sur les technologies suivantes pour fonctionner avec votre navigateur web et les technologies d'assistance ou plugins installés sur votre ordinateur :</p>
<ul>
<li><strong>HTML5</strong> - Balisage sémantique et structure du document</li>
<li><strong>CSS3</strong> - Styles visuels avec considérations d'accessibilité</li>
<li><strong>WAI-ARIA</strong> - Accessible Rich Internet Applications pour une accessibilité améliorée</li>
<li><strong>JavaScript</strong> - Pour les fonctionnalités interactives (amélioration progressive)</li>
</ul>
<p>Ces technologies sont nécessaires pour la conformité avec les normes d'accessibilité utilisées.</p>
</section>
<!-- Assessment Approach -->
<section id="assessment" aria-labelledby="assessment-heading">
<h2 id="assessment-heading">Approche d'évaluation</h2>
<p>Hack23 AB a évalué l'accessibilité de Hack23.com selon les approches suivantes :</p>
<ul>
<li><strong>Auto-évaluation</strong> avec des outils automatisés (HTMLHint, Lighthouse, axe DevTools)</li>
<li><strong>Tests manuels</strong> de la navigation au clavier</li>
<li><strong>Revue de code</strong> pour le HTML sémantique et l'implémentation ARIA</li>
<li><strong>Analyse du contraste des couleurs</strong> avec WebAIM Contrast Checker</li>
<li><strong>Tests cross-navigateurs</strong> sur Chrome, Firefox, Safari et Edge</li>
</ul>
<div class="card">
<h3>Tests automatisés</h3>
<p>Nous utilisons les outils automatisés suivants dans notre pipeline CI/CD :</p>
<ul>
<li><strong>Lighthouse</strong> audits d'accessibilité à chaque déploiement</li>
<li><strong>HTMLHint</strong> pour la validation HTML</li>
<li><strong>ZAP Security Scanner</strong> qui inclut des vérifications d'accessibilité</li>
</ul>
</div>
</section>
<!-- Known Limitations -->
<section id="limitations" aria-labelledby="limitations-heading">
<h2 id="limitations-heading">Limitations connues</h2>
<p>Malgré nos meilleurs efforts pour garantir l'accessibilité de Hack23.com, certaines limitations peuvent exister. Voici une description des limitations connues :</p>
<div class="card card-warning">
<h3>Limitations potentielles</h3>
<ul>
<li><strong>Contenu tiers :</strong> Les badges et shields externes (par ex. badges GitHub) peuvent ne pas être entièrement conformes aux normes d'accessibilité car ils sont chargés depuis des services tiers.</li>
<li><strong>Documents PDF :</strong> Certains documents PDF peuvent ne pas être entièrement accessibles. Nous travaillons à améliorer l'accessibilité des PDF.</li>
<li><strong>Visualisations de données complexes :</strong> Certains diagrammes techniques peuvent nécessiter des descriptions textuelles alternatives que nous améliorons continuellement.</li>
</ul>
</div>
</section>
<!-- Feedback -->
<section id="feedback" aria-labelledby="feedback-heading">
<h2 id="feedback-heading">Commentaires</h2>
<p>Nous accueillons vos commentaires sur l'accessibilité de Hack23.com. Veuillez nous informer si vous rencontrez des obstacles d'accessibilité :</p>
<div class="card card-info">
<h3>Nous contacter</h3>
<ul>
<li><strong>E-mail :</strong> <a href="mailto:info@hack23.com">info@hack23.com</a> (objet : Commentaires sur l'accessibilité)</li>
<li><strong>LinkedIn :</strong> <a href="https://www.linkedin.com/company/hack23/" rel="noopener noreferrer" target="_blank">Hack23 AB sur LinkedIn</a></li>
<li><strong>GitHub :</strong> <a href="https://github.com/Hack23/homepage/issues" rel="noopener noreferrer" target="_blank">Signaler un problème d'accessibilité</a></li>
</ul>
<p>Nous essayons de répondre aux commentaires sur l'accessibilité dans les 5 jours ouvrables.</p>
</div>
</section>
<!-- Compliance with Regulations -->
<section id="compliance" aria-labelledby="compliance-heading">
<h2 id="compliance-heading">Conformité aux réglementations</h2>
<p>Cette déclaration d'accessibilité s'applique à <strong>hack23.com</strong> et toutes ses sous-pages.</p>
<h3>Directive européenne sur l'accessibilité du web</h3>
<p>Bien que Hack23 AB soit une entreprise privée et non directement soumise à la <a href="https://ec.europa.eu/digital-single-market/en/web-accessibility" rel="noopener noreferrer" target="_blank">Directive européenne sur l'accessibilité du web</a>, nous nous conformons volontairement à ses exigences dans le cadre de notre engagement envers l'accessibilité numérique et le design inclusif.</p>
<h3>Exigences françaises en matière d'accessibilité</h3>
<p>En tant qu'entreprise opérant en France, nous sommes conscients de et nous efforçons de nous conformer à la législation française sur l'accessibilité, y compris les exigences pour les services numériques définies par la loi française.</p>
</section>
<!-- Statement Metadata -->
<section id="statement-info" aria-labelledby="statement-info-heading">
<h2 id="statement-info-heading">Informations sur la déclaration</h2>
<div class="card">
<ul>
<li><strong>Date de la déclaration :</strong> Décembre 2025</li>
<li><strong>Dernière mise à jour :</strong> 2 décembre 2025</li>
<li><strong>Prochaine révision :</strong> Juin 2026</li>
<li><strong>Méthode d'évaluation :</strong> Auto-évaluation</li>
<li><strong>Norme appliquée :</strong> WCAG 2.1 Level AA</li>
</ul>
</div>
</section>
<!-- Resources -->
<section id="resources" aria-labelledby="resources-heading">
<h2 id="resources-heading">Ressources sur l'accessibilité</h2>
<p>En savoir plus sur l'accessibilité web :</p>
<ul>
<li><a href="https://www.w3.org/WAI/WCAG21/quickref/" rel="noopener noreferrer" target="_blank">Référence rapide WCAG 2.1 (W3C)</a></li>
<li><a href="https://wave.webaim.org/" rel="noopener noreferrer" target="_blank">Outil d'accessibilité web WAVE</a></li>
<li><a href="https://www.a11yproject.com/" rel="noopener noreferrer" target="_blank">The A11Y Project</a></li>
<li><a href="https://developer.mozilla.org/fr/docs/Web/Accessibility" rel="noopener noreferrer" target="_blank">MDN Web Docs : Accessibilité</a></li>
</ul>
</section>
<!-- Language Versions -->
<section id="languages" aria-labelledby="languages-heading">
<h2 id="languages-heading">Autres versions linguistiques</h2>
<p>Cette déclaration d'accessibilité est disponible dans les langues suivantes :</p>
<ul>
<li><a href="accessibility-statement.html" lang="en">English</a></li>
<li><a href="accessibility-statement_sv.html" lang="sv">Svenska</a></li>
<li><a href="accessibility-statement_nl.html" lang="nl">Nederlands</a></li>
<li><a href="accessibility-statement_de.html" lang="de">Deutsch</a></li>
<li><a href="accessibility-statement_fr.html" lang="fr" aria-current="page">Français (actuel)</a></li>
<li><a href="accessibility-statement_es.html" lang="es">Español</a></li>
</ul>
</section>
</article>
</main>
<footer>
<p>© 2008-2026 | Hack23 AB (Org.nr 5595347807) |
<a href="https://www.linkedin.com/in/jamessorling/">James Pether Sörling</a> |
<a href="https://www.linkedin.com/company/hack23/">LinkedIn Entreprise</a> |
<a href="https://github.com/Hack23/ISMS-PUBLIC" title="Dépôt ISMS Public">ISMS</a> |
<a href="https://github.com/Hack23/ISMS-PUBLIC/blob/main/Information_Security_Policy.md" title="Politique de sécurité de l'information">Politique de sécurité</a> |
<a href="blog_fr.html" title="Blog Sécurité">Blog</a> |
<a href="discordian-cybersecurity.html">🍎 Blog Discordien</a> |
<a href="sitemap_fr.html">Plan du site</a> |
<a href="accessibility-statement.html" lang="en">Version anglaise</a>
</p>
</footer>
<!-- Navigation script -->
<script>
(function() {
'use strict';
function initNavigation() {
var navToggle = document.querySelector('.nav-toggle');
var navMenu = document.querySelector('.nav-menu');
if (navToggle && navMenu) {
function closeMenu() {
navMenu.classList.remove('open');
navToggle.setAttribute('aria-expanded', 'false');
navToggle.setAttribute('aria-label', 'Ouvrir le menu de navigation');
document.body.style.overflow = '';
}
navToggle.addEventListener('click', function() {
var isOpen = navMenu.classList.toggle('open');
this.setAttribute('aria-expanded', isOpen ? 'true' : 'false');
this.setAttribute('aria-label', isOpen ? 'Fermer le menu de navigation' : 'Ouvrir le menu de navigation');
if (isOpen) {
document.body.style.overflow = 'hidden';
} else {
document.body.style.overflow = '';
}
});
document.addEventListener('keydown', function(e) {
if (e.key === 'Escape' && navMenu.classList.contains('open')) {
closeMenu();
navToggle.focus();
}
});
}
}
if (document.readyState === 'loading') {
document.addEventListener('DOMContentLoaded', initNavigation);
} else {
initNavigation();
}
})();
</script>
</body>
</html>