Re: Gap analysis tables - experiment

Late apologies for yesterday's meeting.

I tried the layout on my mobile only but it's certainly very clean and
usable. horiz scrolling is unusual on mobile layouts but avoiding it would
probably be much too messy, not to mention a lot of work.

The only annoyance is nothing to do with DTs, it's the vertical orange "W3C
working draft" stuck on the top left taking up valuable screen space.

Steve Lee
Sent from my mobile device Please excuse typing errors

On Thu, 4 Oct 2018, 23:56 Alastair Campbell, <acampbell@nomensa.com> wrote:

> Hi Lisa,
>
> We discussed the large tables in the gap-analysis, and I've had a little
> experiment with a new structure.
>
> Before going too far with this, I thought I'd try it one table 1 in a
> separate branch, and see if it's going in the right direction:
>
> https://rawgit.com/w3c/coga/gap-analysis-table-change/gap-analysis/index.html#secure-web-authentication
>
> The first bit is the same, the changes are just for the table:
>
>   *   Each row becomes a heading (4);
>   *   The user-need goes into a blockquote, which adds a line on the left
> (and it is written first person, so sounds like a quote);
>   *   The other cells are put into a definition list structure, so a <dt>
> tags for techniques, OS etc.
>   *   The techniques / points in the data cells going into <dd> items.
>
> For people not familiar with DL/DT/DD structures, it is basically a
> flexible list of stuff with multiple items per "term". Hopefully you can
> see that in the doc.
>
> I think it works to keep the information on the same screen (I get
> horizontal scrolling), do others think it works as a better format than the
> tables?
>
> Kind regards,
>
> -Alastair
>
> --
>
> www.nomensa.com<http://www.nomensa.com/>
> tel: +44 (0)117 929 7333 / 07970 879 653
> follow us: @we_are_nomensa or me: @alastc
> Nomensa Ltd. King William House, 13 Queen Square, Bristol BS1 4NT
>
> Company number: 4214477 | UK VAT registration: GB 771727411
>
>