|
Hi Daniel
Your sample has href="" which makes me think this will trigger an action instead of taking the user to a new page.
If that is just a placeholder and will be replaced with an actual url than the role=“button” is incorrect.
I would love to see your test page.
Ted
Thanks, but role="link" does not do the trick (I'd assume <a> gets handled the same way as role="link" through the accessibility API?)
role="button" does the trick, but in this case the items are links and should be handled as such, (so they can show up in link-lists and be announced as link, and not be activated via spacebar).
Also when using anything with aria-hidden="true" inside that <a>, the area where hidden item is located will become on touchable even if it's still inside a <a>
For example, if I float an icon/image with aria-hidden to the left -- that part of the <a> will be subtracted from the hitbox.
Any other suggestions?
Best regards,
Daniel Göransson
Stockholm, Sweden
@DanielGoransson
Or if you want it to appear as a link, put role="link" around the whole block
If you don't want it to be a button or link, try role="text"
On Apr 3, 2014, at 8:13 AM, Drake, Ted < email@hidden> wrote:
Have you tried using role=³button² on the link? I¹m wondering if that will
flatten the group.
Ted
On 4/3/14, 6:05 AM, "Daniel Göransson" < email@hidden> wrote:
Hello,
In iOS Safari, I am trying to group items such as <h2>, <p>, etc in a
wrapping link (<a>).
In Mac Safari and VoiceOver using tab key all items get announced and
works perfectly. But in iOS Safari and VO using swipe to next item or
touch exploring, each item get announced separately.
So how can I create an app like experience like e.g. a Twitter feed,
where the @name, the content text and meta data will be announced and
handled as a single item in HTML?
I've tried `role=group` without success.
Example code:
<a href="">
<h2>@DanielGoransson</h2>
<p>My tweet text</p>
<p><time>2014</time><p>
</a>
Best regards,
Daniel Göransson
Stockholm, Sweden
@DanielGoransson
_______________________________________________
Do not post admin requests to the list. They will be ignored.
Accessibility-dev mailing list (email@hidden)
Help/Unsubscribe/Update your Subscription:
it.com
This email sent to email@hidden
_______________________________________________
Do not post admin requests to the list. They will be ignored.
Accessibility-dev mailing list ( email@hidden)
Help/Unsubscribe/Update your Subscription:
This email sent to email@hidden
|