-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathaccessibility.html
More file actions
400 lines (345 loc) · 16.2 KB
/
accessibility.html
File metadata and controls
400 lines (345 loc) · 16.2 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<!-- Meta Pixel Code -->
<script>
!function(f,b,e,v,n,t,s)
{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments)};
if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];
s.parentNode.insertBefore(t,s)}(window, document,'script',
'https://connect.facebook.net/en_US/fbevents.js');
fbq('init', '2151051148977788');
fbq('track', 'PageView');
</script>
<noscript><img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?id=2151051148977788&ev=PageView&noscript=1"
/></noscript>
<!-- End Meta Pixel Code -->
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Accessibility Statement - SMPLTSK</title>
<meta name="description" content="SMPLTSK Accessibility Statement - Our commitment to digital accessibility">
<style>
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap');
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
:root {
--app-blue: #3B5FE5;
--app-red: #EE4B4B;
--app-green: #4FD14A;
--white: #ffffff;
--light-bg: #fafbfc;
--text-dark: #0f172a;
--text-gray: #475569;
--border-color: #e2e8f0;
}
body {
font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
background: var(--light-bg);
color: var(--text-dark);
line-height: 1.8;
}
nav {
background: var(--white);
border-bottom: 1px solid var(--border-color);
padding: 1rem 0;
position: sticky;
top: 0;
z-index: 100;
}
.nav-container {
max-width: 1400px;
margin: 0 auto;
padding: 0 2rem;
display: flex;
justify-content: space-between;
align-items: center;
}
.logo {
display: flex;
align-items: center;
gap: 0.75rem;
font-size: 1.5rem;
font-weight: 800;
text-decoration: none;
color: var(--text-dark);
}
.logo-icon {
width: 40px;
height: 40px;
}
.nav-links {
display: flex;
gap: 2rem;
align-items: center;
}
.nav-links a {
color: var(--text-gray);
text-decoration: none;
font-weight: 500;
transition: color 0.3s;
}
.nav-links a:hover {
color: var(--app-blue);
}
.container {
max-width: 900px;
margin: 0 auto;
padding: 3rem 2rem;
}
.header {
text-align: center;
margin-bottom: 3rem;
padding-bottom: 2rem;
border-bottom: 2px solid var(--border-color);
}
h1 {
font-size: 2.5rem;
font-weight: 800;
color: var(--text-dark);
margin-bottom: 1rem;
}
.last-updated {
color: var(--text-gray);
font-size: 0.95rem;
}
h2 {
font-size: 1.75rem;
font-weight: 700;
color: var(--text-dark);
margin-top: 2.5rem;
margin-bottom: 1rem;
}
h3 {
font-size: 1.25rem;
font-weight: 600;
color: var(--text-dark);
margin-top: 1.5rem;
margin-bottom: 0.75rem;
}
p {
margin-bottom: 1rem;
color: var(--text-gray);
}
ul, ol {
margin-left: 2rem;
margin-bottom: 1rem;
}
li {
margin-bottom: 0.5rem;
color: var(--text-gray);
}
strong {
color: var(--text-dark);
font-weight: 600;
}
.highlight-box {
background: linear-gradient(135deg, rgba(59, 95, 229, 0.05) 0%, rgba(79, 209, 74, 0.05) 100%);
border-left: 4px solid var(--app-blue);
padding: 1.5rem;
margin: 1.5rem 0;
border-radius: 0 8px 8px 0;
}
.contact-info {
background: var(--white);
padding: 2rem;
border-radius: 12px;
margin-top: 3rem;
border: 1px solid var(--border-color);
}
footer {
background: var(--white);
border-top: 1px solid var(--border-color);
padding: 2rem 0;
margin-top: 4rem;
text-align: center;
}
footer p {
color: var(--text-gray);
font-size: 0.9rem;
}
footer a {
color: var(--app-blue);
text-decoration: none;
}
footer a:hover {
text-decoration: underline;
}
</style>
</head>
<body>
<nav>
<div class="nav-container">
<a href="index.html" class="logo">
<svg class="logo-icon" viewBox="0 0 70 70" xmlns="http://www.w3.org/2000/svg">
<rect width="70" height="70" rx="14" ry="14" fill="#3B5FE5"/>
<circle cx="35" cy="35" r="29.75" fill="#EE4B4B"/>
<circle cx="35" cy="35" r="22.75" fill="#4FD14A"/>
<text x="35" y="40" text-anchor="middle" font-family="Arial, sans-serif" font-size="45" font-weight="bold" fill="#3B5FE5" dominant-baseline="middle">S</text>
</svg>
<span>SMPLTSK</span>
</a>
<div class="nav-links">
<a href="index.html">Home</a>
<a href="privacy-policy.html">Privacy</a>
<a href="contact.html">Contact</a>
</div>
</div>
</nav>
<div class="container">
<div class="header">
<h1>Accessibility Statement</h1>
<p class="last-updated">Last Updated: November 8, 2025</p>
</div>
<h2>Our Commitment to Accessibility</h2>
<p>SMPLTSK is committed to ensuring digital accessibility for all users, including people with disabilities. We are continually improving the user experience for everyone and applying the relevant accessibility standards to ensure we provide equal access to all users.</p>
<h2>Accessibility Standards</h2>
<p>We aim to conform to the Web Content Accessibility Guidelines (WCAG) 2.1 Level AA standards. These guidelines explain how to make web content more accessible for people with disabilities and more user-friendly for everyone.</p>
<h2>Website Accessibility Features</h2>
<p>Our website (smpltsk.com) includes the following accessibility features:</p>
<h3>Navigation and Structure</h3>
<ul>
<li>Clear and consistent navigation throughout the site</li>
<li>Logical heading hierarchy for screen readers</li>
<li>Skip-to-content links for keyboard navigation</li>
<li>Descriptive page titles and headings</li>
</ul>
<h3>Visual Design</h3>
<ul>
<li>High contrast color schemes for better readability</li>
<li>Text that can be resized up to 200% without loss of functionality</li>
<li>Readable fonts and appropriate font sizes</li>
<li>Clear visual focus indicators for interactive elements</li>
</ul>
<h3>Content and Media</h3>
<ul>
<li>Alternative text (alt text) for all meaningful images</li>
<li>Descriptive link text that makes sense out of context</li>
<li>Properly labeled form fields</li>
<li>Clear error messages and instructions</li>
</ul>
<h3>Keyboard Navigation</h3>
<ul>
<li>All functionality available via keyboard</li>
<li>Logical tab order through interactive elements</li>
<li>No keyboard traps</li>
</ul>
<h2>Mobile Application Accessibility</h2>
<p>The SMPLTSK mobile app is designed with accessibility in mind:</p>
<h3>iOS Accessibility</h3>
<ul>
<li><strong>VoiceOver Support:</strong> Full compatibility with Apple's VoiceOver screen reader</li>
<li><strong>Dynamic Type:</strong> Support for iOS system font size adjustments</li>
<li><strong>Increased Contrast:</strong> Respects iOS "Increase Contrast" setting</li>
<li><strong>Reduce Motion:</strong> Honors "Reduce Motion" preference</li>
<li><strong>Voice Control:</strong> Compatible with iOS Voice Control features</li>
</ul>
<h3>Android Accessibility</h3>
<ul>
<li><strong>TalkBack Support:</strong> Full compatibility with Android's TalkBack screen reader</li>
<li><strong>Font Size:</strong> Respects system font size settings</li>
<li><strong>High Contrast:</strong> Compatible with Android accessibility contrast settings</li>
<li><strong>Switch Access:</strong> Support for switch device navigation</li>
</ul>
<h3>App-Specific Features</h3>
<ul>
<li><strong>Visual Markers:</strong> Red and green markers are supplemented with labels for screen readers</li>
<li><strong>Photo Descriptions:</strong> Task descriptions provide context for visual content</li>
<li><strong>Clear Typography:</strong> Large, legible text throughout the app</li>
<li><strong>Touch Targets:</strong> All interactive elements meet minimum size requirements</li>
<li><strong>Color Independence:</strong> Information is not conveyed by color alone</li>
</ul>
<h2>Assistive Technology Compatibility</h2>
<p>SMPLTSK is designed to be compatible with the following assistive technologies:</p>
<ul>
<li>Screen readers (VoiceOver, TalkBack, JAWS, NVDA)</li>
<li>Screen magnification software</li>
<li>Voice recognition software</li>
<li>Alternative input devices (switch controls, adaptive keyboards)</li>
</ul>
<h2>Known Limitations</h2>
<p>While we strive for full accessibility, we acknowledge some current limitations:</p>
<ul>
<li><strong>Image-Based Tasks:</strong> The core functionality relies on photos, which may be challenging for users with visual impairments. We recommend using detailed text descriptions with each task.</li>
<li><strong>Color Markers:</strong> While we use red and green markers, we also provide text labels and alternative indicators for users who cannot distinguish colors.</li>
<li><strong>Third-Party Content:</strong> Some embedded content from third parties may not meet our accessibility standards.</li>
</ul>
<p>We are actively working to address these limitations in future updates.</p>
<h2>Ongoing Improvements</h2>
<p>We are committed to continuously improving accessibility. Our current initiatives include:</p>
<ul>
<li>Regular accessibility audits of our website and app</li>
<li>User testing with people who use assistive technologies</li>
<li>Training our development team on accessibility best practices</li>
<li>Incorporating accessibility into our design and development process</li>
<li>Monitoring and implementing new accessibility guidelines and standards</li>
</ul>
<h2>Third-Party Content</h2>
<p>Some content on our website may be provided by third parties (such as embedded videos or social media feeds). While we encourage third parties to provide accessible content, we cannot guarantee the accessibility of content we do not control.</p>
<h2>Feedback and Support</h2>
<p>We welcome your feedback on the accessibility of SMPLTSK. If you encounter any accessibility barriers or have suggestions for improvement, please contact us:</p>
<div class="contact-info">
<h3>Contact Information</h3>
<p><strong>General Support & Accessibility:</strong> <a href="mailto:support@smpltsk.com">support@smpltsk.com</a></p>
<p style="margin-top: 1.5rem;">When reporting an accessibility issue, please include:</p>
<ul>
<li>The page or feature where you encountered the issue</li>
<li>A description of the problem</li>
<li>The assistive technology you were using (if applicable)</li>
<li>Your device type and operating system</li>
</ul>
<p style="margin-top: 1.5rem;">We will make every effort to respond to accessibility feedback within 2 business days and to resolve issues within a reasonable timeframe.</p>
</div>
<h2>Compliance Status</h2>
<p>We are committed to meeting WCAG 2.1 Level AA standards. Our website and mobile application are partially conformant with these standards, meaning that some parts may not fully conform but we are actively working toward full compliance.</p>
<h2>Assessment and Testing</h2>
<p>Our accessibility efforts include:</p>
<ul>
<li>Regular automated testing using accessibility evaluation tools</li>
<li>Manual testing with keyboard-only navigation</li>
<li>Screen reader testing (VoiceOver, TalkBack, NVDA)</li>
<li>User testing with individuals who have disabilities</li>
<li>Regular reviews of accessibility best practices</li>
</ul>
<h2>Accessibility Resources</h2>
<p>If you need assistance using SMPLTSK or would like to learn more about accessibility features on your device:</p>
<ul>
<li><strong>iOS Accessibility:</strong> <a href="https://www.apple.com/accessibility/" target="_blank" rel="noopener noreferrer">Apple Accessibility</a></li>
<li><strong>Android Accessibility:</strong> <a href="https://www.android.com/accessibility/" target="_blank" rel="noopener noreferrer">Android Accessibility</a></li>
<li><strong>Web Accessibility Initiative:</strong> <a href="https://www.w3.org/WAI/" target="_blank" rel="noopener noreferrer">W3C WAI</a></li>
</ul>
<h2>Updates to This Statement</h2>
<p>We will update this Accessibility Statement as we make improvements and changes to our services. This statement was last updated on November 8, 2025.</p>
<h2>Legal Information</h2>
<p>This accessibility statement applies to the SMPLTSK website (smpltsk.com) and mobile applications for iOS and Android.</p>
<div class="contact-info">
<h3>Company Information</h3>
<p>
<strong>SMPLTSK</strong><br>
ABN: 82591313062<br>
Sydney, Australia
</p>
<p style="margin-top: 1.5rem;">
<strong>Contact:</strong><br>
General Email: <a href="mailto:support@smpltsk.com">support@smpltsk.com</a><br>
Accessibility: <a href="mailto:support@smpltsk.com">support@smpltsk.com</a><br>
Website: <a href="https://smpltsk.com">smpltsk.com</a>
</p>
</div>
<div class="highlight-box">
<p><strong>Our Promise:</strong> We are dedicated to providing a website and mobile app that are accessible to the widest possible audience, regardless of technology or ability. We view accessibility as an ongoing effort and are committed to continual improvement.</p>
</div>
</div>
<footer>
<div class="container">
<p>© 2025 SMPLTSK. All rights reserved. | <a href="privacy-policy.html">Privacy Policy</a> | <a href="terms-of-service.html">Terms of Service</a> | <a href="cookie-policy.html">Cookie Policy</a></p>
</div>
</footer>
</body>
</html>