Fix WCAG issues on the output page

darekkay · May 30, 2023 · 4ccaa08 · 4ccaa08
1 parent 9eb3505
commit 4ccaa08
Show file tree

Hide file tree

Showing 6 changed files with 10 additions and 7 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -4,6 +4,7 @@
 
 - :boom: Drop Node 14 support.
 - :rocket: Disable `axe-core` "landmark-complementary-is-top-level" rule by default as it's [buggy](https://github.com/dequelabs/axe-core/issues/3586).
+- :bug: Fix WCAG issues on the output page.
 - :hammer: Update dependencies.
 - :hammer: Simplify GitHub CI.
 

diff --git a/config.demo.json5 b/config.demo.json5
@@ -7,6 +7,8 @@
     "https://webaim.org/",
     "https://www.a11yproject.com/",
     "https://darekkay.com",
+    "https://darekkay.com/evaluatory/demo/",
+    "https://darekkay.com/evaluatory/demo/4.html",
     "https://www.11ty.dev/docs/",
   ],
 }
diff --git a/src/modules/axe-core/template.njk b/src/modules/axe-core/template.njk
@@ -5,7 +5,7 @@
   <li>
     <strong class="{{ 'text-danger' if issueCount > 0 }}">{{ issueCount }} violation(s)</strong>
   </li>
-  <li>View <a href="{{ jsonFileName }}">JSON results</a></li>
+  <li class="prose">View <a href="{{ jsonFileName }}">JSON results</a></li>
 </ul>
 
 {% for violation in violations %}
@@ -16,7 +16,7 @@
         <use xlink:href="#icon-severity-{{ violation.severity }}"></use>
       </svg> {{ violation.description }}
     </h3>
-    <p>Violated
+    <p class="prose">Violated
       <a href="{{ violation.helpUrl }}" target="_blank" rel="noopener">{{ violation.id }}</a> on:
       <em>{{ violation.breakpoints.join(", ") }}</em></p>
 

diff --git a/src/modules/html-validate/template.njk b/src/modules/html-validate/template.njk
@@ -5,7 +5,7 @@
   <li>
     <strong class="{{ 'text-danger' if issueCount > 0 }}">{{ issueCount }} violation(s)</strong>
   </li>
-  <li>View <a href="{{ jsonFileName }}">JSON results</a></li>
+  <li class="prose">View <a href="{{ jsonFileName }}">JSON results</a></li>
 </ul>
 
 {% for violation in violations %}
@@ -16,7 +16,7 @@
         <use xlink:href="#icon-severity-serious"></use>
       </svg> {{ violation.message }}
     </h3>
-    <p>Violated
+    <p class="prose">Violated
       <a href="https://html-validate.org/rules/{{ violation.ruleId }}.html" target="_blank" rel="noopener">{{ violation.ruleId }}</a>
     </p>
     {% if violation.selector %}

diff --git a/src/templates/index.njk b/src/templates/index.njk
@@ -106,7 +106,7 @@
       <small>Last generated: {{ lastGenerated }}</small>
     </p>
   </main>
-  <footer class="inverted">
+  <footer class="inverted prose">
     <span>Handmade with ♥ by <a href="https://darekkay.com" target="_blank" rel="noopener">Darek Kay</a></span>
 
     <div class="flex items-center">

diff --git a/src/templates/module.njk b/src/templates/module.njk
@@ -24,7 +24,7 @@
 
   <main>
     <p><a href="index.html">← Back</a></p>
-    <p>Results for:
+    <p class="prose">Results for:
       <a href="{{ url }}" target="_blank" rel="noopener">{{ url }}</a></p>
 
     <ul>
@@ -39,7 +39,7 @@
     {% endfor %}
 
   </main>
-  <footer class="inverted">
+  <footer class="inverted prose">
     <span>Handmade with ♥ by <a href="https://darekkay.com" target="_blank" rel="noopener">Darek Kay</a></span>
 
     <div class="flex items-center">