-
Notifications
You must be signed in to change notification settings - Fork 2
Expand file tree
/
Copy pathaccessibility-statement.html
More file actions
445 lines (406 loc) · 22.1 KB
/
accessibility-statement.html
File metadata and controls
445 lines (406 loc) · 22.1 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
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Accessibility Statement | Hack23 AB - WCAG 2.1 AA Compliance</title>
<link rel="stylesheet" type="text/css" href="styles.css">
<link rel="canonical" href="https://hack23.com/accessibility-statement.html">
<meta name="description" content="Accessibility statement for Hack23.com. We are committed to WCAG 2.1 Level AA compliance, ensuring our website is accessible to people with disabilities.">
<meta name="keywords" content="accessibility statement, WCAG 2.1, accessibility, Hack23, web accessibility, digital accessibility, accessible website, EU Web Accessibility Directive">
<meta name="robots" content="index, follow">
<meta name="author" content="Hack23 AB">
<!-- Open Graph / Social Media -->
<meta property="og:title" content="Accessibility Statement | Hack23 AB">
<meta property="og:description" content="Our commitment to web accessibility and WCAG 2.1 Level AA compliance.">
<meta property="og:locale" content="en_US">
<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="es_ES">
<meta property="og:locale:alternate" content="fi_FI">
<meta property="og:locale:alternate" content="fr_FR">
<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.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="Accessibility Statement | Hack23 AB">
<meta name="twitter:description" content="Our commitment to web accessibility and WCAG 2.1 Level AA compliance.">
<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.html#webpage",
"url": "https://hack23.com/accessibility-statement.html",
"name": "Accessibility Statement | Hack23 AB",
"description": "Hack23 AB's commitment to web accessibility and WCAG 2.1 Level AA compliance, ensuring our website is accessible to people with disabilities.",
"inLanguage": "en",
"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.html#breadcrumb",
"itemListElement": [
{
"@type": "ListItem",
"position": 1,
"name": "Home",
"item": "https://hack23.com/"
},
{
"@type": "ListItem",
"position": 2,
"name": "Accessibility Statement",
"item": "https://hack23.com/accessibility-statement.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">Skip to main content</a>
<!-- Sticky Navigation Bar -->
<nav class="sticky-nav" role="navigation" aria-label="Main navigation">
<div class="nav-container">
<a href="index.html" class="nav-logo" aria-label="Hack23 AB Home">
<span>Hack23</span>
</a>
<button class="nav-toggle" aria-label="Open navigation menu" aria-expanded="false" aria-controls="nav-menu">
<span></span>
<span></span>
<span></span>
</button>
<ul class="nav-menu" id="nav-menu" aria-label="Navigation menu">
<li><a href="why-hack23.html">Why Hack23</a></li>
<li><a href="services.html">Services</a></li>
<li><a href="projects.html">Products</a></li>
<li><a href="blog.html">Blog</a></li>
<li><a href="cia-triad-faq.html">FAQ</a></li>
<li><a href="index.html#contact" class="btn-nav">Contact</a></li>
</ul>
</div>
</nav>
<!-- Breadcrumb Navigation -->
<nav aria-label="Breadcrumb">
<ol class="breadcrumb">
<li class="breadcrumb-item">
<a href="index.html">Home</a>
</li>
<li class="breadcrumb-item" aria-current="page">
Accessibility Statement
</li>
</ol>
</nav>
<header>
<div class="logo-container">
<img src="cia-icon-140.webp" alt="Hack23 AB Logo" class="logo" width="80" height="80">
</div>
<h1><span aria-hidden="true">♿ </span>Accessibility Statement for Hack23.com</h1>
<p class="subtitle">Our commitment to digital accessibility and WCAG 2.1 Level AA compliance</p>
<div class="app-link">
<a href="index.html">🏠 Home</a>
<a href="blog.html">📖 Security Blog</a>
<a href="https://www.linkedin.com/company/hack23/" class="btn">Contact Us</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 is committed to ensuring digital accessibility for people with disabilities. We continually improve the user experience for everyone and apply relevant accessibility standards.</p>
</section>
<!-- Conformance Status -->
<section id="conformance" aria-labelledby="conformance-heading">
<h2 id="conformance-heading">Conformance Status</h2>
<p>The <a href="https://www.w3.org/WAI/standards-guidelines/wcag/">Web Content Accessibility Guidelines (WCAG)</a> defines requirements for designers and developers to improve accessibility for people with disabilities. It defines three levels of conformance: Level A, Level AA, and Level AAA.</p>
<p><strong>Hack23.com</strong> is <strong>partially conformant</strong> with <strong>WCAG 2.1 Level AA</strong>. Partially conformant means that some parts of the content do not fully conform to the accessibility standard.</p>
<div class="card card-success">
<h3>Accessibility Features</h3>
<p>We have implemented the following accessibility features across our website:</p>
<ul>
<li><strong>Skip to main content</strong> link for keyboard navigation</li>
<li><strong>Semantic HTML5</strong> structure with proper heading hierarchy</li>
<li><strong>ARIA labels</strong> on interactive elements and navigation</li>
<li><strong>High color contrast</strong> ratios meeting WCAG AA standards (4.5:1 for normal text, 3:1 for large text)</li>
<li><strong>Visible focus indicators</strong> for keyboard users</li>
<li><strong>Descriptive alt text</strong> for images</li>
<li><strong>Responsive design</strong> that works across all viewport sizes</li>
<li><strong>Structured data</strong> and breadcrumb navigation</li>
<li><strong>Multiple language support</strong> with proper lang attributes</li>
<li><strong>Mobile-friendly</strong> navigation with accessible menu</li>
</ul>
</div>
</section>
<!-- Technical Specifications -->
<section id="technical" aria-labelledby="technical-heading">
<h2 id="technical-heading">Technical Specifications</h2>
<p>Accessibility of Hack23.com relies on the following technologies to work with your web browser and any assistive technologies or plugins installed on your computer:</p>
<ul>
<li><strong>HTML5</strong> - Semantic markup and document structure</li>
<li><strong>CSS3</strong> - Visual styling with accessibility considerations</li>
<li><strong>WAI-ARIA</strong> - Accessible Rich Internet Applications for enhanced accessibility</li>
<li><strong>JavaScript</strong> - For interactive features (progressive enhancement)</li>
</ul>
<p>These technologies are relied upon for conformance with the accessibility standards used.</p>
</section>
<!-- Assessment Approach -->
<section id="assessment" aria-labelledby="assessment-heading">
<h2 id="assessment-heading">Assessment Approach</h2>
<p>Hack23 AB assessed the accessibility of Hack23.com by the following approaches:</p>
<ul>
<li><strong>Self-evaluation</strong> with automated tools (HTMLHint, Lighthouse, axe DevTools)</li>
<li><strong>Manual testing</strong> of keyboard navigation</li>
<li><strong>Code review</strong> for semantic HTML and ARIA implementation</li>
<li><strong>Color contrast analysis</strong> using WebAIM Contrast Checker</li>
<li><strong>Cross-browser testing</strong> across Chrome, Firefox, Safari, and Edge</li>
</ul>
<div class="card">
<h3>Automated Testing</h3>
<p>We use the following automated tools in our CI/CD pipeline:</p>
<ul>
<li><strong>Lighthouse</strong> accessibility audits on every deployment</li>
<li><strong>HTMLHint</strong> for HTML validation</li>
<li><strong>ZAP Security Scanner</strong> which includes accessibility checks</li>
</ul>
</div>
</section>
<!-- Known Limitations -->
<section id="limitations" aria-labelledby="limitations-heading">
<h2 id="limitations-heading">Known Limitations</h2>
<p>Despite our best efforts to ensure accessibility of Hack23.com, there may be some limitations. Below is a description of known limitations:</p>
<div class="card card-warning">
<h3>Potential Limitations</h3>
<ul>
<li><strong>Third-party content:</strong> External badges and shields (e.g., GitHub badges) may not fully conform to accessibility standards as they are loaded from third-party services.</li>
<li><strong>PDF documents:</strong> Some PDF documents may not be fully accessible. We are working to improve PDF accessibility.</li>
<li><strong>Complex data visualizations:</strong> Some technical diagrams may require alternative text descriptions which we are continuously improving.</li>
</ul>
</div>
</section>
<!-- Feedback -->
<section id="feedback" aria-labelledby="feedback-heading">
<h2 id="feedback-heading">Feedback</h2>
<p>We welcome your feedback on the accessibility of Hack23.com. Please let us know if you encounter any accessibility barriers:</p>
<div class="card card-info">
<h3>Contact Us</h3>
<ul>
<li><strong>Email:</strong> <a href="mailto:info@hack23.com">info@hack23.com</a> (subject: Accessibility Feedback)</li>
<li><strong>LinkedIn:</strong> <a href="https://www.linkedin.com/company/hack23/" rel="noopener noreferrer" target="_blank">Hack23 AB on LinkedIn</a></li>
<li><strong>GitHub:</strong> <a href="https://github.com/Hack23/homepage/issues" rel="noopener noreferrer" target="_blank">Report an accessibility issue</a></li>
</ul>
<p>We try to respond to accessibility feedback within 5 business days.</p>
</div>
</section>
<!-- Compliance with Regulations -->
<section id="compliance" aria-labelledby="compliance-heading">
<h2 id="compliance-heading">Compliance with Regulations</h2>
<p>This accessibility statement applies to <strong>hack23.com</strong> and all its subpages.</p>
<h3>EU Web Accessibility Directive</h3>
<p>While Hack23 AB is a private company and not directly subject to the <a href="https://ec.europa.eu/digital-single-market/en/web-accessibility" rel="noopener noreferrer" target="_blank">EU Web Accessibility Directive</a>, we voluntarily comply with its requirements as part of our commitment to digital accessibility and inclusive design.</p>
<h3>Swedish Accessibility Requirements</h3>
<p>As a Swedish company, we are aware of and strive to comply with Swedish accessibility legislation, including the requirements for digital services outlined in Swedish law.</p>
</section>
<!-- Statement Metadata -->
<section id="statement-info" aria-labelledby="statement-info-heading">
<h2 id="statement-info-heading">Statement Information</h2>
<div class="card">
<ul>
<li><strong>Date of statement:</strong> December 2025</li>
<li><strong>Last updated:</strong> December 2, 2025</li>
<li><strong>Next review:</strong> June 2026</li>
<li><strong>Assessment method:</strong> Self-evaluation</li>
<li><strong>Standard applied:</strong> WCAG 2.1 Level AA</li>
</ul>
</div>
</section>
<!-- Resources -->
<section id="resources" aria-labelledby="resources-heading">
<h2 id="resources-heading">Accessibility Resources</h2>
<p>Learn more about web accessibility:</p>
<ul>
<li><a href="https://www.w3.org/WAI/WCAG21/quickref/" rel="noopener noreferrer" target="_blank">WCAG 2.1 Quick Reference (W3C)</a></li>
<li><a href="https://wave.webaim.org/" rel="noopener noreferrer" target="_blank">WAVE Web Accessibility Tool</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/en-US/docs/Web/Accessibility" rel="noopener noreferrer" target="_blank">MDN Web Docs: Accessibility</a></li>
</ul>
</section>
<!-- Language Versions -->
<section id="languages" aria-labelledby="languages-heading">
<h2 id="languages-heading">Other Language Versions</h2>
<p>This accessibility statement is available in the following languages:</p>
<ul>
<li><a href="accessibility-statement.html" lang="en" aria-current="page">English (current)</a></li>
<li><a href="accessibility-statement_sv.html" lang="sv">Svenska (Swedish)</a></li>
</ul>
</section>
</article>
</main>
<footer role="contentinfo" aria-label="Site footer">
<div class="footer-container">
<!-- Company Info Column -->
<div class="footer-column">
<h2>Hack23 AB</h2>
<p>Cybersecurity Consulting<br>
Gothenburg, Sweden | Remote</p>
<p>Org.nr: 5595347807</p>
<p><a href="https://www.linkedin.com/company/hack23/" rel="noopener noreferrer" target="_blank">LinkedIn Company Page</a></p>
<p><a href="https://www.linkedin.com/in/jamessorling/" rel="noopener noreferrer" target="_blank">CEO: James Pether Sörling</a></p>
</div>
<!-- Services Column -->
<div class="footer-column">
<h3>Services</h3>
<ul>
<li><a href="services.html">Security Consulting</a></li>
<li><a href="services.html">Security Architecture</a></li>
<li><a href="services.html">Cloud Security</a></li>
<li><a href="services.html">DevSecOps Integration</a></li>
<li><a href="services.html">Compliance & ISMS</a></li>
</ul>
</div>
<!-- Products Column -->
<div class="footer-column">
<h3>Products</h3>
<ul>
<li><a href="black-trigram-features.html">Black Trigram</a></li>
<li><a href="cia-features.html">Citizen Intelligence Agency</a></li>
<li><a href="cia-compliance-manager-features.html">CIA Compliance Manager</a></li>
</ul>
</div>
<!-- Resources Column -->
<div class="footer-column">
<h3>Resources</h3>
<ul>
<li><a href="blog.html">Security Blog</a></li>
<li><a href="discordian-cybersecurity.html">🍎 Discordian Blog</a></li>
<li><a href="cia-triad-faq.html">CIA Triad FAQ</a></li>
<li><a href="https://github.com/Hack23/ISMS-PUBLIC" rel="noopener noreferrer" target="_blank">Public ISMS</a></li>
<li><a href="sitemap.html">Sitemap</a></li>
</ul>
</div>
<!-- Company Column -->
<div class="footer-column">
<h3>Company</h3>
<ul>
<li><a href="why-hack23.html">About Hack23</a></li>
<li><a href="https://github.com/Hack23/ISMS-PUBLIC/blob/main/Information_Security_Policy.md" rel="noopener noreferrer" target="_blank">Security Policy</a></li>
<li><a href="SECURITY.md">Report Security Issue</a></li>
<li><a href="https://github.com/Hack23" rel="noopener noreferrer" target="_blank">GitHub Organization</a></li>
<li><a href="accessibility-statement.html">Accessibility</a></li>
</ul>
</div>
</div>
<!-- Footer Bottom Bar -->
<div class="footer-bottom">
<p>© 2008-2026 Hack23 AB. All rights reserved. </p>
<p>
<a href="accessibility-statement.html" lang="en" aria-current="page">English</a> |
<a href="accessibility-statement_sv.html" lang="sv">Svenska</a> |
<a href="accessibility-statement_de.html" lang="de">Deutsch</a> |
<a href="accessibility-statement_fr.html" lang="fr">Français</a> |
<a href="accessibility-statement_es.html" lang="es">Español</a> |
<a href="accessibility-statement_nl.html" lang="nl">Nederlands</a> |
<a href="accessibility-statement_da.html" lang="da">Dansk</a> |
<a href="accessibility-statement_no.html" lang="no">Norsk</a> |
<a href="accessibility-statement_fi.html" lang="fi">Suomi</a> |
<a href="accessibility-statement_ja.html" lang="ja">日本語</a> |
<a href="accessibility-statement_ko.html" lang="ko">한국어</a> |
<a href="accessibility-statement_zh.html" lang="zh">中文</a> |
<a href="accessibility-statement_ar.html" lang="ar">العربية</a> |
<a href="accessibility-statement_he.html" lang="he">עברית</a>
</p>
</div>
</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', 'Open navigation menu');
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 ? 'Close navigation menu' : 'Open navigation menu');
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>