Re: Open-UI popups

Hi John and Mateus,
Attached is the EPUB test book for extended descriptions that DAISY and DIAGRAM standards group created with contributions from the publishers.
Evan’s techniques (mentioned by Mateus)  are in the following tests:
200 Reduced motion
210 Fine pointer

The first challenge on EPUB reading systems was that java script is not so widely supported. 2nd challenge was that some EPUB reading systems did not provide accessible experience.
The technique is a good start, but EPUB reading systems need to catch up. 

With regards
Avneesh
From: Teixeira, Mateus 
Sent: Wednesday, July 14, 2021 22:02
To: John Foliot 
Cc: Siegman, Tzviya ; W3C Publishing Business Group ; public-publishingcg@w3.org 
Subject: Re: Open-UI popups

Thank you for sharing this, John. Great point about the layout. Maybe the shifting behavior is not a pattern that’s out of place on Web content, where we’ve become used to “reflow” (hence why I overlooked it), but it does run up against usability constraints in systems that use e-ink and in paginated UIs that are common in ebook readers.

 

Mateus

 

 

From: John Foliot <john@foliot.ca>
Date: Wednesday, July 14, 2021 at 9:02 AM
To: "Teixeira, Mateus" <mteixeira@wwnorton.com>
Cc: John Foliot <john@foliot.ca>, "Siegman, Tzviya" <tsiegman@wiley.com>, W3C Publishing Business Group <public-publishingbg@w3.org>, "public-publishingcg@w3.org" <public-publishingcg@w3.org>
Subject: Re: Open-UI popups

 


EXTERNAL EMAIL

Hi Mateus, 

 

Yep, that seems to be the 'common' solution today (using <details>), but with it comes the fact that content on the 'page' moves (expands/contracts to expose the extended description) which has what some may consider negative implications on the layout.

Many years ago (when I was up to my neck fighting the @longdesc battle at HTML5), I had a colleague spin up a Proof of Concept demo that used jQuery and the longdesc attribute in a 'solution' that did not impact the layout of a page. See: http://blog.ginader.de/dev/jquery/longdesc/examples/webaim/index.php

 

(There remain a few accessibility issues with this PoC, but the quick and dirty is to "click" on the "i in the circle" icon in the bottom right corner)

 

FWIW.

 

JF

 

On Wed, Jul 14, 2021 at 11:43 AM Teixeira, Mateus <mteixeira@wwnorton.com> wrote:

  One of my engineering colleagues here at Norton (Evan Yamanishi) worked with DIAGRAM on this exact problem at the Web4All code sprint—their solution did use <details>, but it would be an interesting idea to iterate on: https://github.com/diagram-codesprint/ExtendedImageDescriptions

   

  Evan maintains Norton’s open-source design system, which might be another useful source of examples (in that it’s made by a publisher with ebook use cases): https://wwnorton.github.io/design-system/

   

  Will share this with him, as well.

   

  Thanks,
  Mateus

   

   

  From: John Foliot <john@foliot.ca>
  Date: Wednesday, July 14, 2021 at 8:20 AM
  To: "Siegman, Tzviya" <tsiegman@wiley.com>
  Cc: W3C Publishing Business Group <public-publishingbg@w3.org>, "public-publishingcg@w3.org" <public-publishingcg@w3.org>
  Subject: Re: Open-UI popups
  Resent-From: <public-publishingcg@w3.org>
  Resent-Date: Wednesday, July 14, 2021 at 8:20 AM

   


  EXTERNAL EMAIL

  Hi Tzviya, 

   

  My initial reaction was "...for rendering extended image descriptions"? (aka "longdesc" et. al.) - click on a complex image and launch a popup with the longer text? Without any user-testing at this point, it *may* nonetheless be a better experience than what we currently see/have with <details>. (???) 

  Just a thought.

   

  JF

   

  On Wed, Jul 14, 2021 at 10:46 AM Siegman, Tzviya <tsiegman@wiley.com> wrote:

    Hi All,

     

    Open UI is a bunch of implementors coming together to design some extensible components for the Web. Here is their work on popups [1], which in the greater web context often refers to things like popup ads. We should take a look and see if there is anything we can add or use.  

     

    [1] https://open-ui.org/components/popup.research

     

    Tzviya Siegman

    Information Standards Principal

    Wiley

    201-748-6884

    tsiegman@wiley.com 

     




   

  -- 

  John Foliot | Senior Industry Specialist, Digital Accessibility

  "I made this so long because I did not have time to make it shorter." - Pascal "links go places, buttons do things"




 

-- 

John Foliot | Senior Industry Specialist, Digital Accessibility

"I made this so long because I did not have time to make it shorter." - Pascal "links go places, buttons do things"