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

Hi All,

It seems to me this scenario could plausibly be marked up with `output` (or
other HTML5 form elements) or with a `dl` (definition list).

Given the example above, perhaps multiple `dl` nested within an `ul`

I agree that this could be tabular data and might be fitting for a table
but to me the `output` element seems the closest semantically...or maybe
`datalist`.

*Adam Powell*
Learn more at my website: Adam Infinitum <http://www.adaminfinitum.com>


On Thu, Sep 29, 2016 at 9:37 PM, Russ Weakley <russ@maxdesign.com.au> wrote:

> Hi Mohammad,
>
> Try this quick example of how it could be marked up:
>
> <https://jsfiddle.net/russmaxdesign/e7pe5gur/>
>
> (No JS included, just a demo)
>
> Thanks
> Russ
>
>
>
> -------- 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
>
>
>
>