WebAIM - Web Accessibility In Mind

E-mail List Archives

Thread: quick question: label for text input in the middle of a sentence

for

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

From: Mike Warner
Date: Fri, May 20 2016 10:02AM
Subject: quick question: label for text input in the middle of a sentence
No previous message | Next message →

Hi all,

maybe I'm not thinking straight today, since I got too little sleep, but
I'm unsure as to the best solution. We've got fill-in-the-blank exercises,
and the blank can appear anywhere in the sentence. Instead of having a
series of underscores and then the text input at the end, we have the text
input right where the missing word goes. Everything works great, and our
students enjoy the layout, but I'm not sure where to put the label for the
text input. The sentence could be as follows:

The moon is made out of ____ cheese.

Should the label tag be on the bit before, the blank, after the blank, or
on the whole sentence? I'm thinking that it should be the whole sentence,
but my tired brain can't decide.

Thanks!

Mike

Mike Warner
Director of IT Services
MindEdge, Inc.

From: Brandon Keith Biggs
Date: Fri, May 20 2016 10:38AM
Subject: Re: quick question: label for text input in the middle of a sentence
← Previous message | Next message →

Hello,
Do the whole sentence, especially if the screen reader user can just hit
tab to get to the next blank.
That way the screen reader user does not need to hit any other buttons
other than tab to move to the next sentence.
Thanks,


Brandon Keith Biggs <http://brandonkeithbiggs.com/>;

On Fri, May 20, 2016 at 9:02 AM, Mike Warner < = EMAIL ADDRESS REMOVED = > wrote:

> Hi all,
>
> maybe I'm not thinking straight today, since I got too little sleep, but
> I'm unsure as to the best solution. We've got fill-in-the-blank exercises,
> and the blank can appear anywhere in the sentence. Instead of having a
> series of underscores and then the text input at the end, we have the text
> input right where the missing word goes. Everything works great, and our
> students enjoy the layout, but I'm not sure where to put the label for the
> text input. The sentence could be as follows:
>
> The moon is made out of ____ cheese.
>
> Should the label tag be on the bit before, the blank, after the blank, or
> on the whole sentence? I'm thinking that it should be the whole sentence,
> but my tired brain can't decide.
>
> Thanks!
>
> Mike
>
> Mike Warner
> Director of IT Services
> MindEdge, Inc.
> > > > >

From: Mike Barlow
Date: Sat, May 21 2016 7:14AM
Subject: Re: quick question: label for text input in the middle of a sentence
← Previous message | Next message →

Well you could also make use of a hidden span tag and using the
aria-labelledby role for the input field:

CSS Styling for hiding the label for sighted users:
.hidden {
position:absolute;
left:-10000px;
top:auto;
width:1px;
height:1px;
overflow:hidden;
}

Here is the html content:
<span class="hidden" id="Question">Answer to the question what cheese is
the moon made of?</span>

The moon is made of <input type="text" name="CheeseType"
aria-labelledby="Question" /> cheese


*Mike Barlow*
Web Application Developer
Web Accessibility/Section 508 SME

Lancaster, Pa 17601
Office: 732.835-7557
Cell: 732.682.8226
e-mail: = EMAIL ADDRESS REMOVED =

On Fri, May 20, 2016 at 12:38 PM, Brandon Keith Biggs <
= EMAIL ADDRESS REMOVED = > wrote:

> Hello,
> Do the whole sentence, especially if the screen reader user can just hit
> tab to get to the next blank.
> That way the screen reader user does not need to hit any other buttons
> other than tab to move to the next sentence.
> Thanks,
>
>
> Brandon Keith Biggs <http://brandonkeithbiggs.com/>;
>
> On Fri, May 20, 2016 at 9:02 AM, Mike Warner < = EMAIL ADDRESS REMOVED = > wrote:
>
> > Hi all,
> >
> > maybe I'm not thinking straight today, since I got too little sleep, but
> > I'm unsure as to the best solution. We've got fill-in-the-blank
> exercises,
> > and the blank can appear anywhere in the sentence. Instead of having a
> > series of underscores and then the text input at the end, we have the
> text
> > input right where the missing word goes. Everything works great, and our
> > students enjoy the layout, but I'm not sure where to put the label for
> the
> > text input. The sentence could be as follows:
> >
> > The moon is made out of ____ cheese.
> >
> > Should the label tag be on the bit before, the blank, after the blank, or
> > on the whole sentence? I'm thinking that it should be the whole
> sentence,
> > but my tired brain can't decide.
> >
> > Thanks!
> >
> > Mike
> >
> > Mike Warner
> > Director of IT Services
> > MindEdge, Inc.
> > > > > > > > > >
> > > > >

From: _mallory
Date: Sat, May 21 2016 11:14AM
Subject: Re: quick question: label for text input in the middle of a sentence
← Previous message | Next message →

Funnily enough, I had earlier in the year made a test page for
these. Anyone on the list can report how these felt for them:
http://stommepoes.nl/work/fill_in_the_blank.html

(the first two forms do nothing. The third one is supposed to
present the "correct" sentence after the user blurs the last
input of the sentence)

_mallory

On Fri, May 20, 2016 at 12:02:09PM -0400, Mike Warner wrote:
> Hi all,
>
> maybe I'm not thinking straight today, since I got too little sleep, but
> I'm unsure as to the best solution. We've got fill-in-the-blank exercises,
> and the blank can appear anywhere in the sentence. Instead of having a
> series of underscores and then the text input at the end, we have the text
> input right where the missing word goes. Everything works great, and our
> students enjoy the layout, but I'm not sure where to put the label for the
> text input. The sentence could be as follows:
>
> The moon is made out of ____ cheese.
>
> Should the label tag be on the bit before, the blank, after the blank, or
> on the whole sentence? I'm thinking that it should be the whole sentence,
> but my tired brain can't decide.
>
> Thanks!
>
> Mike
>
> Mike Warner
> Director of IT Services
> MindEdge, Inc.
> > > >

From: _mallory
Date: Sat, May 21 2016 11:19AM
Subject: Re: quick question: label for text input in the middle of a sentence
← Previous message | Next message →

Sorry, I misspoke myself-- the point of the text at the bottom
appearing after filling in the inputs is to get the sentence
*you* wrote in one go, not the "correct" answer (I need to
adjust the spacing actually as well).

I think I had tried this one out because it was not working out
in one SR or another to my satisfaction, maybe because as a
student I relied a lot on "does it sound right?" back then.

_mallory

On Sat, May 21, 2016 at 07:14:12PM +0200, _mallory wrote:
> Funnily enough, I had earlier in the year made a test page for
> these. Anyone on the list can report how these felt for them:
> http://stommepoes.nl/work/fill_in_the_blank.html
>
> (the first two forms do nothing. The third one is supposed to
> present the "correct" sentence after the user blurs the last
> input of the sentence)
>
> _mallory

From: Jonathan Avila
Date: Tue, May 24 2016 8:10AM
Subject: Re: quick question: label for text input in the middle ofa sentence
← Previous message | No next message

The choices for this situation seem to be
1. Just repeat the sentence for the accessible name without indicating where the blank is
2. Repeat the sentence in the accessible name but include some indication of where the blank is (but perhaps don't use the word blank as that could be confusing as screen readers say blank for spaces sometimes)
3. re-write the sentence in way that is understood with no blanks.

My recommendation for non-assessment forms such as government forms would be #3 to re-write the question in a way that can be understood without a blank.

For assessments this may invalidate the assessment -- so perhaps #2 is better. #1 is unclear to me as you don't know where the blank is and that is very important information.

Jonathan

Jonathan Avila
Chief Accessibility Officer
SSB BART Group 
= EMAIL ADDRESS REMOVED =
703.637.8957 (Office)

Visit us online: Website | Twitter | Facebook | Linkedin | Blog
Check out our Digital Accessibility Webinars!