E-mail List Archives
Thread: accessibility/usability issue
Number of posts in this thread: 4 (In chronological order)
From: Angela French
Date: Fri, Feb 10 2017 11:28AM
Subject: accessibility/usability issue
No previous message | Next message →
Hello,
I would like to get opinions/recommendations for improvement in the accessibility of this page<http://www.sbctc.edu/about/jobs/job-seekers.aspx>;.
We are getting dinged in an accessibility scan because the drop down lists under the Degrees & Disciplines label aren't all individually marked.
The drop down lists come in 4 pairs: a degree selection and a discipline selection for that degree. This is a means of providing the user the opportunity to make 4 different selection sets. The only way I can think to label this in an accessible manner is to be very explicit with labels, for example:
Degree Choice 1 [drop down list here]
Discipline Choice 1 [drop down list here]
Degree Choice 2[drop down list here]
Discipline Choice 2 [drop down list here]
Etc.
I'm hoping there is a way to do this that would not be so verbose/redundant.
The same issue repeats itself in the next set of drop down lists under the Interests label. In this second case, I think the solution would be to provide a single drop down list from which multiple selections can be made, but perhaps you have different ideas.
As always, thank you.
Angela French
Internet/Intranet Specialist
Washington State Board for Community and Technical Colleges
360-704-4316
= EMAIL ADDRESS REMOVED = <mailto: = EMAIL ADDRESS REMOVED = >
www.sbctc.edu<;http://www.sbctc.edu/>;
From: Bossley, Peter A.
Date: Fri, Feb 10 2017 2:15PM
Subject: Re: accessibility/usability issue
← Previous message | Next message →
Angela,
I'm not thinking of a good alternative for the first set of boxes. The labels need to be descriptive enough to distinguish the boxes from each other. One potential would be to wrap each of those sets of selects in a fieldset with an appropriate legend.
The second area could be handled using a multi-select list box, or a simple list box with an add control to move items to a selected list box.
-----Original Message-----
From: WebAIM-Forum [mailto: = EMAIL ADDRESS REMOVED = ] On Behalf Of Angela French
Sent: Friday, February 10, 2017 1:28 PM
To: WebAim Forum ( = EMAIL ADDRESS REMOVED = ) < = EMAIL ADDRESS REMOVED = >
Subject: [WebAIM] accessibility/usability issue
Hello,
I would like to get opinions/recommendations for improvement in the accessibility of this page<http://www.sbctc.edu/about/jobs/job-seekers.aspx>;.
We are getting dinged in an accessibility scan because the drop down lists under the Degrees & Disciplines label aren't all individually marked.
The drop down lists come in 4 pairs: a degree selection and a discipline selection for that degree. This is a means of providing the user the opportunity to make 4 different selection sets. The only way I can think to label this in an accessible manner is to be very explicit with labels, for example:
Degree Choice 1 [drop down list here]
Discipline Choice 1 [drop down list here]
Degree Choice 2[drop down list here]
Discipline Choice 2 [drop down list here]
Etc.
I'm hoping there is a way to do this that would not be so verbose/redundant.
The same issue repeats itself in the next set of drop down lists under the Interests label. In this second case, I think the solution would be to provide a single drop down list from which multiple selections can be made, but perhaps you have different ideas.
As always, thank you.
Angela French
Internet/Intranet Specialist
Washington State Board for Community and Technical Colleges
360-704-4316
= EMAIL ADDRESS REMOVED = <mailto: = EMAIL ADDRESS REMOVED = >
www.sbctc.edu<;http://www.sbctc.edu/>;
From: Lucy Greco
Date: Fri, Feb 10 2017 4:46PM
Subject: Re: accessibility/usability issue
← Previous message | Next message →
i would also ding you on these because fore the set i am getting the
lable for both lists for both of them so i can't tell if i am in degree or
discipline i think the only way you can do it is what you said you don't
wannt to do its clear and much more acurit that way
Lucia Greco
Web Accessibility Evangelist
IST - Architecture, Platforms, and Integration
University of California, Berkeley
(510) 289-6008 skype: lucia1-greco
http://webaccess.berkeley.edu
Follow me on twitter @accessaces
On Fri, Feb 10, 2017 at 10:28 AM, Angela French < = EMAIL ADDRESS REMOVED = > wrote:
> Hello,
> I would like to get opinions/recommendations for improvement in the
> accessibility of this page<http://www.sbctc.edu/
> about/jobs/job-seekers.aspx>.
> We are getting dinged in an accessibility scan because the drop down lists
> under the Degrees & Disciplines label aren't all individually marked.
>
> The drop down lists come in 4 pairs: a degree selection and a discipline
> selection for that degree. This is a means of providing the user the
> opportunity to make 4 different selection sets. The only way I can think to
> label this in an accessible manner is to be very explicit with labels, for
> example:
>
> Degree Choice 1 [drop down list here]
> Discipline Choice 1 [drop down list here]
>
> Degree Choice 2[drop down list here]
> Discipline Choice 2 [drop down list here]
>
> Etc.
>
> I'm hoping there is a way to do this that would not be so
> verbose/redundant.
>
>
> The same issue repeats itself in the next set of drop down lists under the
> Interests label. In this second case, I think the solution would be to
> provide a single drop down list from which multiple selections can be made,
> but perhaps you have different ideas.
>
>
> As always, thank you.
>
>
>
> Angela French
> Internet/Intranet Specialist
> Washington State Board for Community and Technical Colleges
> 360-704-4316
> = EMAIL ADDRESS REMOVED = <mailto: = EMAIL ADDRESS REMOVED = >
> www.sbctc.edu<;http://www.sbctc.edu/>;
>
> > > > >
From: Birkir R. Gunnarsson
Date: Sat, Feb 11 2017 8:16PM
Subject: Re: accessibility/usability issue
← Previous message | No next message
Assuming the visual labeling is totally clear, you can use aria-label
to provide individual labels for each dropdown (such as degree 1,
discipline 1, degree 2, discipline 2, etc.).
Make sure the label for the first becomes a group label )degrees and
disciplines or similar).
Ditto for the interest dropdowns, .. the group label should be
"interests" and individual aria-label values can be "interest 1"
"interest 2" and so on.
http://a11yideas.com/testcode/makeGroupAccessible.html
On 2/10/17, Lucy Greco < = EMAIL ADDRESS REMOVED = > wrote:
> i would also ding you on these because fore the set i am getting the
> lable for both lists for both of them so i can't tell if i am in degree or
> discipline i think the only way you can do it is what you said you don't
> wannt to do its clear and much more acurit that way
>
> Lucia Greco
> Web Accessibility Evangelist
> IST - Architecture, Platforms, and Integration
> University of California, Berkeley
> (510) 289-6008 skype: lucia1-greco
> http://webaccess.berkeley.edu
> Follow me on twitter @accessaces
>
>
> On Fri, Feb 10, 2017 at 10:28 AM, Angela French < = EMAIL ADDRESS REMOVED = > wrote:
>
>> Hello,
>> I would like to get opinions/recommendations for improvement in the
>> accessibility of this page<http://www.sbctc.edu/
>> about/jobs/job-seekers.aspx>.
>> We are getting dinged in an accessibility scan because the drop down lists
>> under the Degrees & Disciplines label aren't all individually marked.
>>
>> The drop down lists come in 4 pairs: a degree selection and a discipline
>> selection for that degree. This is a means of providing the user the
>> opportunity to make 4 different selection sets. The only way I can think
>> to
>> label this in an accessible manner is to be very explicit with labels,
>> for
>> example:
>>
>> Degree Choice 1 [drop down list here]
>> Discipline Choice 1 [drop down list here]
>>
>> Degree Choice 2[drop down list here]
>> Discipline Choice 2 [drop down list here]
>>
>> Etc.
>>
>> I'm hoping there is a way to do this that would not be so
>> verbose/redundant.
>>
>>
>> The same issue repeats itself in the next set of drop down lists under the
>> Interests label. In this second case, I think the solution would be to
>> provide a single drop down list from which multiple selections can be
>> made,
>> but perhaps you have different ideas.
>>
>>
>> As always, thank you.
>>
>>
>>
>> Angela French
>> Internet/Intranet Specialist
>> Washington State Board for Community and Technical Colleges
>> 360-704-4316
>> = EMAIL ADDRESS REMOVED = <mailto: = EMAIL ADDRESS REMOVED = >
>> www.sbctc.edu<;http://www.sbctc.edu/>;
>>
>> >> >> >> >>
> > > > >
--
Work hard. Have fun. Make history.