Skip to content

Commit 5c2c71c

Browse files
itsozzitsozz
committed
Fixes to some features added to improve accessibility which consequently broke the validation of the HTML, updated draft of accessibility statement.
1 parent 59bd99b commit 5c2c71c

4 files changed

Lines changed: 24 additions & 24 deletions

File tree

‎accessibility.html‎

Lines changed: 14 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -61,10 +61,10 @@ <h2>How accessible this website is</h2>
6161
<ol>
6262
<li>charticles - linked to from the <a href="charticles.html">Charticles</a> page</li>
6363
<li>datasets - linked to from the <a href="data.html">Data</a> page</li>
64-
<li>companions - linked to from the <a href="learning.html">Learning</a> page</li>
65-
<li>ward deprivation reports - linked to from the <a href="deprivation.html">Indices of Deprivation 2019</a> page</li>
66-
<li>apps - linked to from the <a href="index.html">Home</a> page</li>
67-
<li>graphics - linked to from the <a href="index.html">Home</a> page</li>
64+
<li>companions - linked to from the <a href="learning.html#companions">Learning</a> page</li>
65+
<li>ward deprivation reports - linked to from the <a href="deprivation.html#traffordwardreports">Indices of Deprivation 2019</a> page</li>
66+
<li>apps - linked to from the <a href="index.html#apps">Home</a> page</li>
67+
<li>graphics - linked to from the <a href="index.html#graphics">Home</a> page</li>
6868
</ol>
6969
<p>
7070
Problems you may encounter with some of these linked outputs are:
@@ -73,13 +73,13 @@ <h2>How accessible this website is</h2>
7373
<li>difficulty navigating with a keyboard</li>
7474
<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>
7575
<li>javascript is required to provide functionality with no alternative</li>
76-
</p>
76+
</ul>
7777
</section>
7878

7979
<section>
8080
<h2>Reporting accessibility problems with this website</h2>
8181
<p>
82-
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 mailto:"infotrafford@trafford.gov.uk">infotrafford@trafford.gov.uk</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).
82+
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:infotrafford@trafford.gov.uk">infotrafford@trafford.gov.uk</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).
8383
</p>
8484
</section>
8585

@@ -103,10 +103,10 @@ <h2>Technical information about this website's accessibility</h2>
103103
<section>
104104
<h2>Preparation of this accessibility statement</h2>
105105
<p>
106-
This statement was prepared on 2020-05-04. It was last reviewed on 2020-05-04.
106+
This statement was prepared on 2020-05-04. It was last reviewed on 2020-05-05.
107107
</p>
108108
<p>
109-
This website was last tested on 2020-05-04. The test was carried out by ourselves using the following tools:
109+
This website was last tested on 2020-05-05. The test was carried out by ourselves using the following tools:
110110
</p>
111111
<ul>
112112
<li><a href="https://validator.w3.org" target="_blank">W3C Markup Validation Service</a> (to ensure correctly structured HTML content)</li>
@@ -122,14 +122,14 @@ <h2>Preparation of this accessibility statement</h2>
122122
Testing was carried out on the following Operating Systems and browsers:
123123
</p>
124124
<ul>
125-
<li>Ubuntu 18.04.4 LTS: Firefox 75.0</li>
126-
<li>macOS Mojave: Safari 13.1 (14609.1.20.111.8), Chrome 81.0.4044.122, Firefox 74.0</li>
127-
<li>Windows 7: Internet Explorer 11, Chrome 81.0.4044.92, Firefox ESR 52.6.0</li>
128-
<li>Windows 10: Edge 44.18362.449.0</li>
125+
<li>Ubuntu 18.04.4 LTS: Firefox</li>
126+
<li>macOS Mojave: Safari, Chrome, Firefox</li>
127+
<li>Windows 7: Internet Explorer (IE11), Chrome, Firefox ESR</li>
128+
<li>Windows 10: Edge</li>
129129
<li>iOS (iPhone 4, iPhone 7, iPad 2nd generation): Safari</li>
130130
<li>iPadOS (iPad 6th generation): Safari</li>
131-
<li>Android 6: Chrome 74.0.3729.157</li>
132-
<li>Android 10: Firefox Focus 8.20, Chrome 81.0.4044.111</li>
131+
<li>Android 6: Chrome</li>
132+
<li>Android 10: Firefox Focus, Chrome</li>
133133
</ul>
134134
</section>
135135
</main>

‎deprivation.html‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -84,7 +84,7 @@ <h1>Indices of Deprivation 2019</h1>
8484
<p>Relative deprivation is measured using 39 indicators which are grouped across seven different domains: <span style="font-style: italic;">Income; Employment; Education, skills &amp; training; Health & disability; Crime; Barriers to housing &amp; services; Living environment</span>. Each domain is combined and weighted to create the <span style="font-weight: bold;">Index of Multiple Deprivation (IMD)</span>, an overall measure of relative deprivation.</p>
8585
<p>We have created interactive apps and reports to provide visualisation and analysis of the Indices of Deprivation 2019 data.</p>
8686

87-
<section class="itemContainer">
87+
<section id="england" class="itemContainer">
8888
<h2>LSOA and Local Authority District resources across England</h2>
8989
<div class="labBorder">
9090
<a href="https://trafforddatalab.shinyapps.io/imd19" target="_blank"><img src="images/imd_2019_app_thumbnail.png" class="thumbnail" alt=""/><h3 class="cardHead themeLink">Interactive IoD 2019 app</h3></a>
@@ -102,7 +102,7 @@ <h2>LSOA and Local Authority District resources across England</h2>
102102
</div>
103103
</section>
104104

105-
<section class="itemContainer">
105+
<section id="traffordla" class="itemContainer">
106106
<h2>Local Authority District resources for Trafford</h2>
107107
<p>The following Trafford-specific resources are provided at Local Authority District level, including context with Greater Manchester (GM) and Chartered Institute of Public Finance and Accountancy (CIPFA) nearest neighbours.</p>
108108

@@ -122,7 +122,7 @@ <h2>Local Authority District resources for Trafford</h2>
122122
</div>
123123
</section>
124124

125-
<section>
125+
<section id="traffordward">
126126
<h2>Electoral Ward resources for Trafford</h2>
127127
<p>Electoral Ward boundaries and LSOA boundaries do not always perfectly align and so it is impossible to aggregate from LSOA to ward exactly. Instead a ‘best-fit’ methodology is used by the <a href="http://geoportal.statistics.gov.uk/datasets/500d4283cbe54e3fa7f358399ba3783e_0" target="_blank">Office for National Statistics (ONS)</a> to assign LSOAs to the most appropriate ward.</p>
128128

@@ -138,7 +138,7 @@ <h2>Electoral Ward resources for Trafford</h2>
138138
</div>
139139
</div>
140140

141-
<p>The following reports present the Indices of Deprivation 2019 data for each of the 21 wards in Trafford, based on the best-fit LSOAs. The wards have been ranked where 1 is the most deprived and 21 is the least deprived on the IMD 2019.</p>
141+
<p id="traffordwardreports">The following reports present the Indices of Deprivation 2019 data for each of the 21 wards in Trafford, based on the best-fit LSOAs. The wards have been ranked where 1 is the most deprived and 21 is the least deprived on the IMD 2019.</p>
142142

143143
<div class="cardContainer">
144144
<a href="https://www.trafforddatalab.io/analysis/IoD2019/wards/altrincham.html" target="_blank" class="card labBorder">

‎index.html‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -101,8 +101,8 @@ <h1>Trafford Data Lab</h1>
101101

102102
<p class="intro">Supporting decision-making in Trafford by revealing patterns in data through visualisation.</p>
103103

104-
<section>
105-
<h2>Apps</h2><span aria-label="The following items will open in a new window"></span>
104+
<section id="apps" aria-label="items will open in a new window">
105+
<h2>Apps</h2>
106106

107107
<div class="cardContainer">
108108
<div class="card labBorder">
@@ -172,8 +172,8 @@ <h2>Apps</h2><span aria-label="The following items will open in a new window"></
172172
</div>
173173
</section>
174174

175-
<section>
176-
<h2>Graphics</h2><span aria-label="The following items will open in a new window"></span>
175+
<section id="graphics" aria-label="items will open in a new window">
176+
<h2>Graphics</h2>
177177

178178
<div class="cardContainer">
179179
<div class="card labBorder">

‎learning.html‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -36,7 +36,7 @@
3636
<h1>Learning</h1>
3737
<p>Helpful resources, such as companion guides for the technologies we use and tutorials demonstrating useful techniques. Choose a companion or tutorial from the following lists to open in a new window. Our tutorials are published on <a href="https://medium.com/@traffordDataLab" target="_blank">Medium</a>.</p>
3838

39-
<section class="itemContainer">
39+
<section id="companions" class="itemContainer">
4040
<h2>Companions</h2>
4141

4242
<div class="labBorder">
@@ -65,7 +65,7 @@ <h2>Companions</h2>
6565
</div>
6666
</section>
6767

68-
<section class="itemContainer">
68+
<section id="tutorials" class="itemContainer">
6969
<h2>Tutorials</h2>
7070

7171
<div class="labBorder">

0 commit comments

Comments
 (0)