WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Indicating primar and secondary action links to screen readers

for

From: Sailesh Panchang
Date: Sep 7, 2016 8:54AM


A very strong vote for not using markup / structure that developers
don't have to invent and browsers / At do not support (uniformly) ...
like aria-roledescription
Proper heading structure will provide suitable context.
A user can discover primary purpose or topic of a page from page title
/ h1 markup and review content that follows for primary action.
Is it clear explicitly that The intent for styling 'Register'
distinctly is to highlight difference between primary vs secondary
only? Do users realize this or only the author?
Also, as already stated, if it resembles a button, maybe it should be a button.
Surely the 'Register' element can be styled distinctively so it grabs
visual attention but no additional markup to aid accessibility is
needed. ... Just like Submit and Cancel buttons can have different
colors for visual identification as long as their purpose is clear
via text.
Regards,
Sailesh Panchang


On 9/7/16, Jeevan Reddy < <EMAIL REMOVED> > wrote:
> 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 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 REMOVED>
>> http://www.benderconsult.com/our%20services/hightest-accessible-technology-solutions
>> E+R=O
>>
>> -----Original Message-----
>> From: WebAIM-Forum [mailto: <EMAIL REMOVED> ] On Behalf
>> Of Birkir R. Gunnarsson
>> Sent: Tuesday, September 06, 2016 4:48 PM
>> To: WebAIM Discussion List < <EMAIL 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 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 REMOVED>
>>> http://www.benderconsult.com/our%20services/hightest-accessible-techno
>>> logy-solutions
>>> E+R=O
>>>
>>> -----Original Message-----
>>> From: WebAIM-Forum [mailto: <EMAIL REMOVED> ] On
>>> Behalf Of Birkir R. Gunnarsson
>>> Sent: Tuesday, September 06, 2016 4:02 PM
>>> To: WebAIM Discussion List < <EMAIL 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.
>> >> >> at
>> http://webaim.org/discussion/archives
>> >> >> >> >> >>
>
>
> --
> Best Regards,
> Jeevan Reddy,
> Accessibility Consultant,
> Infosys Ltd,
> Bangalore, India.
> > > > >