Add visuallyHiddenText to examples

alphagov · Dec 17, 2018 · fc38361 · fc38361
1 parent 9f38479
commit fc38361
Show file tree

Hide file tree

Showing 3 changed files with 39 additions and 35 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -31,7 +31,7 @@
     "autoprefixer": "^9.1.0",
     "clipboard": "^2.0.1",
     "connect": "^3.6.6",
-    "govuk-frontend": "github:alphagov/govuk-frontend#688fd67d",
+    "govuk-frontend": "github:alphagov/govuk-frontend#7230c59d",
     "gray-matter": "^4.0.1",
     "highlight.js": "^9.12.0",
     "html5shiv": "^3.7.3",

diff --git a/src/components/data-summary-list/default/index.njk b/src/components/data-summary-list/default/index.njk
@@ -6,67 +6,71 @@ layout: layout-example.njk
 {% from "data-summary-list/macro.njk" import govukDataSummaryList %}
 
 {{ govukDataSummaryList({
-  "rows": [
+  rows: [
     {
-      "key": {
-        "text": "Name"
+      key: {
+        text: "Name"
       },
-      "value": {
-        "text": "Sarah Philips"
+      value: {
+        text: "Sarah Philips"
       },
-      "actions": {
-        "items": [
+      actions: {
+        items: [
           {
-            "href": "#",
-            "text": "Change"
+            href: "#",
+            text: "Change",
+            visuallyHiddenText: "name"
           }
         ]
       }
     },
     {
-      "key": {
-        "text": "Date of birth"
+      key: {
+        text: "Date of birth"
       },
-      "value": {
-        "text": "5 January 1978"
+      value: {
+        text: "5 January 1978"
       },
-      "actions": {
-        "items": [
+      actions: {
+        items: [
           {
-            "href": "#",
-            "text": "Change"
+            href: "#",
+            text: "Change",
+            visuallyHiddenText: "date of birth"
           }
         ]
       }
     },
     {
-      "key": {
-        "text": "Contact information"
+      key: {
+        text: "Contact information"
       },
-      "value": {
-        "html": "72 Guild Street<br>\nLondon<br>\nSE23 6FH\n"
+      value: {
+        html: "72 Guild Street<br>\nLondon<br>\nSE23 6FH\n"
       },
-      "actions": {
-        "items": [
+      actions: {
+        items: [
           {
-            "href": "#",
-            "text": "Change"
+            href: "#",
+            text: "Change",
+            visuallyHiddenText: "contact information"
           }
         ]
       }
     },
     {
-      "key": {
-        "text": "Contact details"
+      key: {
+        text: "Contact details"
       },
-      "value": {
-        "html": "07700 900457<br>\nsarah.phillips@example.com\n"
+      value: {
+        html: "07700 900457<br>\nsarah.phillips@example.com\n"
       },
-      "actions": {
-        "items": [
+      actions: {
+        items: [
           {
-            "href": "#",
-            "text": "Change"
+            href: "#",
+            text: "Change",
+            visuallyHiddenText: "contact details"
           }
         ]
       }