forked from hmrc/gaad
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathresources.html
159 lines (123 loc) · 11.2 KB
/
resources.html
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
<!DOCTYPE html>
<html lang="en" class="govuk-template ">
<head>
<meta charset="utf-8" />
<title>Global Accessibility Awareness Day resources</title>
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
<meta name="theme-color" content="#0b0c0c" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<link rel="shortcut icon" sizes="16x16 32x32 48x48" href="https://www.tax.service.gov.uk/assets/govuk-frontend/2.9.0/assets/images/favicon.ico" type="image/x-icon" />
<link rel="mask-icon" href="https://www.tax.service.gov.uk/assets/govuk-frontend/2.9.0/assets/images/govuk-mask-icon.svg" color="#0b0c0c">
<link rel="apple-touch-icon" sizes="180x180" href="https://www.tax.service.gov.uk/assets/govuk-frontend/2.9.0/assets/images/govuk-apple-touch-icon-180x180.png">
<link rel="apple-touch-icon" sizes="167x167" href="https://www.tax.service.gov.uk/assets/govuk-frontend/2.9.0/assets/images/govuk-apple-touch-icon-167x167.png">
<link rel="apple-touch-icon" sizes="152x152" href="https://www.tax.service.gov.uk/assets/govuk-frontend/2.9.0/assets/images/govuk-apple-touch-icon-152x152.png">
<link rel="apple-touch-icon" href="https://www.tax.service.gov.uk/assets/govuk-frontend/2.9.0/assets/images/govuk-apple-touch-icon.png">
<!--[if !IE 8]><!-->
<link href="./assets/css/govuk-frontend-unbranded.css" rel="stylesheet" />
<!--<![endif]-->
<!--[if IE 8]>
<link href="./assets/css/govuk-frontend-ie8-unbranded.css" rel="stylesheet" />
<![endif]-->
<!--[if lt IE 9]>
<script src="./assets/js/html5shiv.min.js"></script>
<![endif]-->
<link rel="stylesheet" href="./assets/css/gaad.css">
<meta property="og:image" content="https://www.tax.service.gov.uk/assets/govuk-frontend/2.9.0/assets/images/govuk-opengraph-image.png">
</head>
<body class="govuk-template__body ">
<script>
document.body.className = ((document.body.className) ? document.body.className + ' js-enabled' : 'js-enabled');
</script>
<a href="#main-content" class="govuk-skip-link">Skip to main content</a>
<div class="govuk-width-container">
<header class="hmrc-banner govuk-!-padding-top-3 govuk-!-padding-bottom-3" role="banner">
<div class="organisation-logo">
<p>HM Revenue & Customs</p>
</div>
</header>
<main class="govuk-main-wrapper govuk-!-padding-0 gaad-main" id="main-content" role="main">
<a href="https://hmrc.github.io/gaad/" class="govuk-back-link">Back</a>
<header class="govuk-!-margin-bottom-9">
<h1 class="govuk-heading-xl gaad-text govuk-!-padding-top-6 govuk-!-margin-bottom-2">Accessibility resources</h1>
<p class="govuk-body gaad-text govuk-!-font-size-24">Wear something purple on Thursday 16 May 2019 to mark the eighth <a href="https://globalaccessibilityawarenessday.org/" class="gaad-link">Global Accessibility Awareness Day (GAAD)</a>.</p>
</header>
<section class="gaad-header">
<h2 class="govuk-heading-l gaad-header__text">Things to try</h2>
<ul class="govuk-list govuk-list--bullet gaad-header__text">
<li>go mouse-free – try unplugging your mouse and only using your keyboard for an hour
<li>set your browser zoom to 400% and check if the fonts resize – to find out if a page meets the <a href="https://www.w3.org/TR/WCAG21/#x1-4-10-reflow" class="gaad-header__link">Web Content Accessibility Guidelines</a></li>
<li>try some of the <a href="https://support.microsoft.com/en-gb/hub/4339839/windows-accessibility-help" class="gaad-header__link">Windows accessibility features</a>, like <a href="https://support.microsoft.com/en-gb/help/22798/windows-10-complete-guide-to-narrator" class="gaad-header__link">Windows Narrator</a></li>
<li>if you have an Apple device, try the <a href="https://www.apple.com/uk/accessibility/mac/" class="gaad-header__link">Mac accessibility features</a></li>
</ul>
</section>
<section class="gaad-section">
<h2 class="govuk-heading-l">Government guidance and blogs</h2>
<ul class="govuk-list">
<li class="govuk-body"><a href="https://www.gov.uk/guidance/accessibility-requirements-for-public-sector-websites-and-apps" class="gaad-link">Make your public sector website or app accessible</a></li>
<li class="govuk-body"><a href="https://www.gov.uk/guidance/how-to-publish-on-gov-uk/accessible-pdfs" class="gaad-link">Publishing accessible documents</a></li>
<li class="govuk-body"><a href="https://www.gov.uk/service-manual/helping-people-to-use-your-service/making-your-service-accessible-an-introduction" class="gaad-link">Making your service accessible</a></li>
<li class="govuk-body"><a href="https://www.gov.uk/service-manual/technology/designing-for-different-browsers-and-devices" class="gaad-link">Designing for different browsers and devices</a></li>
<li class="govuk-body"><a href="https://www.gov.uk/service-manual/user-research/running-research-sessions-with-people-with-disabilities" class="gaad-link">Running research sessions with people with disabilities</a></li>
<li class="govuk-body"><a href="https://www.gov.uk/service-manual/helping-people-to-use-your-service/testing-for-accessibility#manual-testing" class="gaad-link">Testing for accessibility</a></li>
<li class="govuk-body"><a href="https://www.gov.uk/government/publications/understanding-disabilities-and-impairments-user-profiles" class="gaad-link">Understanding disabilities and impairments: user profiles</a></li>
<li class="govuk-body"><a href="https://alphagov.github.io/wcag-primer/index.html#wcag-2-1-getting-started" class="gaad-link">WCAG 2.1 Primer: help understanding the Web Content Accessibility Guidelines</a></li>
<li class="govuk-body"><a href="https://style.ons.gov.uk/category/data-visualisation/using-colours/" class="gaad-link">Office for National Statistics guide on using accessible colours for data visualisation</a></li>
<li class="govuk-body"><a href="https://accessibility.blog.gov.uk" class="gaad-link">GOV.UK accessibility blog</a></li>
<li class="govuk-body"><a href="https://accessibility.blog.gov.uk/2016/09/02/dos-and-donts-on-designing-for-accessibility" class="gaad-link">Home Office's accessibility posters blog</a></li>
</ul>
</section>
<section class="gaad-section">
<h2 class="govuk-heading-l">GAAD and other useful resources</h2>
<ul class="govuk-list">
<li class="govuk-body"><a href="https://globalaccessibilityawarenessday.org/" class="gaad-link">GAAD official site</a></li>
<li class="govuk-body"><a href="https://www.bbc.co.uk/events/e4vgfx/live/cb54wh" class="gaad-link">BBC GAAD: access all areas event live streaming on Thursday 16 May</a></li>
<li class="govuk-body"><a href="https://medium.com/si-digital/designing-for-colour-blindness-b74a9d012ef2" class="gaad-link">Designing for colour blindness</a></li>
<li class="govuk-body"><a href="https://mcmw.abilitynet.org.uk/" class="gaad-link">My Computer My Way: AbilityNet guide on making devices easier to use </a></li>
<li class="govuk-body"><a href="https://www.w3.org/WAI/perspective-videos" class="gaad-link">Web accessibility perspectives: clips from W3C showing assistive technology and accessibility barriers</a></li>
</ul>
</section>
<section class="gaad-section">
<h2 class="govuk-heading-l">Apple accessibility tips videos</h2>
<ul class="govuk-list">
<li class="govuk-body"><a href="https://www.youtube.com/watch?v=6GB-VntNWbY&list=PLIl2EzNYri0cLtSlZowttih25VnSvWITu&index=2&t=0s" class="gaad-link">How to have your iPhone or iPad highlight text as it reads your screen</a></li>
<li class="govuk-body"><a href="https://www.youtube.com/watch?v=WfK4-GEI1wk&list=PLIl2EzNYri0cLtSlZowttih25VnSvWITu&index=2" class="gaad-link">How to use the Accessibility Shortcut on your iPhone and iPad</a></li>
<li class="govuk-body"><a href="https://www.youtube.com/watch?v=qDm7GiKra28&list=PLIl2EzNYri0cLtSlZowttih25VnSvWITu&index=4" class="gaad-link">How to navigate your iPhone with VoiceOver</a></li>
<li class="govuk-body"><a href="https://www.youtube.com/watch?v=XFPOmq3wd4w&list=PLIl2EzNYri0cLtSlZowttih25VnSvWITu&index=5" class="gaad-link">How to invert colours on your iPhone</a></li>
<li class="govuk-body"><a href="https://www.youtube.com/watch?v=DDwmpKxGrUc&list=PLIl2EzNYri0cLtSlZowttih25VnSvWITu&index=6" class="gaad-link">How to use Magnifier on your iPhone</a></li>
</ul>
</section>
<section class="gaad-section">
<h2 class="govuk-heading-l">Tools and simulators</h2>
<ul class="govuk-list">
<li class="govuk-body"><a href="https://contrast-checker.glitch.me" class="gaad-link">Colour contrast checker</a></li>
<li class="govuk-body"><a href="https://data.qz.com/2016/dyslexia/" class="gaad-link">Dyslexia simulator</a></li>
<li class="govuk-body"><a href="https://www.starkey.co.uk/hearing-loss-simulator#!/hls" class="gaad-link">Hearing loss simulator</a></li>
<li class="govuk-body"><a href="https://accessibilityinsights.io/docs/en/web/overview" class="gaad-link">Microsoft accessibility checker</a></li>
</ul>
</section>
</main>
</div>
<footer class="govuk-footer " role="contentinfo">
<div class="govuk-width-container ">
<div class="govuk-footer__meta">
<div class="govuk-footer__meta-item govuk-footer__meta-item--grow">
<svg role="presentation" focusable="false" class="govuk-footer__licence-logo" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 483.2 195.7" height="17" width="41">
<path fill="currentColor" d="M421.5 142.8V.1l-50.7 32.3v161.1h112.4v-50.7zm-122.3-9.6A47.12 47.12 0 0 1 221 97.8c0-26 21.1-47.1 47.1-47.1 16.7 0 31.4 8.7 39.7 21.8l42.7-27.2A97.63 97.63 0 0 0 268.1 0c-36.5 0-68.3 20.1-85.1 49.7A98 98 0 0 0 97.8 0C43.9 0 0 43.9 0 97.8s43.9 97.8 97.8 97.8c36.5 0 68.3-20.1 85.1-49.7a97.76 97.76 0 0 0 149.6 25.4l19.4 22.2h3v-87.8h-80l24.3 27.5zM97.8 145c-26 0-47.1-21.1-47.1-47.1s21.1-47.1 47.1-47.1 47.2 21 47.2 47S123.8 145 97.8 145" />
</svg>
<span class="govuk-footer__licence-description">
All content is available under the
<a class="govuk-footer__link" href="https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/" rel="license">Open Government Licence v3.0</a>, except where otherwise stated
</span>
</div>
<div class="govuk-footer__meta-item">
<a class="govuk-footer__link govuk-footer__copyright-logo" href="https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/uk-government-licensing-framework/crown-copyright/">© Crown copyright</a>
</div>
</div>
</div>
</footer>
<script src="https://www.tax.service.gov.uk/assets/govuk-frontend/2.9.0/govuk-frontend-2.9.0.min.js"></script>
<script>
window.GOVUKFrontend.initAll()
</script>
</body>
</html>