...
Question Card:
A question card in the center displays one assessment question at a time.
Each question card shows the question number (e.g., 4/45) and a progress bar below the question card, filling incrementally as questions are completed.
The card includes the question prompt and multiple-choice answer options.
A clickable button for language toggle (:
"Cambiar al español"
button when English is shown on the question card.
“Change to English” button when Spanish is shown on the question card.
A volume icon for text-to-speech functionality accompanies each question https://rethinkautism.atlassian.net/l/cp/ug3j6X0T .
Answer Selection:
Answer choices are listed on the card.
Answer Choice Selections: Strongly Disagree, Disagree, Neutral, Agree, Strongly Agree
Selected answer choice is highlighted in orange-yellow to indicate selection.
Navigation:
Back and forward arrow buttons are included for question navigation.
Sidebar Layout
The sidebar includes a back navigation link to the assignments page and the Self-Assessment title.
A sidebar with an option to collapse allows for a more focused view of the question card.
...