E-mail List Archives

Search E-mail List Archives for

Number of posts in this thread: 3 (In chronological order)

From: Jonathan Cohn
Date: Tue, Apr 03 2018 2:58PM
Subject: Multi panel web editor frame.
No previous message | Next message →

Hello,

We are developing an editor that has three panels. Within limits the panels can be adjusted in size by dragging a separator. I am wondering about ways to make this functionality keyboard accessible. don't believe it would be a good idea to place the dividers in tab order, because this would make the access to standard functions more difficult. I thought perhaps Code Pan or Fiddle might provide some guidance but could not find anything there.

Does anybody have I am looking for feedback on an appropriate design choice.

Thanks,

Jonathan Cohn
w

From: glen walker
Date: Tue, Apr 03 2018 6:44PM
Subject: Re: Multi panel web editor frame.
← Previous message | Next message →

I've done this several times and made the dividers a tab stop. I'm not
sure I understand how having them in the tab order makes other functions
more difficult. When the focus is on the divider, you can use the arrow
keys to adjust the size. I think we allowed pageup/down for bigger
increments and the arrows for fine adjustments. You can put the divider
anywhere you want in the DOM to control the tabbing order.

Use the "separator <https://www.w3.org/TR/wai-aria-1.1/#separator>" role.

On Tue, Apr 3, 2018 at 2:58 PM, Jonathan Cohn < = EMAIL ADDRESS REMOVED = > wrote:

> Hello,
>
> We are developing an editor that has three panels. Within limits the
> panels can be adjusted in size by dragging a separator. I am wondering
> about ways to make this functionality keyboard accessible. don't believe it
> would be a good idea to place the dividers in tab order, because this would
> make the access to standard functions more difficult. I thought perhaps
> Code Pan or Fiddle might provide some guidance but could not find anything
> there.
>
> Does anybody have I am looking for feedback on an appropriate design
> choice.
>
> Thanks,
>
> Jonathan Cohn
> w
> > > > >

From: Birkir R. Gunnarsson
Date: Wed, Apr 04 2018 5:37AM
Subject: Re: Multi panel web editor frame.
← Previous message | No next message

The ARIA Authoring Practices Guide has documentation on a Window
Splitter widget:
http://www.w3.org/TR/wai-aria-practices-1.1/#windowsplitter
They have not completed a working example but there are links to some
GitHub issues that may provide more information.



On 4/3/18, glen walker < = EMAIL ADDRESS REMOVED = > wrote:
> I've done this several times and made the dividers a tab stop. I'm not
> sure I understand how having them in the tab order makes other functions
> more difficult. When the focus is on the divider, you can use the arrow
> keys to adjust the size. I think we allowed pageup/down for bigger
> increments and the arrows for fine adjustments. You can put the divider
> anywhere you want in the DOM to control the tabbing order.
>
> Use the "separator <https://www.w3.org/TR/wai-aria-1.1/#separator>" role.
>
> On Tue, Apr 3, 2018 at 2:58 PM, Jonathan Cohn < = EMAIL ADDRESS REMOVED = > wrote:
>
>> Hello,
>>
>> We are developing an editor that has three panels. Within limits the
>> panels can be adjusted in size by dragging a separator. I am wondering
>> about ways to make this functionality keyboard accessible. don't believe
>> it
>> would be a good idea to place the dividers in tab order, because this
>> would
>> make the access to standard functions more difficult. I thought perhaps
>> Code Pan or Fiddle might provide some guidance but could not find anything
>> there.
>>
>> Does anybody have I am looking for feedback on an appropriate design
>> choice.
>>
>> Thanks,
>>
>> Jonathan Cohn
>> w
>> >> >> >> >>
> > > > >


--
Work hard. Have fun. Make history.