Re: Request for Suggestions | Shopping Cart - Table vs List

Hi Ashraf,
Using data tables for shopping cart with th and scope attribute is good start. Data tables can have caption and summary added to describe the purpose. Collapsible divs can help you attain the expanding and collapsing structure you are expecting. Lists with in tables are semantically not supported..
Pls, Consider testing a prototype for the meaningful sequence by linearising table. 
When it comes to usability, I prefer avoiding too many user interactive elements in the shopping cart summary page as its to support Error Prevention before doing financial transactions.
Other alternative is to have one interactive element for the whole table that can do.expand all price details and collapse all price details without having to do multiple times.
Regards,Herin

-------- Original message --------
From: "Mohammad, Ashraf" <Ashraf.Mohammad@sabre.com> 
Date: 27/09/2016  2:53 am  (GMT+10:00) 
To: w3c-wai-ig@w3.org 
Subject: Request for Suggestions | Shopping Cart - Table vs List 

Hi,
    I am currently working on shopping cart implementation which has as structure as shown below:

Shopping Cart
Product1                 $10
--------------------------------
Product2                 $15   (+)
>price                      $10
>insurance              $5
---------------------------------
Taxes                        $5    (+)
>Fed tax                  $2
>State tax               $3
————————————
Total                         $30

(+)  stands for toggle expand/collapse button

What would the correct/better(more accessible) choice for implementing this, List(nested) or Table(with rows shown/hidden with js)  or some thing better?

Thank you,
Ashraf