Re: A presentational img?

Steve Faulkner, Tue, 10 May 2011 22:25:40 +0100:
> thanks!

Steve and James: is an IMG considered focusable if it is wrapped inside 
an anchor element? Because, if it is, then there is nothing wrong - 
from *that* angle - in seeing empty alt="" as equal to 
role="presentation", as the the focus-ability would override the effect 
of the the empty alt="". My interpretation is that the anchor element 
does not the role of its child elements. Hence an IMG element with 
role=presentation that is the child of an anchor element, would neither 
be presented to the user nor would it be used for providing link text.

James: in VoiceOver, then none of the "foo, image" examples you gave 
below are presented as "foo, image". Is the focus-ability overriding 
the role attribute even without the user explicitly giving it focus? 
(That is: would it be read when the AT was parsing/presenting the text?)

Leif H Silli

> On 10 May 2011 22:22, James Craig <jcraig@apple.com> wrote:
>> On May 10, 2011, at 2:13 PM, Steve Faulkner wrote:
>> 
>>> is <img> being special cased here or should a title on an element 
>> with role=presentation mean that role=presentaion is overriden on 
>> the element?
>> 
>> <img> is not being special-cased as far as I know. An explicit 
>> role="presentation" would take precedence unless the element were 
>> focusable.
>> 
>> From: http://www.w3.org/TR/wai-aria/complete#presentation
>>> If an element with a role of presentation is focusable, user 
>> agents MUST ignore the normal effect of the role and expose the 
>> element with implicit native semantics, in order to ensure that the 
>> element is both understandable and operable.
>> 
>> 
>> For example:
>> 
>> Not exposed (presentational with no descendants):
>> <img role="presentation" aria-label="foo" alt="bar" title="baz">
>> 
>> Exposed as "foo, image":
>> <img tabindex="0" role="presentation" aria-label="foo" alt="bar" 
>> title="baz">
>> <img tabindex="0" role="presentation" alt="foo" title="bar">
>> <img tabindex="0" role="presentation" alt="" title="foo">
>> <img tabindex="0" role="presentation" title="foo">
>> 
>> 
> 
> 
> 
> -- 
> with regards
> 
> Steve Faulkner
> Technical Director - TPG
> 
> www.paciellogroup.com | www.HTML5accessibility.com | 
> www.twitter.com/stevefaulkner
> HTML5: Techniques for providing useful text alternatives - 
> dev.w3.org/html5/alt-techniques/
> Web Accessibility Toolbar - 
> www.paciellogroup.com/resources/wat-ie-about.html 
>

Received on Tuesday, 10 May 2011 21:56:27 UTC