RE: Flexbox / grid techniques

Thx detlev, changes made…

Extra: I would like to see some kind of ‘default’ styling / templates, WAI Tutorial like<https://www.w3.org/WAI/tutorials/>, to not pollute examples, and also to see techniques ‘live on a page’, not only the code. Would make it so much more appealing.

A generic styling / example approach would also be a great addition to our work.

Cheers!
Jake

From: Detlev Fischer [mailto:detlev.fischer@testkreis.de]
Sent: zaterdag 31 maart 2018 16:49
To: Abma, J.D. (Jake) <Jake.Abma@ing.com>
Cc: Alastair Campbell <acampbell@nomensa.com>; public-mobile-a11y-tf@w3.org; Jim Allan <jimallan@tsbvi.edu>
Subject: Re: Flexbox / grid techniques

Great - Maybe still name the panels Panel 1, Panel 2 so it ist clear which comes first in narrow vie reflow

Detlev

Sent from phone

Am 30.03.2018 um 14:38 schrieb Abma, J.D. (Jake) <Jake.Abma@ing.com<mailto:Jake.Abma@ing.com>>:
How you like this as a basis?

https://codepen.io/Jake-Abma/live/a1f9e62868ad0dfb5379c1b075c6f538


https://codepen.io/Jake-Abma/pen/ZxxyRX/


Cheers,
Jake

From: Alastair Campbell [mailto:acampbell@nomensa.com]
Sent: vrijdag 16 maart 2018 12:44
To: Abma, J.D. (Jake) <Jake.Abma@ing.com<mailto:Jake.Abma@ing.com>>; public-mobile-a11y-tf@w3.org<mailto:public-mobile-a11y-tf@w3.org>
Cc: Jim Allan <jimallan@tsbvi.edu<mailto:jimallan@tsbvi.edu>>
Subject: Re: Flexbox / grid techniques

Fantastic ☺

We are basically looking for a modern equivalent of this:
https://www.w3.org/WAI/GL/2016/WD-WCAG20-TECHS-20160105/G146


In order of time needed, getting as far as you can with:


  1.  Creating a simple HTML / CSS source code example as a demo (which needs to be accessible, but minimal).
  2.  Creating a wiki page for the other content like this: https://www.w3.org/WAI/GL/wiki/Allowing_for_Reflow

  3.  Creating the actual technique in github: https://github.com/w3c/wcag21#editing-techniques


If you’re comfortable, you could skip straight to 3 and do it all in github, but it’s step one we’re struggling with.

Thank you,

-Alastair


From: "Abma, J.D. (Jake)" <


​

I'm here to help!



________________________________
From: Alastair Campbell <acampbell@nomensa.com<mailto:acampbell@nomensa.com>>
Sent: Friday, March 16, 2018 10:55 AM
To: public-mobile-a11y-tf@w3.org<mailto:public-mobile-a11y-tf@w3.org>
Cc: Jim Allan
Subject: Flexbox / grid techniques

Hi everyone,

Sorry to gate-crash MAFT, but I was wondering if there was a cross-over on techniques for mobile and low-vision, or people available to create them?

For Reflow [1] we could do with a CSS based technique for a grid layout (or other type) that reflows down to 320px, would anyone on the mobile task force be able to help?

My knowledge is a bit rusty (and time non-existent), if anyone can pull out a basic layout from recent work it would really help get that going.

Kind regards,

-Alastair

1] https://www.w3.org/WAI/WCAG21/Understanding/reflow.html


--

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

-----------------------------------------------------------------

ATTENTION:

The information in this e-mail is confidential and only meant for the intended recipient. If you are not the intended recipient, don't use or disclose it in any way. Please let the sender know and delete the message immediately.

-----------------------------------------------------------------

-----------------------------------------------------------------

ATTENTION:

The information in this e-mail is confidential and only meant for the intended recipient. If you are not the intended recipient, don't use or disclose it in any way. Please let the sender know and delete the message immediately.

-----------------------------------------------------------------

-----------------------------------------------------------------
ATTENTION:
The information in this e-mail is confidential and only meant for the intended recipient. If you are not the intended recipient, don't use or disclose it in any way. Please let the sender know and delete the message immediately.
-----------------------------------------------------------------