HXL-CPLP/forum#58, hapi-t9n-alpha (#13), mvp-l10n-schemas (#7): a11y,…

… correções de acessibilidade web
HXL-CPLP · Jun 13, 2021 · 2fcc609 · 2fcc609
1 parent 68a514e
commit 2fcc609
Show file tree

Hide file tree

Showing 7 changed files with 76 additions and 10 deletions.
diff --git a/_assets/css/hapi.css b/_assets/css/hapi.css
@@ -21,6 +21,9 @@
 .peritum-est, .peritum-est--block, .peritum-est--inline, .peritum-est--inline-block, .peritum-est--list-item {
   display: none;
 }
+.peritum-modum-est main {
+  padding-bottom: 60px;
+}
 .peritum-modum-est .peritum-est, .peritum-modum-est .peritum-est--block {
   display: block;
 }

diff --git a/_includes/index-corporeum-mul-Zyyy.html b/_includes/index-corporeum-mul-Zyyy.html
@@ -14,7 +14,7 @@ <h3 id="api-{{ globum.gid | slugify }}">
 
       {% for xapi in globum.collectionem_xapi %}
       <article style="padding: 1em">
-        <h4 id="{{ xapi.url | slugify }}">
+        <h4 id="{{ xapi.lid | default: xapi['datum']['lid'] | slugify }}">
           <a href="#{{ xapi.url | slugify }}">🔗</a>
           {{ xapi.lid | default: xapi['datum']['lid'] }}
         </h4>

diff --git a/_includes/index-corporeum.html b/_includes/index-corporeum.html
@@ -15,17 +15,17 @@ <h3 id="api-{{ globum.gid | slugify }}">
       <article style="padding: 1em">
         {% if xapi.alternativum_linguam contains page.linguam %}
           {% assign api_alt = xapi.alternativum | where: 'linguam', page.linguam | first %}
-          <article class="card">
+          <div class="card">
             <div class="card-header">
               <small>🗣{{ api_alt.linguam }}🗣</small>
               {% if api_alt.opus_in_progressu %}
                 <small>{% _🗣️ opus_in_progressu_emoji_nomen 🗣️_ %}</small>
               {% endif %}
             </div>
             <div class="card-body">
-              <h5 class="card-title" id="{{ api_alt.url | slugify }}" >
+              <h4 class="card-title" id="{{ api_alt.url | slugify }}" >
                 {{ api_alt.title }}
-              </h5>
+              </h4>
               <p class="card-text">
 
                 {{ api_alt.description | default: "<mark>_[por] TODO: adicionar descrição [por]_</mark>" }}
@@ -45,9 +45,9 @@ <h5 class="card-title" id="{{ api_alt.url | slugify }}" >
                 <mark>_[por] TODO: adicionar lista de colaboradores [por]_</mark>
               </small>
             </div>
-          </article>
+          </div>
         {% else %}
-        <h4 id="{{ xapi.url | slugify }}">
+        <h4 id="{{ xapi.lid | default: xapi['datum']['lid'] | slugify }}">
           <a href="#{{ xapi.url | slugify }}">🔗</a>
           {{ xapi.lid | default: xapi['datum']['lid'] }}
         </h4>
@@ -99,7 +99,7 @@ <h5 class="card-title" id="{{ api_alt.url | slugify }}" >
     {% endfor %}
   </article>
   <article>
-    <h2>{% _🗣️ schemam_nomen 🗣️_ %}</h2>
+    <h2 id="schemam">{% _🗣️ schemam_nomen 🗣️_ %}</h2>
     <div class="alert alert-info" role="alert">
       <p>{% _🗣️ opus_in_progressu_emoji_nomen 🗣️_ %}</p>
     </div>

diff --git a/_includes/peritum-modum/instrumentum-balteum.html b/_includes/peritum-modum/instrumentum-balteum.html
@@ -65,6 +65,14 @@ <h2 class="visually-hidden-focusable">Peritum mode</h2>
               WAVE?
             </a>
           </li>
+          <!--
+            - https://www.w3.org/WAI/ER/tools/?q=online-tool
+            - https://www.accessibility.sa.gov.au/your-role/development/screen-reader
+            - https://www.nvaccess.org/
+            - https://help.gnome.org/users/orca/stable/
+            - https://www.apple.com/br/accessibility/vision/
+
+          -->
           <li class="nav-item">
             <a class="nav-link" aria-current="page" target="_blank"
             href="https://validator.w3.org/nu/?showoutline=yes&showimagereport=yes&doc={{ page.url | absolute_url | url_encode }}">
@@ -83,24 +91,66 @@ <h2 class="visually-hidden-focusable">Peritum mode</h2>
               PageSpeed?
             </a>
           </li>
+          <li class="nav-item dropup">
+            <a class="nav-link dropdown-toggle" href="#" id="dropdown-pm-2"
+              data-bs-toggle="dropdown" aria-expanded="false">
+              A11y
+            </a>
+            <!-- https://www.w3.org/WAI/ER/tools/?q=online-tool -->
+            <ul class="dropdown-menu" aria-labelledby="dropdown-pm-2">
+              <li>
+                <a class="dropdown-item" target="_blank"
+                href="https://wave.webaim.org/report#/{{ page.url | absolute_url }}">
+                  WAVE?
+                </a>
+              </li>
+              <li>
+                <a class="dropdown-item" target="_blank"
+                href="https://www.accessi.org/?={{ page.url | absolute_url }}">
+                  Accessi?
+                </a>
+              </li>
+              <li>
+                <a class="dropdown-item" target="_blank"
+                href="https://www.webaccessibility.com/results/?url={{ page.url | absolute_url | url_encode }}">
+                  A11y Level Access?
+                </a>
+              </li>
+              <!--
+                Stopped on 'Accessibility Scanning & Monitoring by UserWay'
+              -->
+              <li>
+                <a class="dropdown-item" target="_blank"
+                href="https://www.w3.org/WAI/ER/tools/?q=online-tool">
+                  W3C WAI (...)
+                </a>
+              </li>
+            </ul>
+          </li>
           <li class="nav-item dropup">
             <a class="nav-link dropdown-toggle" href="#" id="dropdown10"
               data-bs-toggle="dropdown" aria-expanded="false">
               ℹ️
             </a>
             <ul class="dropdown-menu" aria-labelledby="dropdown10">
               <li>
-                <a class="dropdown-item"
+                <a class="dropdown-item" target="_blank"
                   href="https://github.com/HXL-CPLP/Auxilium-Humanitarium-API/wiki">
                   Wiki
                 </a>
               </li>
               <li>
-                <a class="dropdown-item"
+                <a class="dropdown-item" target="_blank"
                   href="https://docs.google.com/spreadsheets/d/1ih3ouvx_n8W5ntNcYBqoyZ2NRMdaA0LRg5F9mGriZm4/edit#gid=816634241">
                   T.M.
                 </a>
               </li>
+              <li>
+                <a class="dropdown-item" target="_blank"
+                  href="https://github.com/HXL-CPLP/Auxilium-Humanitarium-API/actions">
+                  GitHub Actions Logs
+                </a>
+              </li>
             </ul>
           </li>
         </ul>

diff --git a/_layouts/api.html b/_layouts/api.html
@@ -49,4 +49,15 @@ <h2>{% _🗣️ licentiam_nomen 🗣️_ %}</h2>
   {% de_markdown %}{% _🗣️ Hapi_licentiam_Hapi_descriptionem 🗣️_ %}{% endde_markdown %}
 </section>
 
+<div class="row justify-content-md-center">
+  <div class="col-md-auto">
+    <div class="form-check form-switch">
+      <input class="form-check-input" type="checkbox" id="peritum-modum-est">
+      <label class="form-check-label" for="peritum-modum-est">
+        🛠️{% _🗣️ Hapi_peritum_modum_est_nomen 🗣️_ %}🛠️
+      </label>
+    </div>
+  </div>
+</div>
+
 {%- include peritum-modum/instrumentum-balteum.html -%}
diff --git a/_layouts/defallo.html b/_layouts/defallo.html
@@ -15,6 +15,8 @@
 
   {%- include pedem.html -%}
 
+  {%- include peritum-modum/instrumentum-balteum.html -%}
+
 </body>
 
 </html>
diff --git a/documentum/index.html b/documentum/index.html
@@ -77,7 +77,7 @@ <h1 class="display-5 fw-bold">
               </a>
             </li>
             <li class="list-group-item">
-              <a href="https://github.com/HXL-CPLP/Auxilium-Humanitarium-API">
+              <a href="https://github.com/HXL-CPLP/Auxilium-Humanitarium-API/stargazers">
                 <img src="https://img.shields.io/github/stars/HXL-CPLP/Auxilium-Humanitarium-API?style=social"
                   alt="GitHub Repo stars">
                 </a>
-Original file line number
+Diff line change
@@ Expand Up / @@ -15,6 +15,8 @@ @@
       {%- include pedem.html -%}
+      {%- include peritum-modum/instrumentum-balteum.html -%}
     </body>
     </html>