Hi, when using JAWS in Firefox, the colspan attribute doesn't seem to be supported for headers and cells in HTML tables. There are two main issues I've noticed when navigating tables with spanned headers or cells:
JAWS doesn't announce the number of columns spanned for the header or cell
JAWS may associate headers and cells with the wrong column group header
These issues aren't present in Chrome or IE11 from my testing, so this could possibly be a browser issue.
On a similar note, I've also noticed that the rowspan attribute isn't supported in Firefox, but I haven't done as much testing on spanned rows.
Navigate to the first table, and navigate through each cell in the table row-by-row.
This example contains two tables that each have three rows and four columns, with two column groups that each span two columns.
The tables are identical except the second one adds the headers and id attributes to associate cells with their column group. The additional markup doesn't change how the table is read in Firefox or Chrome, but I've included it in case it's useful.
Expected result
I expected JAWS to read the number of columns spanned for each header (e.g., "spans 2 columns"), and correctly associate headers and cells with their column group. For example, this is what JAWS reads in Chrome when navigating through each cell in the table:
JAWS doesn't read the number of columns spanned for any header, and associates headers and cells with the wrong column group. For example, JAWS associates the second column with the "Summer" group, but it should really be the "Winter" group. Here's what JAWS reads in Firefox when navigating through each cell in the table:
Summary
Hi, when using JAWS in Firefox, the
colspan
attribute doesn't seem to be supported for headers and cells in HTML tables. There are two main issues I've noticed when navigating tables with spanned headers or cells:These issues aren't present in Chrome or IE11 from my testing, so this could possibly be a browser issue.
On a similar note, I've also noticed that the
rowspan
attribute isn't supported in Firefox, but I haven't done as much testing on spanned rows.Steps to reproduce
.txt
extension: html-tables-colspan.html.txtThis example contains two tables that each have three rows and four columns, with two column groups that each span two columns.
The tables are identical except the second one adds the
headers
andid
attributes to associate cells with their column group. The additional markup doesn't change how the table is read in Firefox or Chrome, but I've included it in case it's useful.Expected result
I expected JAWS to read the number of columns spanned for each header (e.g., "spans 2 columns"), and correctly associate headers and cells with their column group. For example, this is what JAWS reads in Chrome when navigating through each cell in the table:
Actual result
JAWS doesn't read the number of columns spanned for any header, and associates headers and cells with the wrong column group. For example, JAWS associates the second column with the "Summer" group, but it should really be the "Winter" group. Here's what JAWS reads in Firefox when navigating through each cell in the table:
Additional Information
JAWS version and build number
JAWS 2021.2105.53 ILM
Operating System and version
Windows 10.0.19041 Build 19041
Browser and version: