WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: questions about tfoot and content order

for

From: Chris Hoffman
Date: Dec 15, 2010 3:39AM

The "update" and "continue shopping" buttons don't belong in the tfoot, since they don't describe the contents of the columns.

Chris


On Dec 13, 2010, at 9:42 AM, tee < <EMAIL REMOVED> > wrote:

> Quote the spec:
>
> The TFOOT element defines a group of footer rows in a table. A TABLE may have one TFOOT, which must follow the optional THEADand precede the required TBODY.
>
>
> I have a shopping cart with following markups.
>
> [h1] Shipping Cart
>
> ------------------------------------------------
> tabular data
> <table summary="items in the shopping cart">
> <thead>
> <tr>
> <th>
> ............ content
>
> <tfoot>
> <tr>
> <td>[button] update cart [button] continue shopping</td>
>
> <tbody>
> <tr>
> <td>............ content
>
>
> ------------------------------------------------
>
> [h2] discount code
> ............ content
>
> ------------------------------------------------
> tabular data
>
> <table summary="tax and subtotal details">
> <tfoot>
> <tr>
> <th>
> <tbody>
> <tr>
> <td>
>
> ------------------------------------------------
>
> [button] checkout
>
>
> [h2] Estimate Shipping & Tax
> ............ content
>
> [h2] cross-sell
> ...cross-sell items
>
>
> Testing from VoiceOver, as expected, it reads content in the tfoot first before tbody.
>
> Question 1: Will it be confusing for screen reader user?
>
> Question 2: This is more a usability issue than accessibility that I am concerned with. Do screen reader users find it more accessible if the "Estimate Shipping & Tax" and "cross-sell" place above the "Checkout" button?
>
> Thanks!
> tee
>