Re: Grouping items in links
Re: Grouping items in links
- Subject: Re: Grouping items in links
- From: Daniel Göransson <email@hidden>
- Date: Fri, 04 Apr 2014 01:01:07 +0200
Thank you all for your input,
It appears you're right Victor, you can't achive this app like experience by using <a> at this point.
I guess I should make this into a feature request, since I believe VO should announce everything within an <a> element, as it does on the Mac.
The best solution I found was to wrap a <div role="text"> around the content/items within the <a> element. By doing this the links are still available in link lists and can be accessed via the link option in the rotor and will still be announced as a link. But the down side is that the heading level elements inside (in this case <h2>) will be normalized and actually causing a bug that stops the jump to next heading rotor action. (It skips through all grouped/normalized headings and starts to announce the next heading after that but stops and jump back to the current grouped item). And as a side note, this fixes the subtracted hit box problem as well.
If you find any new solution please let me know.
Best regards,
Daniel Göransson
Stockholm, Sweden
@DanielGoransson
3 apr 2014 kl. 23:56 skrev Victor Tsaran <email@hidden>:
> I am not sure you can achieve this in Mobile Safari without perhaps having to resort to the role=text. The VO navigation of the DOM is much flatter on iOS than on Mac OS and you are inserting a bunch of block elements into an inline one.
>
> On Apr 3, 2014, at 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:
>>
>> 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