W3C home > Mailing lists > Public > public-low-vision-a11y-tf@w3.org > March 2018

BBC hompage and reflow (was Re: Allowing for Reflow: new technique and more implementations)

From: Laura Carlson <laura.lee.carlson@gmail.com>
Date: Fri, 16 Mar 2018 08:16:02 -0500
Message-ID: <CAOavpvejmuUAuupm4Kf-2pgZ-VwiahxhxdLifRK89iFU-z51zg@mail.gmail.com>
To: Alastair Campbell <acampbell@nomensa.com>
Cc: Jim Allan <jimallan@tsbvi.edu>, public-low-vision-a11y-tf <public-low-vision-a11y-tf@w3.org>
Hi Alastair and all,

Strange. The following are a couple of examples from today's, March
16, 2018, Boston Globe's homepage.  More than these 2 exist.

EXAMPLE # 1 at 100%:

<h3 class="media__title">Exodus as Syrian war rages on two fronts
<p class="media__summary">Dozens reportedly die in bombardments as
thousands flee parallel advances by Turkish and Syrian forces.

Example # 1 Screenshot at 100%:
http://www.d.umn.edu/~lcarlson/wcagwg/2.1_implementations/bbc-h3-w-p-100-percent-ex1.png

Example # 1 at 400% fails to provide the summary paragraph for that
article. The next bit of text is "Live" "Champions League and Europa
League draws: Latest".
Screenshot:
http://www.d.umn.edu/~lcarlson/wcagwg/2.1_implementations/bbc-h3-no-p-400-percent-ex1.png


EXAMPLE # 2 at 100%, the "News" section:

<h3 class="media__title">'You never get used to living like this'
<p class="media__summary">Seven-year-old Rouaa has lived most of her
life in a refugee camp and dreams of a better life.

<h3 class="media__title"> Russia 'underestimates UK allies' - Nato
<p class="media__summary">Its head says the UK is &quot;not
alone&quot;, as police say 131 people may have been exposed to the
nerve agent.

<h3 class="media__title">Iraqi teenager convicted over Tube bomb
<p class="media__summary">Ahmed Hassan, 18, is convicted of attempted
murder over the Parsons Green Tube bombing in September.

Example # 2 Screenshot at 100%:
http://www.d.umn.edu/~lcarlson/wcagwg/2.1_implementations/bbc_h3-w-p-100-percent-ex2.png

Example # 2 at 400% has fails to provide paragraphs for any of the articles.

Example # 2 Screenshot at 400%:
http://www.d.umn.edu/~lcarlson/wcagwg/2.1_implementations/bbc_h3-w-p-400-percent-ex2.png

Kindest Regards,
Laura

On 3/15/18, Alastair Campbell <acampbell@nomensa.com> wrote:
> Hi Laura,
>
> I'm a bit confused (and now on a computer so I can check), but the homepage
> only seems to have titles, I can't see any further content (like ledes) in
> the news boxes?
>
>
>
> 100%:
>
> [cid:image001.jpg@01D3BCAD.84ACAF30]
>
>
>
> 400% (and shrunk to fit here):
>
> [cid:image002.jpg@01D3BCAD.84ACAF30]
>
>
>
> Am I missing something?
>
>
>
> -Alastair
>
>
>
> Overview screenshot:
>
> [cid:image003.jpg@01D3BCAD.84ACAF30]
>
>
>
> -----Original Message-----
> From: Laura Carlson <laura.lee.carlson@gmail.com>
> Sent: 15 March 2018 18:59
> To: Alastair Campbell <acampbell@nomensa.com>
> Cc: Jim Allan <jimallan@tsbvi.edu>; public-low-vision-a11y-tf
> <public-low-vision-a11y-tf@w3.org>
> Subject: Re: Allowing for Reflow: new technique and more implementations
>
>
>
> Hi Alastair,
>
>
>
> Yes. The ledes are on the second level pages that the homepage links to. But
> they are missing on the homepage when zoomed to 400% at 1280.
>
>
>
> The purpose of a lede is to summarize the most important aspects of the
> story. It's the best chance to grab a reader's attention and interest and
> get them to keep reading or click through to the rest of the article.
>
>
>
> People with low vision zoomed in at 400% will have loss of information and
> not an equitable experience (no summary of the most important aspects of the
> story).
>
>
>
> Kindest Regards,
>
> Laura
>
>
>
> On 3/15/18, Alastair Campbell
> <acampbell@nomensa.com<mailto:acampbell@nomensa.com>> wrote:
>
>> Are those lead ins available from the page you go to?
>
>> If so, I think that is acceptable, in the same way that menus with
>
>> drop downs don't need to make those available via keyboard so long as
>
>> the links are available elsewhere.
>
>>
>
>> Sent from my phone, apologies for typos.
>
>> ________________________________
>
>> From: Laura Carlson
>> <laura.lee.carlson@gmail.com<mailto:laura.lee.carlson@gmail.com>>
>
>> Sent: Thursday, March 15, 2018 5:45:22 PM
>
>> To: Alastair Campbell
>
>> Cc: Jim Allan; public-low-vision-a11y-tf
>
>> Subject: Re: Allowing for Reflow: new technique and more
>
>> implementations
>
>>
>
>> typo:
>
>>
>
>> "I marked that as a failure :-) "
>
>>
>
>> should have been:
>
>>
>
>> "I marked that as a failure :-("
>
>>
>
>>
>
>> On 3/15/18, Laura Carlson
>> <laura.lee.carlson@gmail.com<mailto:laura.lee.carlson@gmail.com>> wrote:
>
>>> Hi Alastair and all,
>
>>>
>
>>> Thank you.
>
>>>
>
>>> I added the Boston Globe and BBC to the implementations tool [1].
>
>>>
>
>>> The Boston Globe passed for me. However, lede in sentences (the
>
>>> introductory bit of a news story that is intended to entice the
>
>>> reader to read the full story) are missing for most articles at 400%
>
>>> and 1280 pixels wide on the BBC site. I marked that as a failure :-)
>
>>> Guess we need to find another implementation for reflow. I'll keep
>>> looking.
>
>>>
>
>>> Kindest Regards,
>
>>> Laura
>
>>>
>
>>> [1] https://www.w3.org/WAI/GL/WCAG21/CR/implementations
>
>>>
>
>>> On 3/14/18, Alastair Campbell
>>> <acampbell@nomensa.com<mailto:acampbell@nomensa.com>> wrote:
>
>>>> They look like good implementations, but watch out for little 'gotchas'
>
>>>> where something disappears at higher zoom.
>
>>>>
>
>>>> E.g.
>
>>>> -  on UX matters you can't get to the infographic. Minor, but we're
>
>>>> a bunch of pedants.
>
>>>> - on BMW there's something odd with the 'find your BMW' list, not
>
>>>> sure how that is supposed to work.
>
>>>>
>
>>>> I couldn't spot anything from a quick look at Ethan's site, the BBC,
>
>>>> or Boston globe.
>
>>>>
>
>>>> -Alastair
>
>>>>
>
>>>>
>
>>>> -----Original Message-----
>
>>>> From: Laura Carlson
>>>> <laura.lee.carlson@gmail.com<mailto:laura.lee.carlson@gmail.com>>
>
>>>> Sent: 14 March 2018 13:15
>
>>>> To: Jim Allan <jimallan@tsbvi.edu<mailto:jimallan@tsbvi.edu>>;
>>>> public-low-vision-a11y-tf
>
>>>> <public-low-vision-a11y-tf@w3.org<mailto:public-low-vision-a11y-tf@w3.org>>
>
>>>> Subject: Allowing for Reflow: new technique and more implementations
>
>>>>
>
>>>> Hi Jim and All,
>
>>>>
>
>>>> A put up a new technique is to show folks how to test for reflow.
>
>>>> https://www.w3.org/WAI/GL/wiki/Allowing_for_Reflow
>
>>>>
>
>>>> As for reflow implementations [1] I am wondering if we should
>
>>>> consider adding one or 2 the following sites:
>
>>>>
>
>>>> https://www.bostonglobe.com/
>
>>>> https://www.bmwusa.com/
>
>>>> http://www.bbc.com/
>
>>>> https://www.uxmatters.com/
>
>>>> https://ethanmarcotte.com/
>
>>>>
>
>>>> Any preferences?
>
>>>>
>
>>>> Thanks.
>
>>>>
>
>>>> Kindest Regards,
>
>>>> Laura
>
>>>> [1] https://www.w3.org/WAI/GL/WCAG21/CR/implementations



-- 
Laura L. Carlson
Received on Friday, 16 March 2018 13:16:34 UTC

This archive was generated by hypermail 2.3.1 : Friday, 16 March 2018 13:16:35 UTC