Re: Grouping items in links
Re: Grouping items in links
- Subject: Re: Grouping items in links
- From: Chris Fleizach <email@hidden>
- Date: Thu, 03 Apr 2014 16:59:30 -0700
As Victor noted, iOS is much flatter than MacOS, so we want to give individual access to each element within a link. Whereas, on the Mac, you can navigate inside of that link group if you so desire.
On Apr 3, 2014, at 4:22 PM, Victor Tsaran <email@hidden> wrote:
> I am not sure you should be allowed to wrap so many elements into a single link, but certainly the “role=group” should work as it is legal. The only problem is that we are dealing with a touch screen device and the user should be able to explore the surface of the screen in as granular way as possible.
>
> On Apr 3, 2014, at 4:01 PM, Daniel Göransson <email@hidden> wrote:
>
>> 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
_______________________________________________
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