From de0a6e835a00f70975b8437d19ecd23bfa51745b Mon Sep 17 00:00:00 2001
From: sthag <sthag@interaktionsweise.de>
Date: Fri, 27 Oct 2023 22:09:00 +0200
Subject: [PATCH] Additions to intro page

- Added description for title attribute
- Fixed typo
- Better structure for example table
---
 source/screens/demo/intro.njk | 29 ++++++++++++++---------------
 1 file changed, 14 insertions(+), 15 deletions(-)

diff --git a/source/screens/demo/intro.njk b/source/screens/demo/intro.njk
index d9f9924..67d7c86 100644
--- a/source/screens/demo/intro.njk
+++ b/source/screens/demo/intro.njk
@@ -303,14 +303,14 @@
         <code>&lt;abbr&gt;</code>
         gemeinsam verwendet. Die eigentliche Definition kann dabei auch im Attribut
         <code>title</code>
-        stehen.</p>
+        stehen. Dies ist ein globales Attribut das erklärende Informationen zu dem Element enthält. Diese wird typischerweise beim darauf Zeigen eingeblendet.</p>
       <p>
         <dfn>
           <abbr title="Hippie interweaves preeminent personal interface elements">HIPPIE</abbr>
         </dfn>
         is an recursive acronym for
         <dfn>Hippie interweaves preeminent personal interface elements</dfn>.</p>
-      <p>Die besondere Auszeichnungen
+      <p>Die besondere Auszeichnung
         <code>&lt;ruby&gt;</code>
         <q cite="https://de.wikipedia.org/wiki/Ruby_Annotation">bezeichnet ein Anmerkungssystem, bei dem der Text zusammen mit seiner Anmerkung in einer Zeile erscheint.</q>
         Das System verwendet die folgenden weiteren Elemente mit spezifischer Bedeutung:</p>
@@ -618,10 +618,10 @@
       <table class="width_full table_fix js_pop">
         <thead>
           <tr>
-            <th class="cell_pre"></th>
-            <th>Kopfzeile</th>
-            <th>A</th>
-            <th>B</th>
+            <th class="cell_pre" scope="col"></th>
+            <th scope="col">Kopfzeile</th>
+            <th scope="col">A</th>
+            <th scope="col">B</th>
           </tr>
         </thead>
         <tbody>
@@ -674,33 +674,32 @@
         <caption>Die Verteilung der Zellen ist hier von ihrem Inhalt abhängig.</caption>
         <thead>
           <tr>
-            <th>Bezeichnung</th>
-            <th>Menge</th>
-            <th>&gt;9000</th>
+            <th scope="col">Bezeichnung</th>
+            <th scope="col">Menge</th>
+            <th scope="col">Wert</th>
           </tr>
         </thead>
         <tbody>
           <tr>
             <td>Alpha</td>
             <td>1</td>
-            <td>8990</td>
+            <td class="txt_right">8990</td>
           </tr>
           <tr>
             <td>Bravo</td>
             <td>10</td>
-            <td>1</td>
+            <td class="txt_right">1</td>
           </tr>
           <tr>
             <td>Charlie</td>
             <td>1</td>
-            <td>1</td>
+            <td class="txt_right">1</td>
           </tr>
         </tbody>
         <tfoot>
           <tr>
-            <td>Summe</td>
-            <td></td>
-            <td>9001</td>
+            <th colspan="2" class="txt_right" scope="row">Summe</th>
+            <td class="txt_right" title=">9000">9001</td>
           </tr>
         </tfoot>
       </table>