-
Notifications
You must be signed in to change notification settings - Fork 1
/
accessibility.html
169 lines (160 loc) · 12.8 KB
/
accessibility.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
160
161
162
163
164
165
166
167
168
169
<!DOCTYPE html>
<html lang="en-GB">
<head>
<title>Trafford Data Lab: Accessibility Statement</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover"/>
<meta charset="UTF-8"/>
<link rel="stylesheet" href="css/base.css"/>
<link rel="stylesheet" href="css/main.css"/>
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans%7CRoboto"/>
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v6.4.2/css/all.css"/>
</head>
<body>
<div class="container">
<header>
<nav>
<ul id="a11yNav">
<li><a href="#main" class="themeBlockDark">Skip to main content</a></li>
<li><a href="#footer" class="themeBlockDark">Skip to footer</a></li>
</ul>
<p class="hideContent">Main Menu</p>
<a href="index.html" aria-label="Return to Trafford Data Lab home page"><img src="https://www.trafforddatalab.io/assets/logo/trafforddatalab_logo.svg" alt="Trafford Data Lab" width="93" class="traffordDataLabLogo"/></a>
<ul class="navbar">
<li><a href="charticles.html">Charticles</a></li>
<li><a href="data.html">Data</a></li>
<li><a href="learning.html">Learning</a></li>
<li><a href="about.html">About</a></li>
</ul>
</nav>
</header>
<main id="main">
<section>
<h1>Accessibility Statement for Trafford Data Lab</h1>
<p>
This accessibility statement applies to the Trafford Data Lab website and our outputs linked from it, which are hosted on the <strong>trafforddatalab.io</strong> domain. Additionally some of our apps are hosted on the <strong>trafforddatalab.shinyapps.io</strong> domain which are also covered by this statement. Our website also contains links to outputs hosted on external websites, such as Medium.com, which will not be covered by this statement.
</p>
<p style="font-style: italic;">
Please note that not all of our apps are accessible at this time. A list of the apps which have undergone work to improve their accessibility is presented in the "<a href="#howA11y">How accessible this website is</a>" section of this document. Work is on-going to improve the accessibility of all our apps and this statement will be updated accordingly as and when work is completed.
</p>
<p>
This website is run by Trafford Data Lab, part of Trafford Council. We want as many people as possible to be able to use this website. For example, that means you should be able to:
</p>
<ul>
<li>zoom in up to 300% without the text spilling off the screen</li>
<li>navigate most of the website using just a keyboard</li>
<li>navigate most of the website using speech recognition software</li>
<li>listen to most of the website using a screen reader (including the most recent versions of JAWS, NVDA and VoiceOver)</li>
</ul>
<p>
We’ve also made the website text as simple as possible to understand.
</p>
<p>
<a href="https://mcmw.abilitynet.org.uk/" target="_blank">AbilityNet</a> has advice on making your device easier to use if you have a disability.
</p>
</section>
<section id="howA11y">
<h2>How accessible this website is</h2>
<p>
We have worked hard to ensure that the pages of this website are as accessible as possible, however we recognise that some outputs linked from them may not be. As mentioned above, we are working on improving the accessibility of these and will be updating this statement to reflect the current situation. The following list of outputs linked to from this website is ordered by most accessible to least accessible:
</p>
<ol>
<li><a href="charticles.html">charticles</a> from the Charticles page</li>
<li><a href="index.html#graphics">graphics</a> from the Home page</li>
<li><a href="learning.html#companions">companions</a> from the Learning page</li>
<li><a href="data.html">datasets</a> from the Data page</li>
<li><a href="deprivation.html#traffordwardreports">ward deprivation reports</a> from the Indices of Deprivation 2019 page</li>
<li><a href="index.html#apps">apps</a> from the Home page</li>
</ol>
<p>
Problems you may encounter with some of these linked outputs are:
</p>
<ul>
<li>difficulty navigating with a keyboard</li>
<li>some images do not have a text alternative, so people using a screen reader cannot access the information. This fails WCAG 2.1 success criterion 1.1.1 (non-text content)</li>
<li>javascript is required to provide functionality with no alternative</li>
</ul>
<p>
The following apps have undergone work to improve their accessibility (all links will open in a new window):
</p>
<ul>
<li><a href="https://www.trafforddatalab.io/choroplether/" target="_blank">Choroplether</a></li>
<li><a href="https://trafforddatalab.shinyapps.io/climate_emergency/" target="_blank">Climate emergency slide pack</a></li>
<li><a href="https://trafforddatalab.shinyapps.io/covid-19/" target="_blank">Covid-19 Monitor</a></li>
<li><a href="https://trafforddatalab.shinyapps.io/local_covid-19/" target="_blank">Local COVID-19</a></li>
<li><a href="https://www.trafforddatalab.io/parks/" target="_blank">Parks</a></li>
<li><a href="https://trafforddatalab.shinyapps.io/postcode_loader/" target="_blank">Postcode loader</a></li>
<li><a href="https://www.trafforddatalab.io/schools/" target="_blank">Schools</a></li>
<li><a href="https://trafforddatalab.shinyapps.io/trafford_covid-19/" target="_blank">Trafford Covid-19</a></li>
</ul>
<p>
Work is on-going to improve the accessibility of our other apps and this list will be updated as and when work is completed.
</p>
</section>
<section>
<h2>Reporting accessibility problems with this website</h2>
<p>
We're always looking to improve the accessibility of this website. If you find any problems not listed on this page or think we're not meeting accessibility requirements, please let us know either by sending an email to <a href="mailto:[email protected]">[email protected]</a> or by <a href="https://github.com/traffordDataLab/traffordDataLab.github.io/issues" target="_blank">opening an issue on GitHub</a> (you will need to create an account but this is free for most users).
</p>
</section>
<section>
<h2>Enforcement procedure</h2>
<p>
The Equality and Human Rights Commission (EHRC) is responsible for enforcing the Public Sector Bodies (Websites and Mobile Applications) (No. 2) Accessibility Regulations 2018 (the 'accessibility regulations'). If you’re not happy with how we respond to your complaint, <a href="https://www.equalityadvisoryservice.com/" target="_blank">contact the Equality Advisory and Support Service (EASS)</a>
</p>
</section>
<section>
<h2>Technical information about this website's accessibility</h2>
<p>
Trafford Data Lab is committed to making its website accessible, in accordance with the Public Sector Bodies (Websites and Mobile Applications) (No. 2) Accessibility Regulations 2018.
</p>
<p>
This website is fully compliant with the <a href="https://www.w3.org/TR/WCAG21/" target="_blank">Web Content Accessibility Guidelines version 2.1</a> AA standard.
</p>
</section>
<section>
<h2>Preparation of this accessibility statement</h2>
<p>
This statement was prepared on <time datetime="2020-05-04">May 4, 2020</time>. It was last reviewed and updated on <time datetime="2021-07-28">July 28, 2021</time>.
</p>
<p>
This website was last tested on <time datetime="2020-05-12">May 12, 2020</time>. The test was carried out by ourselves using the following tools:
</p>
<ul>
<li><a href="https://validator.w3.org" target="_blank">W3C Markup Validation Service</a> (to ensure correctly structured HTML content)</li>
<li><a href="https://wave.webaim.org" target="_blank">WAVE Web Accessibility Evaluation Tool</a> including the browser plugin for Chrome</li>
<li><a href="https://www.deque.com/axe/" target="_blank">axe</a> browser plugin for Chrome</li>
<li><a href="https://contrastchecker.com" target="_blank">WCAG Contrast Checker</a></li>
<li><a href="https://webaim.org/resources/contrastchecker/" target="_blank">WebAIM Contrast Checker</a></li>
<li><a href="https://webaim.org/resources/linkcontrastchecker/" target="_blank">WebAIM Link Contrast Checker</a></li>
<li><a href="https://help.apple.com/voiceover/mac/10.15/" target="_blank">VoiceOver</a> for Mac</li>
<li><a href="https://support.microsoft.com/en-ie/office/use-learning-tools-in-the-edge-browser-78a7a17d-52e1-47ee-b0ac-eff8539015e1" target="_blank">Read aloud</a> in Microsoft Edge</li>
</ul>
<p>
Testing was carried out on the following Operating Systems and browsers:
</p>
<ul>
<li>Ubuntu 18.04.4 LTS: Firefox</li>
<li>macOS Mojave: Safari, Chrome, Firefox</li>
<li>Windows 7: Internet Explorer (IE11), Chrome, Firefox ESR</li>
<li>Windows 10: Edge</li>
<li>iOS (iPhone 4, iPhone 7, iPad 2nd generation): Safari</li>
<li>iPadOS (iPad 6th generation): Safari</li>
<li>Android 6: Chrome</li>
<li>Android 10: Firefox Focus, Chrome</li>
</ul>
</section>
</main>
<footer id="footer">
<div class="leftFooter">
<p class="hideContent">Trafford Data Lab are on the following platforms: </p>
<a class="linkMedia" href="https://twitter.com/traffordDataLab" aria-label="Trafford Data Lab on X" target="_blank"><span class="fa-brands fa-x-twitter" title="Trafford Data Lab on X"></span><span class="hideContent">X, </span></a>
<a class="linkMedia" href="https://github.com/traffordDataLab" aria-label="Trafford Data Lab on GitHub" target="_blank"><span class="fa-brands fa-github" title="Trafford Data Lab on GitHub"></span><span class="hideContent">GitHub, </span></a>
<a class="linkMedia" href="https://medium.com/@traffordDataLab" aria-label="Trafford Data Lab on Medium" target="_blank"><span class="fa-brands fa-medium" title="Trafford Data Lab on Medium"></span><span class="hideContent">Medium</span></a>
<br />
<a href="accessibility.html" class="smallText" aria-label="Accessibility statement for the Trafford Data Lab website">Accessibility statement</a>
</div>
<a href="https://www.trafford.gov.uk" target="_blank" aria-label="Visit the Trafford Council website"><img class="logoTrafford" src="images/trafford_council_logo_black_on_white_100px.png" alt="Trafford Council"/></a>
</footer>
</div>
</body>
</html>