use details/summary elements for revealing our loud a11y node details

GoogleChrome · Jun 2, 2016 · 3b4fa60 · 3b4fa60
1 parent b1e0919
commit 3b4fa60
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 8 deletions.
diff --git a/extension/app/manifest.json b/extension/app/manifest.json
@@ -1,6 +1,6 @@
 {
   "name": "__MSG_appName__",
-  "version": "0.6.8",
+  "version": "0.6.9",
   "minimum_chrome_version": "52",
   "manifest_version": 2,
   "description": "__MSG_appDescription__",

diff --git a/formatters/partials/accessibility.html b/formatters/partials/accessibility.html
@@ -18,11 +18,14 @@
 }
 </style>
 <div class="axe-violation">
-  <a class="axe-violation__help--{{ this.impact }}" href="{{ this.helpUrl }}" target="_blank">{{ this.help }}</a>
-
-  <ul>
-  {{#each this.nodes}}
-    <li><code>{{ this.target }}</code></li>
-  {{/each}}
-  </ul>
+  <details>
+    <summary>
+      <a class="axe-violation__help--{{ this.impact }}" href="{{ this.helpUrl }}" target="_blank">{{ this.help }}</a>
+    </summary>
+    <ul>
+    {{#each this.nodes}}
+      <li><code>{{ this.target }}</code></li>
+    {{/each}}
+    </ul>
+  </details>
 </div>