Created an accessible graphic page for IMD2015 and altered links to the static graphics to the new accessible pages on the home and deprivation pages. Updated the accessibility statement with the changes.

itsozz · itsozz · commit 67ae161c2bb4 · 2020-05-12T15:52:21.000+01:00
diff --git a/accessibility.html b/accessibility.html
@@ -60,11 +60,11 @@ <h2>How accessible this website is</h2>
                     </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="data.html">datasets</a> from the Data page</li>
                         <li><a href="learning.html#companions">companions</a> from the Learning 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>
-                        <li><a href="index.html#graphics">graphics</a> from the Home page</li>
                     </ol>
                     <p>
                         Problems you may encounter with some of these linked outputs are:
@@ -103,10 +103,10 @@ <h2>Technical information about this website's accessibility</h2>
                 <section>
                     <h2>Preparation of this accessibility statement</h2>
                     <p>
-                        This statement was prepared on 2020-05-04. It was last reviewed on 2020-05-05.
+                        This statement was prepared on 2020-05-04. It was last reviewed on 2020-05-12.
                     </p>
                     <p>
-                        This website was last tested on 2020-05-05. The test was carried out by ourselves using the following tools:
+                        This website was last tested on 2020-05-12. 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>
diff --git a/accessible_graphics/index_of_multiple_deprivation_2015.html b/accessible_graphics/index_of_multiple_deprivation_2015.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html lang="en-GB">
+    <head>
+        <title>Trafford Data Lab: Index of Multiple Deprivation 2015</title>
+        <meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover"/>
+        <meta charset="UTF-8"/>
+        <meta name="keywords" content="deprivation, deprived, imd, index, multiple, trafford, open, data, open data, data visualisation, visualisation"/>
+        <meta name="description" content="Index of Multiple Deprivation 2015 for Trafford based on the Indices of Deprivation 2015 from the Ministry of Housing, Communities & Local Government visualised by Trafford Data Lab."/>
+
+        <link rel="stylesheet" href="../css/base.css"/>
+        <link rel="stylesheet" href="../css/accessible_graphics.css"/>
+        <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans%7CRoboto"/>
+    </head>
+
+    <body>
+        <main>
+            <h1>Index of Multiple Deprivation 2015 for Trafford</h1>
+            <cite>Source: 2015 Indices of Deprivation, Ministry of Housing, Communities &amp; Local Government.</cite>
+
+            <figure>
+                <img src="https://www.trafforddatalab.io/maps/static/output/trafford_imd15.png" width="600" alt="Map of Trafford showing the Lower-layer Super Output Areas coloured according to their IMD rank."/>
+                <figcaption>
+                    The Indices of Deprivation measure relative levels of deprivation in 32,844 Lower-layer Super Output Areas (LSOAs) in England based on 39 indicators. Each LSOA contains approximately 1,500 residents or 650 households. They are ranked from 1 (most deprived) to 32,844 (least deprived) and assigned to a decile ranging from 1 (most deprived 10%) to 10 (least deprived 10%). The Index of Multiple Deprivation (IMD) is an overall measure of relative deprivation. Trafford contains some of most and least deprived areas in the country. The most deprived areas are primarily located in and around the ward of Bucklow-St Martins in the West of the borough, and in the North, particularly in Clifford ward. The least deprived areas are located mainly in the Southern and Central areas of Trafford, particularly in and around the wards of Timperley and Brooklands. It should be noted that Electoral Ward boundaries and LSOA boundaries do not always perfectly align and so it is impossible to aggregate from LSOA to ward exactly.
+                </figcaption>
+            </figure>
+        </main>
+    </body>
+</html>
diff --git a/deprivation.html b/deprivation.html
@@ -117,8 +117,8 @@ <h2>Local Authority District resources for Trafford</h2>
                     </div>
 
                     <div class="labBorder">
-                        <a href="https://www.trafforddatalab.io/maps/static/output/trafford_imd19.png" target="_blank"><img src="images/static_trafford_imd_2019_thumbnail.png" class="thumbnail" alt=""/><h3 class="cardHead themeLink">Index of Multiple Deprivation 2019 for Trafford</h3></a>
-                        <p class="cardBody">Static graphic visualising the overall Index of Multiple Deprivation (IMD) for Lower-layer Super Output Areas (LSOA) in Trafford. The previous version based on the <a href="https://www.trafforddatalab.io/maps/static/output/trafford_imd15.png" target="_blank">Index of Multiple Deprivation 2015</a> is also available.</p>
+                        <a href="accessible_graphics/index_of_multiple_deprivation_2019.html" target="_blank"><img src="images/static_trafford_imd_2019_thumbnail.png" class="thumbnail" alt=""/><h3 class="cardHead themeLink">Index of Multiple Deprivation 2019 for Trafford</h3></a>
+                        <p class="cardBody">Static graphic visualising the overall Index of Multiple Deprivation (IMD) for Lower-layer Super Output Areas (LSOA) in Trafford. The previous version based on the <a href="accessible_graphics/index_of_multiple_deprivation_2015.html" target="_blank">Index of Multiple Deprivation 2015</a> is also available.</p>
                     </div>
                 </section>
 
diff --git a/index.html b/index.html
@@ -177,18 +177,18 @@ <h2>Graphics</h2>
 
                     <div class="cardContainer">
                         <div class="card labBorder">
-                            <a href="https://www.trafforddatalab.io/maps/static/output/trafford_population_2018.png" target="_blank"><h3 class="cardHead themeLink">Resident population of Trafford</h3><img src="images/static_trafford_population_thumbnail.png" class="thumbnail" alt=""/></a><br class="hideContent"/>
+                            <a href="accessible_graphics/resident_population_2018.html" target="_blank"><h3 class="cardHead themeLink">Resident population of Trafford</h3><img src="images/static_trafford_population_thumbnail.png" class="thumbnail" alt=""/></a><br class="hideContent"/>
                             <span class="cardBody">Mid-year 2018 resident population estimates for Trafford visualised by electoral ward.</span>
                         </div>
 
                         <div class="card labBorder">
-                            <a href="https://www.trafforddatalab.io/maps/static/output/trafford_localities.png" target="_blank"><h3 class="cardHead themeLink">Trafford locality and ward boundaries</h3><img src="images/static_trafford_localities_thumbnail.png" class="thumbnail" alt=""/></a><br class="hideContent"/>
-                            <span class="cardBody">Map showing the boundaries of Trafford's localities and electoral wards.</span>
+                            <a href="accessible_graphics/trafford_localities.html" target="_blank"><h3 class="cardHead themeLink">Trafford's locality boundaries</h3><img src="images/static_trafford_localities_thumbnail.png" class="thumbnail" alt=""/></a><br class="hideContent"/>
+                            <span class="cardBody">Map showing the boundaries of Trafford's localities and listing the electoral wards contained in each.</span>
                         </div>
 
                         <div class="card labBorder">
-                            <a href="https://www.trafforddatalab.io/maps/static/output/trafford_imd19.png" target="_blank"><h3 class="cardHead themeLink">Index of Multiple Deprivation 2019 for Trafford</h3><img src="images/static_trafford_imd_2019_thumbnail.png" class="thumbnail" alt=""/></a><br class="hideContent"/>
-                            <span class="cardBody">Visualising the data released by the <a href="https://www.gov.uk/government/statistics/english-indices-of-deprivation-2019" target="_blank">Ministry of Housing, Communities & Local Government</a> for Lower-layer Super Output Areas (LSOA) in Trafford. The <a href="https://www.trafforddatalab.io/maps/static/output/trafford_imd15.png" target="_blank">Index of Multiple Deprivation 2015</a> version is also available. Please visit our <a href="deprivation.html">Indices of Deprivation 2019 page</a> for further resources.</span>
+                            <a href="accessible_graphics/index_of_multiple_deprivation_2019.html" target="_blank"><h3 class="cardHead themeLink">Index of Multiple Deprivation 2019 for Trafford</h3><img src="images/static_trafford_imd_2019_thumbnail.png" class="thumbnail" alt=""/></a><br class="hideContent"/>
+                            <span class="cardBody">Visualising the data released by the <a href="https://www.gov.uk/government/statistics/english-indices-of-deprivation-2019" target="_blank">Ministry of Housing, Communities & Local Government</a> for Lower-layer Super Output Areas (LSOA) in Trafford. The <a href="accessible_graphics/index_of_multiple_deprivation_2015.html" target="_blank">Index of Multiple Deprivation 2015</a> version is also available. Please visit our <a href="deprivation.html">Indices of Deprivation 2019 page</a> for further resources.</span>
                         </div>
                     </div>
                 </section>
