[#42678] - Accessibility Check doesn't identify thead
- Closed
- 19 Jan 2024
- Low
- Build: 5.0.2
- # 42678
Steps to reproduce the issue
In Joomla 5.0.2 when creating an article containing a table, run the Checker and it will give an Accessibility Error on the table because it lacks a header. The table has a correct header line that displays correctly.
Expected result
This should not receive and Accessibility error.
Actual result
I expect it works correctly for users with screen readers, but it's incorrect for the developer.
System information (as much as possible)
Joomla 5.0.2 (including previous 5.x versions)
PHP 8.1.27
Database 10.6.16-MariaDB
Litespeed webserver
Hosted on Rochen
Additional comments
I've tried this on different sites and have gotten the same results every time. It just doesn't seem to "see" the thead tag.
| Labels |
Removed:
?
|
||
joomla-cms-bot
- | Labels |
Added:
No Code Attached Yet
|
||
chmst
- | Labels |
Added:
a11y
|
||
The accessibility checker is correct. You do not have valid table headers
You have
<thead>
<tr class="h3" style="height: 50px; text-align: center;">
<td style="text-align: center;"><span style="font-size: 18pt;"><strong>Question</strong></span></td>
<td style="text-align: center;"><span style="font-size: 18pt;"><strong>Answer</strong></span></td>
</tr>
</thead>
Correct code would be
<thead>
<tr class="h3" style="height: 50px; text-align: center;">
<th style="text-align: center;"><span style="font-size: 18pt;"><strong>Question</strong></span></th>
<th style="text-align: center;"><span style="font-size: 18pt;"><strong>Answer</strong></span></th>
</tr>
</thead>
OK, thanks. I didn't understand (obviously) the role that th plays.
This comment was created with the J!Tracker Application at issues.joomla.org/tracker/joomla-cms/42678.
| Status | New | ⇒ | Closed |
| Closed_Date | 0000-00-00 00:00:00 | ⇒ | 2024-01-19 21:09:08 |
| Closed_By | ⇒ | Quy |
Closing as not a core issue. Thanks Brian!
It's awesome that you are testing and trying to be accessible
Please post the html code for the table you are creating.