WebAIM - Web Accessibility In Mind

E-mail List Archives

Thread: Feedback wanted on accessibility of a "pillbox" widget rewrite (Select2)

for

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

From: Igor Vaynberg
Date: Tue, Aug 28 2018 3:43PM
Subject: Feedback wanted on accessibility of a "pillbox" widget rewrite (Select2)
No previous message | Next message →

Hi, I have recently started working on rewrite of Select2 [1][2] which has been mentioned on this list a couple of times. I am trying to make it ADA compliant. I have a prototype of the multi-select mode of the widget and would like to gather some feedback from the community before I head too far down a wrong direction. You can see it in action here: [3].

My plan so far has been to:
* Treat the widget as three individual widgets: a listbox for added values, a button to clear selected added values from aforementioned listbox, and a combobox to add new values.
* Announce combo box states that are not represented by items of the combo box such as "no results" and "enter 2 more characters to begin search" via live regions
* Keyboard navigation from listbox and combobox aria patterns

I am a newbie to ADA and ARIA world and as such looking for feedback from people with more experience.

Thanks,
-Igor

[1] https://select2.org
[2] https://github.com/select2/select2
[3] https://jsfiddle.net/qn4x1L93/12/

From: Igor Vaynberg
Date: Wed, Aug 29 2018 9:00PM
Subject: Re: Feedback wanted on accessibility of a "pillbox" widget rewrite (Select2)
← Previous message | Next message →

I realized I broke the fiddle earlier today, here is a stable version [1]

[1] https://jsfiddle.net/qn4x1L93/15/ <https://jsfiddle.net/qn4x1L93/15/>

-Igor

> On Aug 28, 2018, at 2:43 PM, Igor Vaynberg < = EMAIL ADDRESS REMOVED = > wrote:
>
> Hi, I have recently started working on rewrite of Select2 [1][2] which has been mentioned on this list a couple of times. I am trying to make it ADA compliant. I have a prototype of the multi-select mode of the widget and would like to gather some feedback from the community before I head too far down a wrong direction. You can see it in action here: [3].
>
> My plan so far has been to:
> * Treat the widget as three individual widgets: a listbox for added values, a button to clear selected added values from aforementioned listbox, and a combobox to add new values.
> * Announce combo box states that are not represented by items of the combo box such as "no results" and "enter 2 more characters to begin search" via live regions
> * Keyboard navigation from listbox and combobox aria patterns
>
> I am a newbie to ADA and ARIA world and as such looking for feedback from people with more experience.
>
> Thanks,
> -Igor
>
> [1] https://select2.org
> [2] https://github.com/select2/select2
> [3] https://jsfiddle.net/qn4x1L93/12/
>

From: Jonathan Cohn
Date: Sun, Sep 23 2018 1:26PM
Subject: Re: Feedback wanted on accessibility of a "pillbox" widget rewrite (Select2)
← Previous message | No next message

How is this project going? Have you experienced any issues with Firefox
versions on Windows?

Thanks,

Jonathan


On Wed, Aug 29, 2018 at 11:00 PM Igor Vaynberg < = EMAIL ADDRESS REMOVED = >
wrote:

> I realized I broke the fiddle earlier today, here is a stable version [1]
>
> [1] https://jsfiddle.net/qn4x1L93/15/ <https://jsfiddle.net/qn4x1L93/15/>
>
> -Igor
>
> > On Aug 28, 2018, at 2:43 PM, Igor Vaynberg < = EMAIL ADDRESS REMOVED = >
> wrote:
> >
> > Hi, I have recently started working on rewrite of Select2 [1][2] which
> has been mentioned on this list a couple of times. I am trying to make it
> ADA compliant. I have a prototype of the multi-select mode of the widget
> and would like to gather some feedback from the community before I head too
> far down a wrong direction. You can see it in action here: [3].
> >
> > My plan so far has been to:
> > * Treat the widget as three individual widgets: a listbox for added
> values, a button to clear selected added values from aforementioned
> listbox, and a combobox to add new values.
> > * Announce combo box states that are not represented by items of the
> combo box such as "no results" and "enter 2 more characters to begin
> search" via live regions
> > * Keyboard navigation from listbox and combobox aria patterns
> >
> > I am a newbie to ADA and ARIA world and as such looking for feedback
> from people with more experience.
> >
> > Thanks,
> > -Igor
> >
> > [1] https://select2.org
> > [2] https://github.com/select2/select2
> > [3] https://jsfiddle.net/qn4x1L93/12/
> >
>
> > > > >