Cloze (Fill-in the Blank) Question

Making a fill-in-the-blank question accessible to screen reader users has many challenges. Because of the way screen reading software reads out the function of each UI element, screen reader users have a challenging time understanding the sentence as a whole. As they are reading the sentence, they will hear information like "combobox collapsed" each time they come to a place they need to make a choice.

This implementation gives the screen reader users alternative ways of hearing the sentence. There are two alternatives.

• Hear the sentence read, inserting the label for the input along with the chosen word. This way the screen reader user knows when they are hearing one of the word choice locations.
• Hear the sentence read as it would be without any of the extra information about the UI

In this particular example, the first rendering (with the select labels inserted) is placed in an ARIA live region so that as the user changes selections they can hear the new sentence. The new sentence will only be reconstructed when the user focuses on or off of one of the select elements. You could set it to reconstruct the sentence every time a select input value is changed, but that might get to be too verbose.

Both of these reconstructions could be made available only to screen reader users and not made visible to sighted users.

Complete the following sentence.

The   boy car went to the   store moon to buy a   rock pear in order to help a   friend phone .