Hallo,
es ist mir bis jetzt nicht gelungen, den Minikalender barrierefrei nach WCAG Level A zu machen:
https://www.dc-zuarin.de/start.html
Das Prüftool hat einen Fehler ermittelt:
https://achecks.org/checker/index.php#output_div
Code:
Success Criteria 1.3.1 Info and Relationships (A)
Check 245: Data table with more than one row/column of headers does not use id and headers attributes to identify cells.
Repair: Add id and headers attributes to table cells so they identify the cells that relate to the headers.
Error Line 249, Column 1:
<table class="minicalendar">
<thead>
<tr>
<th id="previous" headers="previous" class="head previous" ...
Obwohl ich bereits die Attribute id und headers ergänzt habe:
Code:
<thead>
<tr>
<th id="previous" headers="previous" class="head previous"><a href="start.html?month=202311" title="November 2023" data-skip-search-index><</a></th>
<th id="current" headers="current" colspan="5" class="head current">Dezember 2023</th>
<th id="next" headers="next" class="head next"> .</th>
</tr>
<tr>
<th id="Montag1" headers="Montag current day" class="label col_first">Mo<span class="invisible">ntag</span></th>
<th id="Dienstag1" headers="Dienstag current day" class="label">Di<span class="invisible">enstag</span></th>
<th id="Mittwoch1" headers="Mittwoch current day" class="label">Mi<span class="invisible">ttwoch</span></th>
<th id="Donnerstag1" headers="Donnerstag current day" class="label">Do<span class="invisible">nnerstag</span></th>
<th id="Freitag1" headers="Freitag current day" class="label">Fr<span class="invisible">eitag</span></th>
<th id="Samstag1" headers="Samstag current day" class="label weekend">Sa<span class="invisible">mstag</span></th>
<th id="Sonntag1" headers="Sonntag current day" class="label col_last weekend">So<span class="invisible">nntag</span></th>
</tr>
</thead>
Was mache ich falsch?
Vielen Dank für Hinweise.
Lesezeichen