E-mail List Archives

Thread: Indicating primary and secondary action links to screenreaders

for

Number of posts in this thread: 2 (In chronological order)

From: Tim Harshbarger
Date: Wed, Sep 07 2016 7:15AM
Subject: Indicating primary and secondary action links to screenreaders
No previous message | Next message →

I agree. Particularly if the primary actions are made to look like buttons while the secondary actions look like links, I would just mark them up as buttons and links.

Also if possible, I would suggest making the reading and tabbing order start with the primary actions and then go through the secondary actions--if that makes sense to do with the user interface.

-----Original Message-----
From: WebAIM-Forum [mailto: = EMAIL ADDRESS REMOVED = ] On Behalf Of Jeevan Reddy
Sent: Wednesday, September 07, 2016 1:49 AM
To: WebAIM Discussion List < = EMAIL ADDRESS REMOVED = >
Subject: Re: [WebAIM] Indicating primar and secondary action links to screen readers

the better way to communicating the primary and secondary actions is
to use button semantics to the primary action and link semantics for
the secondary action.. if the native button semantics can't permit you
then use 'aria button role'.
Cheers
Jeevan Reddy

On 9/7/16, Jim Homme < = EMAIL ADDRESS REMOVED = > wrote:
> Hi,
> If I understand what you are saing, then this might lend itself to headings
> and sub-headings, as in h2 and h3, lists and nested lists, or some other
> autoatically-speaking structure that developers don't have to invent.
>
> Jim
>
>
> =========> Jim Homme,
> Accessibility Consultant,
> Bender HighTest Accessibility Team
> Bender Consulting Services, Inc.,
> 412-787-8567,
> = EMAIL ADDRESS REMOVED =
> http://www.benderconsult.com/our%20services/hightest-accessible-technology-solutions
> E+R=O
>
> -----Original Message-----
> From: WebAIM-Forum [mailto: = EMAIL ADDRESS REMOVED = ] On Behalf
> Of Birkir R. Gunnarsson
> Sent: Tuesday, September 06, 2016 4:48 PM
> To: WebAIM Discussion List < = EMAIL ADDRESS REMOVED = >
> Subject: Re: [WebAIM] Indicating primar and secondary action links to screen
> readers
>
> Imagine you have a page where users can read about an email offer list. The
> page includes a couple of links and some text, but the "register for our
> mailing list" link is visually formatted to stand out as the primary
> action.
> It is assigned a CSS class such as "primary action" or similar that makes it
> look box like (almost button like).
> Traditionally I haven't even thought of communicating this info in any way,
> if the link has accessible text and is in a content location that makes
> sense, and I don't think my stance on this has necessary changed.
> But when visual styling is used to assign priority to links on a page, well,
> it is tricky to figure out if that info is important enough to look for a
> text alterantive.
> Cheers
>
>
>
> On 9/6/16, Jim Homme < = EMAIL ADDRESS REMOVED = > wrote:
>> Hi Birkir,
>> We try to advocate for as little off-screen content as possible here.
>> Our view is that any site should try to make an equivalent experience
>> for as wide as possible audience of people with disabilities. If you
>> create off-screen controls, for example, people with motor
>> disabilities who have site might tab onto them and get confused when
>> focus disappears, and the same for people with inteellectual
>> disabilities.
>>
>> Thanks.
>>
>> Jim
>>
>>
>> =========>> Jim Homme,
>> Accessibility Consultant,
>> Bender HighTest Accessibility Team
>> Bender Consulting Services, Inc.,
>> 412-787-8567,
>> = EMAIL ADDRESS REMOVED =
>> http://www.benderconsult.com/our%20services/hightest-accessible-techno
>> logy-solutions
>> E+R=O
>>
>> -----Original Message-----
>> From: WebAIM-Forum [mailto: = EMAIL ADDRESS REMOVED = ] On
>> Behalf Of Birkir R. Gunnarsson
>> Sent: Tuesday, September 06, 2016 4:02 PM
>> To: WebAIM Discussion List < = EMAIL ADDRESS REMOVED = >
>> Subject: [WebAIM] Indicating primar and secondary action links to
>> screen readers
>>
>> Hi gang
>>
>> I am contemplating a curious question from my team.
>>
>> They are wondering if they should use visually hidden texton links and
>> buttons that are visually indicated as the primary and secondary
>> actions on webpages.
>> Basically primary action (or call to action) links or buttons
>> (normally one per webpage) get unique visual emphasis via CSS, ditto
>> with secondary actions.
>> There is no HTML element or ARIA attribute to provide equivalent
>> functionality programmatically (perhaps the aria-roledescription could
>> be used for this purpose).
>> Bottomline:
>> 1. Is this information important enough so that it should be provided
>> textually or programmatically? I have never made such a call in my
>> findings, and I have never seen it done on websites I have audited,
>> but it is a fact that this info could be important or at least useful on
>> some pages.
>> 2. If it is provided, is there a technique better than good old screen
>> reader text to do so?
>> I am not a fan of using heading tags to do this, I think it is not
>> correct use of headings.
>>
>> Cheers
>> -B
>>
>> --
>> Work hard. Have fun. Make history.
>> >> >> archives at http://webaim.org/discussion/archives
>> >> >> >> archives at http://webaim.org/discussion/archives
>> >>
>
>
> --
> Work hard. Have fun. Make history.
> > > http://webaim.org/discussion/archives
> > > > > >


--
Best Regards,
Jeevan Reddy,
Accessibility Consultant,
Infosys Ltd,
Bangalore, India.

From: Moore,Michael (Accessibility) (HHSC)
Date: Wed, Sep 07 2016 7:20AM
Subject: Re: Indicating primary and secondary action links to screenreaders
← Previous message | No next message

If using aria roles to achieve the semantics you will need to be sure to make the functionality match the role. Buttons work with space bar and enter/return and links just work with enter/return.

Mike Moore
Accessibility Coordinator
Texas Health and Human Services Commission
Civil Rights Office
(512) 438-3431 (Office)

-----Original Message-----
From: WebAIM-Forum [mailto: = EMAIL ADDRESS REMOVED = ] On Behalf Of Tim Harshbarger
Sent: Wednesday, September 07, 2016 8:16 AM
To: WebAIM Discussion List < = EMAIL ADDRESS REMOVED = >
Subject: Re: [WebAIM] Indicating primary and secondary action links to screen readers

I agree. Particularly if the primary actions are made to look like buttons while the secondary actions look like links, I would just mark them up as buttons and links.

Also if possible, I would suggest making the reading and tabbing order start with the primary actions and then go through the secondary actions--if that makes sense to do with the user interface.

-----Original Message-----
From: WebAIM-Forum [mailto: = EMAIL ADDRESS REMOVED = ] On Behalf Of Jeevan Reddy
Sent: Wednesday, September 07, 2016 1:49 AM
To: WebAIM Discussion List < = EMAIL ADDRESS REMOVED = >
Subject: Re: [WebAIM] Indicating primar and secondary action links to screen readers

the better way to communicating the primary and secondary actions is to use button semantics to the primary action and link semantics for the secondary action.. if the native button semantics can't permit you then use 'aria button role'.
Cheers
Jeevan Reddy

On 9/7/16, Jim Homme < = EMAIL ADDRESS REMOVED = > wrote:
> Hi,
> If I understand what you are saing, then this might lend itself to
> headings and sub-headings, as in h2 and h3, lists and nested lists, or
> some other autoatically-speaking structure that developers don't have to invent.
>
> Jim
>
>
> =========> Jim Homme,
> Accessibility Consultant,
> Bender HighTest Accessibility Team
> Bender Consulting Services, Inc.,
> 412-787-8567,
> = EMAIL ADDRESS REMOVED =
> http://www.benderconsult.com/our%20services/hightest-accessible-techno
> logy-solutions
> E+R=O
>
> -----Original Message-----
> From: WebAIM-Forum [mailto: = EMAIL ADDRESS REMOVED = ] On
> Behalf Of Birkir R. Gunnarsson
> Sent: Tuesday, September 06, 2016 4:48 PM
> To: WebAIM Discussion List < = EMAIL ADDRESS REMOVED = >
> Subject: Re: [WebAIM] Indicating primar and secondary action links to
> screen readers
>
> Imagine you have a page where users can read about an email offer
> list. The page includes a couple of links and some text, but the
> "register for our mailing list" link is visually formatted to stand
> out as the primary action.
> It is assigned a CSS class such as "primary action" or similar that
> makes it look box like (almost button like).
> Traditionally I haven't even thought of communicating this info in any
> way, if the link has accessible text and is in a content location that
> makes sense, and I don't think my stance on this has necessary changed.
> But when visual styling is used to assign priority to links on a page,
> well, it is tricky to figure out if that info is important enough to
> look for a text alterantive.
> Cheers
>
>
>
> On 9/6/16, Jim Homme < = EMAIL ADDRESS REMOVED = > wrote:
>> Hi Birkir,
>> We try to advocate for as little off-screen content as possible here.
>> Our view is that any site should try to make an equivalent experience
>> for as wide as possible audience of people with disabilities. If you
>> create off-screen controls, for example, people with motor
>> disabilities who have site might tab onto them and get confused when
>> focus disappears, and the same for people with inteellectual
>> disabilities.
>>
>> Thanks.
>>
>> Jim
>>
>>
>> =========>> Jim Homme,
>> Accessibility Consultant,
>> Bender HighTest Accessibility Team
>> Bender Consulting Services, Inc.,
>> 412-787-8567,
>> = EMAIL ADDRESS REMOVED =
>> http://www.benderconsult.com/our%20services/hightest-accessible-techn
>> o
>> logy-solutions
>> E+R=O
>>
>> -----Original Message-----
>> From: WebAIM-Forum [mailto: = EMAIL ADDRESS REMOVED = ] On
>> Behalf Of Birkir R. Gunnarsson
>> Sent: Tuesday, September 06, 2016 4:02 PM
>> To: WebAIM Discussion List < = EMAIL ADDRESS REMOVED = >
>> Subject: [WebAIM] Indicating primar and secondary action links to
>> screen readers
>>
>> Hi gang
>>
>> I am contemplating a curious question from my team.
>>
>> They are wondering if they should use visually hidden texton links
>> and buttons that are visually indicated as the primary and secondary
>> actions on webpages.
>> Basically primary action (or call to action) links or buttons
>> (normally one per webpage) get unique visual emphasis via CSS, ditto
>> with secondary actions.
>> There is no HTML element or ARIA attribute to provide equivalent
>> functionality programmatically (perhaps the aria-roledescription
>> could be used for this purpose).
>> Bottomline:
>> 1. Is this information important enough so that it should be provided
>> textually or programmatically? I have never made such a call in my
>> findings, and I have never seen it done on websites I have audited,
>> but it is a fact that this info could be important or at least useful
>> on some pages.
>> 2. If it is provided, is there a technique better than good old
>> screen reader text to do so?
>> I am not a fan of using heading tags to do this, I think it is not
>> correct use of headings.
>>
>> Cheers
>> -B
>>
>> --
>> Work hard. Have fun. Make history.
>> >> >> archives at http://webaim.org/discussion/archives
>> >> >> >> archives at http://webaim.org/discussion/archives
>> >>
>
>
> --
> Work hard. Have fun. Make history.
> > > archives at http://webaim.org/discussion/archives
> > > > archives at http://webaim.org/discussion/archives
> >


--
Best Regards,
Jeevan Reddy,
Accessibility Consultant,
Infosys Ltd,
Bangalore, India.