How do I design a cloze activity to be accessible?

Modified on Tue, 23 Jun at 4:22 PM

Cloze activities can be made fully accessible in CourseArc with a few intentional design choices. This article covers three key strategies with examples:

  • Use Descriptive Labels
  • Chunk Your Content
  • Place Blanks at the End

Use Descriptive Labels

Every blank in a cloze activity should have a descriptive label. Labels are read aloud by screen readers in place of visual context, so they should convey enough information for a learner to understand what is being asked without seeing the surrounding text.


When adding a blank to an activity, always fill in the label field. For example, a blank with the correct answer “dogs” should have a label such as “plural of dog.”


Example: Plural Words

The learner is instructed to fill in the plural for each word. Labels (read by the screen reader, but not displayed visually) describe what to input (e.g., “plural of dog” or “plural of tooth”).
screenshot of a cloze activity laid out in a table.  There are two columns - word and plural.  Each row contains a word and a blank to fill in.  Row 1 - dog, blank.  Row 2 - tooth, blank. Row 3 - sheep, blank.  Row 4 - society, blank


Insert Cloze screenshot, showing a Correct Answer of "dogs" and a Label Field of "plural of dog"


Example: Amendments Activity


The learner identifies each amendment by name. The first dropdown label is set to “Amendment 1 Name,” the second to “Amendment 2 Name,” and so on.


screenshot of a cloze activity. Header shows "Amendment 1" followed by amendment 1 text, then a dropdown. This is followed by a horizontal line. Header shows "Amendment 2" followed by amendment 2 text, then a dropdown.


Chunk Your Content

Breaking up your content into distinct chunks makes it significantly easier to navigate with a screen reader. Chunking ensures that screen reader users encounter meaningful context before or alongside each cloze field, reducing cognitive load and navigation effort.


Ways to chunk your content: 

  • Create an accessible table with proper headers, and add the cloze field in the last column of each row  
  • Format related content into a list 
  • Use headers to separate each question or section


The goal is to provide a clear separation between each cloze field so that screen reader users can understand the context of each one independently.


Example: Amendments


screenshot of a cloze activity. Header shows "Amendment 1" followed by amendment 1 text, then a dropdown. This is followed by a horizontal line. Header shows "Amendment 2" followed by amendment 2 text, then a dropdown.


 

Place Blanks at the End

When possible, place blank fields at the end of a chunk of content rather than at the beginning or in the middle. This allows screen reader users to hear the full context before they are prompted to fill in a field.


Tip: When it is not possible to place a blank at the end (for example, in a fill-in-the-sentence format), a well-written descriptive label becomes especially important. Labels and positioning work together to support accessibility.

Example: Bill of Rights

Original design: Each section showed an “Amendment” header, followed immediately by a dropdown field, and then the amendment text. Screen reader users heard the header and were prompted to answer before reading the relevant content.

screenshot of original cloze activity. Header shows "Amendment 1" followed by a dropdown, followed by amendment 1 text. Header shows "Amendment 2", followed by a dropdown field, followed by amendment 2 text.


Revised design: The dropdown field was moved to after the amendment text. Screen reader users now hear the amendment header and full text before they are prompted to respond.

screenshot of a cloze activity. Header shows "Amendment 1" followed by amendment 1 text, then a dropdown. This is followed by a horizontal line. Header shows "Amendment 2" followed by amendment 2 text, then a dropdown.

Example 2 - Economic Systems

Original design: A list of characteristics of capitalism and communism, with the cloze dropdown as the first or second word in each list item. This meant screen reader users were prompted to answer before they had heard the full characteristic.

Screenshot of cloze.  First list item shows: [blank]   shuns private ownership of land. Second list item shows [blank]   gives more importance to individual aspirations


Revised design: The activity was restructured as a two-column table. The first column contains the full characteristic (e.g., “shuns private ownership of land”), and the second column contains the dropdown field. Users hear the complete context before answering.

Screenshot of redesigned cloze activity. Structured as a table with headers "Characteristic" and "Economic System".  Row 1 - "shuns private ownership of land" in column 1, and dropdown field in column 2.


For additional information on the Cloze block, refer to 

What answer types does the Cloze block have?

How do I add a cloze activity?

Was this article helpful?

That’s Great!

Thank you for your feedback

Sorry! We couldn't be helpful

Thank you for your feedback

Let us know how can we improve this article!

Select at least one of the reasons

Feedback sent

We appreciate your effort and will try to fix the article