From 4dfba51cb321782045e7dd08cbadc718f1422c78 Mon Sep 17 00:00:00 2001
From: Trevor Saint <trevorsaint@users.noreply.github.com>
Date: Tue, 26 Jan 2021 15:14:47 +0000
Subject: [PATCH] Removed some aria attributes causing accessibility problems
 (DAC) (#1321)

---
 src/components/card/_macro.njk                |  2 +-
 .../card/examples/card-image/index.njk        | 21 ++++++++-----------
 .../card/examples/card-lists/index.njk        |  3 ---
 .../card/examples/card-set/index.njk          |  3 ---
 src/components/card/examples/card/index.njk   |  1 -
 5 files changed, 10 insertions(+), 20 deletions(-)

diff --git a/src/components/card/_macro.njk b/src/components/card/_macro.njk
index 3741dde56d..30c0d293ba 100644
--- a/src/components/card/_macro.njk
+++ b/src/components/card/_macro.njk
@@ -4,7 +4,7 @@
 
   {% set titleSize = params.titleSize | default('2') %}
 
-  <div class="card" aria-labelledBy="{{ params.id }}" aria-describedBy="{{ params.textId }}" role="navigation" aria-label="{{ params.ariaBy }}">
+  <div class="card" aria-labelledBy="{{ params.id }}" aria-describedBy="{{ params.textId }}">
     
     {%- if params.image -%}
     
diff --git a/src/components/card/examples/card-image/index.njk b/src/components/card/examples/card-image/index.njk
index 00e9aadcb0..d8fcd517dd 100644
--- a/src/components/card/examples/card-image/index.njk
+++ b/src/components/card/examples/card-image/index.njk
@@ -5,48 +5,45 @@
 
         <div class="grid__col col-4@m">
             {{ onsCard({
-                "ariaBy": 'Section highlight',
                 "id": 'title1',
                 "textId": 'text1',
                 "title": 'About the census',
                 "url": '#0',
                 "text": 'The census is a survey that gives us information about all the households in England and Wales.',
                 "image": {
-                    "smallSrc": "/img/small/placeholder-card.png",
-                    "largeSrc": "/img/large/placeholder-card.png",
-                    "alt": "Image placeholder"
+                    "smallSrc": '/img/small/placeholder-card.png',
+                    "largeSrc": '/img/large/placeholder-card.png',
+                    "alt": 'Image placeholder'
                 }
             }) }}
         </div>
 
         <div class="grid__col col-4@m">
             {{ onsCard({
-                "ariaBy": 'Section highlight',
                 "id": 'title2',
                 "textId": 'text2',
                 "title": 'Working on the census',
                 "url": '#0',
                 "text": 'For Census 2021, we’ll be hiring at least 30,000 field staff across England and Wales.',
                 "image": {
-                    "smallSrc": "/img/small/placeholder-card.png",
-                    "largeSrc": "/img/large/placeholder-card.png",
-                    "alt": "Image placeholder"
+                    "smallSrc": '/img/small/placeholder-card.png',
+                    "largeSrc": '/img/large/placeholder-card.png',
+                    "alt": 'Image placeholder'
                 }
             }) }}
         </div>
 
         <div class="grid__col col-4@m">
             {{ onsCard({
-                "ariaBy": 'Section highlight',
                 "id": 'title3',
                 "textId": 'text3',
                 "title": 'Your data and security',
                 "url": '#0',
                 "text": 'How we keep your data safe and what happens to your personal information.',
                 "image": {
-                    "smallSrc": "/img/small/placeholder-card.png",
-                    "largeSrc": "/img/large/placeholder-card.png",
-                    "alt": "Image placeholder"
+                    "smallSrc": '/img/small/placeholder-card.png',
+                    "largeSrc": '/img/large/placeholder-card.png',
+                    "alt": 'Image placeholder'
                 }
             }) }}
         </div>
diff --git a/src/components/card/examples/card-lists/index.njk b/src/components/card/examples/card-lists/index.njk
index b0c17fd8e3..b4f0029857 100644
--- a/src/components/card/examples/card-lists/index.njk
+++ b/src/components/card/examples/card-lists/index.njk
@@ -5,7 +5,6 @@
        
         <div class="grid__col col-4@m">
             {{ onsCard({
-                "ariaBy": 'Section highlight',
                 "id": 'title1',
                 "textId": 'text1',
                 "title": 'About the census',
@@ -26,7 +25,6 @@
 
         <div class="grid__col col-4@m">
             {{ onsCard({
-                "ariaBy": 'Section highlight',
                 "id": 'title2',
                 "textId": 'text2',
                 "title": 'Working on the census',
@@ -47,7 +45,6 @@
 
         <div class="grid__col col-4@m">
             {{ onsCard({
-                "ariaBy": 'Section highlight',
                 "id": 'title3',
                 "textId": 'text3',
                 "title": 'Your data and security',
diff --git a/src/components/card/examples/card-set/index.njk b/src/components/card/examples/card-set/index.njk
index 4ec95a1841..2b4552fd1f 100644
--- a/src/components/card/examples/card-set/index.njk
+++ b/src/components/card/examples/card-set/index.njk
@@ -5,7 +5,6 @@
        
         <div class="grid__col col-4@m">
             {{ onsCard({
-                "ariaBy": 'Section highlight',
                 "id": 'title1',
                 "textId": 'text1',
                 "title": 'About the census',
@@ -16,7 +15,6 @@
 
         <div class="grid__col col-4@m">
             {{ onsCard({
-                "ariaBy": 'Section highlight',
                 "id": 'title2',
                 "textId": 'text2',
                 "title": 'Working on the census',
@@ -27,7 +25,6 @@
 
         <div class="grid__col col-4@m">
             {{ onsCard({
-                "ariaBy": 'Section highlight',
                 "id": 'title3',
                 "textId": 'text3',
                 "title": 'Your data and security',
diff --git a/src/components/card/examples/card/index.njk b/src/components/card/examples/card/index.njk
index f6e42131e1..19a8984e8f 100644
--- a/src/components/card/examples/card/index.njk
+++ b/src/components/card/examples/card/index.njk
@@ -1,7 +1,6 @@
 {% from "components/card/_macro.njk" import onsCard %}
 
 {{ onsCard({
-    "ariaBy": 'Section highlight',
     "id": 'title',
     "textId": 'text',
     "titleSize": '3',