Accessible Cart Tables?
Used in the post Accessible Cart Tables?.
1. Just Spanning, No headers
Attribute
Basic Shopping Cart
SKU |
Description |
Unit Price |
Quantity |
Total |
123456 |
Pudding |
$1.00 |
240 |
$ 240.00 |
987654 |
A new set of steak knives |
$90.00 |
½ |
$ 45.00 |
456789 |
Sand |
$5.00 |
200 |
$ 1,000.00 |
Sub-Total |
$ 1,525.00 |
Shipping |
FREE |
Grand Total |
$ 1,525.00 |
2. Description Column with a headers
Attribute
Description Column
SKU |
Description |
Unit Price |
Quantity |
Total |
123456 |
Pudding |
$1.00 |
240 |
$ 240.00 |
987654 |
A new set of steak knives |
$90.00 |
½ |
$ 45.00 |
456789 |
Sand |
$5.00 |
200 |
$ 1,000.00 |
Sub-Total |
$ 1,525.00 |
Shipping |
FREE |
Grand Total |
$ 1,525.00 |
3. Blank Column with a headers
Attribute
Blank Column
|
SKU |
Description |
Unit Price |
Quantity |
Total |
|
123456 |
Pudding |
$1.00 |
240 |
$ 240.00 |
|
987654 |
A new set of steak knives |
$90.00 |
½ |
$ 45.00 |
|
456789 |
Sand |
$5.00 |
200 |
$ 1,000.00 |
Sub-Total |
$ 1,525.00 |
Shipping |
FREE |
Grand Total |
$ 1,525.00 |
4. Using a headers
Attribute to Point to a Header It Does Not Span
Header It Does Not Span
SKU |
Description |
Unit Price |
Quantity |
Total |
123456 |
Pudding |
$1.00 |
240 |
$ 240.00 |
987654 |
A new set of steak knives |
$90.00 |
½ |
$ 45.00 |
456789 |
Sand |
$5.00 |
200 |
$ 1,000.00 |
Sub-Total |
$ 1,525.00 |
Shipping |
FREE |
Grand Total |
$ 1,525.00 |
5. Using <tfoot>
and aria-labelledby
for Last 3 Rows
6. Restructure the Table
Restructured Shopping Cart
SKU |
Description |
Unit Price |
Quantity |
Sub-Total |
Total |
123456 |
Pudding |
$1.00 |
240 |
$ 240.00 |
$ 240.00 |
987654 |
A new set of steak knives |
$90.00 |
½ |
$ 45.00 |
$ 45.00 |
456789 |
Sand |
$5.00 |
200 |
$ 1,000.00 |
$ 1,000.00 |
Sub-Total |
$ 1,525.00 |
Shipping |
FREE |
Grand Total |
$ 1,525.00 |
7. Dump All Spans
No Spans
SKU |
Description |
Unit Price |
Quantity |
Total |
123456 |
Pudding |
$1.00 |
240 |
$ 240.00 |
987654 |
A new set of steak knives |
$90.00 |
½ |
$ 45.00 |
456789 |
Sand |
$5.00 |
200 |
$ 1,000.00 |
|
Sub-Total |
$1,525.00 |
1 |
$ 1,525.00 |
|
Shipping |
FREE |
1 |
$ 1,525.00 |
|
Grand Total |
|
1 |
$ 1,525.00 |