Proper accessible structure of a form field within a sentence

[tomliv]

Hello,

I need to create a form where a text field is within a sentence and is properly accessible, such as:

This year I will be [_] years old.

The brackets representing a small input[type=text]. Would the text here be the label? DO I need a visually hidden label to explain what's happening?

 

[tomliv]

After some thought, I have come up with the following:

<label for="retiremonths" class="visuallyhidden">In approximately how many months do you plan to retire?</label>
<p>
  <span class="visual-label" aria-hidden="true">I&rsquo;m thinking about retiring in</span>
  <input type="text" name="retirementmonths" id="retiremonths" />
  <span class="visual-label" aria-hidden="true">months.</span>
</p>

Does this seem acceptable?

 

[OldMan]

Works fine, Maybe change the input type to number? Also play around with week, month, and date for fun.

 

[tomliv]

Works fine, Maybe change the input type to number? Also play around with week, month, and date for fun.

Thanks for taking a look!

 

[JosiahMaybe]

I find this to be a good way and it works as if it were part of text flow.

<p>Hello I am <input type="text"> years old.</p>

That will have form field flow like it is in text. Yours looks fine too. X E.