Re: Use of tablist role for tabbed content

For what it is worth, this is a different take on Tab List/Panels:
http://cssmojo.com/tab-panel-the-right-way/

Demo: http://codepen.io/pankajparashar/full/oJEAF/

-- 
Thierry Koblentz
Sent with Airmail

On May 23, 2017 at 02:42:28, Paul Sandwell (paul.sandwell@heathwallace.com)
wrote:

Hi all,

Recently I've been doing research on how to tackle accessibility for a
typical set of "tabbed content", where are page with lots of content is
split into smaller tabs. I believe this may have come up in the past but I
have a few additional concerns.

I understand that the WAI-ARIA design pattern is the most preferred
approach (https://www.w3.org/TR/wai-aria-practices/#tabpanel) as it's used
to emulate native OS behaviour. This is great, however:

   - How well does this translate to mobile devices? What about larger
   touch only devices?
   - Wouldn't the change in keyboard behaviour confuse an inexperienced
   sighted keyboard user?

Is it that we may be using the tablist role incorrectly? Tablist sounds
like it's more suited to creating rich web applications (similar to
menubar). Maybe we should be using a simpler aria-expanded="true|false"
style approach for content based tabs instead?

Any thoughts?

Thanks in advance,
Paul

--

Paul Sandwell


UI Team Lead
*HeathWallace*
Email: paul.sandwell@heathwallace.com
Phone: +44 (0)118 9561 757
LinkedIn: https://www.linkedin.com/profile/view?id=79070203

HeathWallace Ltd, 5-9 Merchants Place, Reading, RG1 1DT, UK

The information in this message is intended only for the individual or
entity to whom it is addressed. It may contain privileged and confidential
information that is exempt from disclosure by law and if you are not an
intended recipient, you must not copy, distribute or take any action in
reliance on it. Any dissemination of this communication is strictly
prohibited. If you have received this message in error, please notify
info@heathwallace.com.

Warning: Computer viruses may be transmitted or downloaded on to your
computer system via email communication. HeathWallace operate antivirus
software.

However it is the recipient's responsibility to take any action necessary
to prevent computer viruses being transmitted in this way. HeathWallace
disclaim all responsibility which arises directly or indirectly from such
transmission or computer viruses.

Registered in England: 4343367

Registered address: 5-9 Merchants Place, Reading, RG1 1DT