Re: keyboard focus questions regarding a news site

Thanks Patrick. I will find a head/image as a single link to test with VO. Our captions serve as the alt text (I know, not ideal) so it could get confusing if grouped with the headline.

On 1/5/22, 1:03 PM, "Patrick H. Lauke" <redux@splintered.co.uk> wrote:

    On 05/01/2022 19:49, Char Easter wrote:

    > *Question 1: Focus order *
    >
    > On a journalism news site, can there be an exception to the left to
    > right focus order rule

    There is no "left to right" rule. Focus order needs to make sense, and
    does not necessarily need to follow the visual layout (within reason).

    > *Question 2: Alt text and focus target*
    >
    > I am looking for clarity on the relationship or interdependencies
    > between focus order and screen readers, specifically for images with a
    > headline. Can the image and headline be grouped as a single focus target
    > and not impact the image alt text being read by screen readers?

    Of course they can all be part of a single focusable link or control,
    but note that once that receives focus, everything inside it will be
    announced by screen readers, so make sure it's not too wordy I'd say.

    > And just to confirm, the image does not need to be in
    > focus to have the alt text read.

    This to me suggests that you're unfamiliar with screen readers? Just
    noting that it's fairly easy to test this sort of stuff out for
    yourself, as nowadays there's screen readers that come with the
    operating systems / good free screen readers that you can install.

    But in short yes, text alternatives will be announced when a SR user
    navigates through the page with reading keys (they don't just
    tab/shift+tab between focusable controls).

    P
    --
    Patrick H. Lauke

    https://nam04.safelinks.protection.outlook.com/?url=https%3A%2F%2Fwww.splintered.co.uk%2F&amp;data=04%7C01%7Cceaster%40seattletimes.com%7Cda44e43afac04bbf315108d9d08ed0d1%7Cfc2b8476b7f0473d82fbe0a89fd99855%7C0%7C1%7C637770134085877363%7CUnknown%7CTWFpbGZsb3d8eyJWIjoiMC4wLjAwMDAiLCJQIjoiV2luMzIiLCJBTiI6Ik1haWwiLCJXVCI6Mn0%3D%7C3000&amp;sdata=9XzrhOAH6INpk6RhrlqMZi04naltNY%2BBlknYJYq%2BazA%3D&amp;reserved=0 | https://nam04.safelinks.protection.outlook.com/?url=https%3A%2F%2Fgithub.com%2Fpatrickhlauke&amp;data=04%7C01%7Cceaster%40seattletimes.com%7Cda44e43afac04bbf315108d9d08ed0d1%7Cfc2b8476b7f0473d82fbe0a89fd99855%7C0%7C1%7C637770134085877363%7CUnknown%7CTWFpbGZsb3d8eyJWIjoiMC4wLjAwMDAiLCJQIjoiV2luMzIiLCJBTiI6Ik1haWwiLCJXVCI6Mn0%3D%7C3000&amp;sdata=1fvvdrapMpc1qETROjQ8YOv1Le7%2BdjwvoQf1QkY9lrQ%3D&amp;reserved=0

    https://nam04.safelinks.protection.outlook.com/?url=https%3A%2F%2Fflickr.com%2Fphotos%2Fredux%2F&amp;data=04%7C01%7Cceaster%40seattletimes.com%7Cda44e43afac04bbf315108d9d08ed0d1%7Cfc2b8476b7f0473d82fbe0a89fd99855%7C0%7C1%7C637770134085877363%7CUnknown%7CTWFpbGZsb3d8eyJWIjoiMC4wLjAwMDAiLCJQIjoiV2luMzIiLCJBTiI6Ik1haWwiLCJXVCI6Mn0%3D%7C3000&amp;sdata=T5yKcwcXDLZ2ZlfZusaZ6lKEerNWCyx4SyY35yE6G0g%3D&amp;reserved=0 | https://nam04.safelinks.protection.outlook.com/?url=https%3A%2F%2Fwww.deviantart.com%2Fredux&amp;data=04%7C01%7Cceaster%40seattletimes.com%7Cda44e43afac04bbf315108d9d08ed0d1%7Cfc2b8476b7f0473d82fbe0a89fd99855%7C0%7C1%7C637770134085877363%7CUnknown%7CTWFpbGZsb3d8eyJWIjoiMC4wLjAwMDAiLCJQIjoiV2luMzIiLCJBTiI6Ik1haWwiLCJXVCI6Mn0%3D%7C3000&amp;sdata=mRJ9X8tyGrkALBZUjpWydqk0qoEffPlllZvePC5imA0%3D&amp;reserved=0

    twitter: @patrick_h_lauke | skype: patrick_h_lauke

    CAUTION: This email originated from outside of the organization. Do not click links or open attachments unless you recognize the sender and know the content is safe.

CAUTION: This email originated from outside of the organization. Do not click links or open attachments unless you recognize the sender and know the content is safe.

Received on Thursday, 6 January 2022 00:38:55 UTC