WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: A complex image used as a link: I need to provide alt attribute value as link and longer description of the image.

for

From: Sandy Feldman
Date: Oct 2, 2024 9:11AM

What about tucking the image long description in <details> block? Take a
look at

https://jjhunt.com/

Sandy
https://sandyfeldman.com
https://www.a11yready.com


On 2024-10-02 5:12 a.m., Jim Byrne Accessible Web Design wrote:
> Thanks Dean,
>
> A good point. I seems that the issues you describe make my suggested solution problematic. Thanks for your insight.
>
> Jim
>
>> On 1 Oct 2024, at 16:40, <EMAIL REMOVED> wrote:
>>
>> Personally, I would recommend that you try it and then test it with NVDA and JAWS.
>> Because as a screen reader user it would drive me crazy if the description came before the pertinent all text for the link
>> And I do know that those two screen readers sometimes perceive the information differently
>> Dean Vasile
>> IAAP, CPACC
>> <EMAIL REMOVED>
>> 617-799-1162
>>
>> On Oct 1, 2024, at 10:51 AM, Jim Byrne Accessible Web Design< <EMAIL REMOVED> > wrote:
>>
>> 
>> Hi All,
>>
>> Does this sound like the best solution for a complex image that is being used as a link - to a large version of the image. I.e., is this the best way to provide both a link that makes sense when read out of context and a longer text description of the image.
>>
>> This is what I was thinking as a solution:
>>
>> 1. Add an appropriate alt attribute to the image (to acts as link text). The alt attribute will provide a short link text value to describe the target image.
>>
>> 2. Add the longer text description via aria-describedby. The image is complex and requires a longer alternative text description. The description should to be on the same page.
>>
>> According to the WC3 documentation, some screen readers read out the value of the aria-describedby value directly after the alt attribute - and some require the use to take an additional action to read out the value of aria-describedby. For reference seehttps://www.w3.org/TR/WCAG20-TECHS/ARIA15.html.
>>
>> Do you think that is the best solution?
>>
>> Thanks,
>> Jim
>>
>>
>> <PastedGraphic-3.png>
>>
>>
>> Multi-award-winning WCAG 2.2 AA Accessibility Auditing and Accessibility Consultant
>>
>> Web:https://jimbyrne.co.uk
>>
>> Jim Byrne is one of the UK’s most experienced practitioners in the area of accessible digital design.
>>
>> Jim provided feedback during the development of WCAG 2 (the de facto accessibility guidelines used by governments across the world). He is the author of a number of technical books, training courses and accessibility guides. Jim was a winner of the equal access category of the Global Bangemann Challenge.
>>
>> >> >> List archives athttp://webaim.org/discussion/archives
>> >> <PastedGraphic-3.png>>> >> List archives athttp://webaim.org/discussion/archives
>> > 
>
>
> Multi-award-winning WCAG 2.2 AA Accessibility Auditing and Accessibility Consultant
>
> Web:https://jimbyrne.co.uk
>
> Jim Byrne is one of the UK’s most experienced practitioners in the area of accessible digital design.
>
> Jim provided feedback during the development of WCAG 2 (the de facto accessibility guidelines used by governments across the world). He is the author of a number of technical books, training courses and accessibility guides. Jim was a winner of the equal access category of the Global Bangemann Challenge.
>
> > > List archives athttp://webaim.org/discussion/archives
>