Skip to content

Parsons accessibility #1453

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
ascholerChemeketa wants to merge 6 commits into
base: main
Choose a base branch
from
Open

Parsons accessibility #1453

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
6 commits
Select commit Hold shift + click to select a range
553e2f9
Parsons: render MathJax generated text into accessible label
Aug 29, 2026
99dbdff
Parsons: support screen-reader keyboard interaction
Aug 29, 2026
6e47eb1
Parsons: announce Help Me feedback inline
Aug 30, 2026
06727dd
Parsons: show keyboard entry hint on focus
Aug 31, 2026
20acce2
Parsons: exclude disabled blocks from keyboard navigation
Aug 31, 2026
a0a05c2
Parsons: localize keyboard announcements
Aug 31, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
11 changes: 11 additions & 0 deletions bases/rsptx/interactives/runestone/parsons/css/parsons.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -3,8 +3,15 @@
}

.parsons .sortable-code-container {
position: relative;
text-align: center;
}

.parsons .parsons-keyboard-application {
position: absolute;
inset: 0;
pointer-events: none;
}
.parsons .sortable-code-container:not(.block) {
/* Remove text highlighting in widget */
-webkit-user-select: none;
Expand Down Expand Up @@ -253,12 +260,16 @@
.parsons .block.down {
border: 2px solid var(--boxBorderColor, #000);
padding: 4px 9px;
outline: 3px solid #3498db;
outline-offset: 1px;
}
.parsons .block.up {
border: 2px solid var(--boxBorderColor, #000);
padding: 4px 9px;
background-color: var(--background, #fff);
box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.6);
outline: 3px dashed #27ae60;
outline-offset: 1px;
}
.parsons {
display: block;
Expand Down
15 changes: 15 additions & 0 deletions bases/rsptx/interactives/runestone/parsons/js/parsons-i18n.en.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -8,6 +8,21 @@ load({
msg_parson_too_short: "Your answer is too short. Add more blocks.",
msg_parson_drag_from_here: "Drag from here",
msg_parson_drag_to_here: "Drop blocks here",
msg_parson_enter_activate: "Enter to activate",
msg_parson_keyboard_entry_label:
"Parsons problem. Press Enter or Space to arrange blocks.",
msg_parson_keyboard_instructions:
"Use arrow keys to navigate blocks, then Enter or Space to move it.",
msg_parson_keyboard_selected: "Selected $1",
msg_parson_incorrect: "Incorrect",
msg_parson_block: "block",
msg_parson_keyboard_unplaced_position:
"In the unplaced list, position $1 of $2",
msg_parson_keyboard_answer_position:
"In the answer area, position $1 of $2",
msg_parson_keyboard_tab_in: "$1 tab in",
msg_parson_keyboard_tabs_in: "$1 tabs in",
msg_parson_keyboard_options: "$1 of $2 options",
msg_parson_correct_first_try:
"Perfect! It took you only one try to solve this. Great job!",
msg_parson_correct:
Expand Down
15 changes: 15 additions & 0 deletions bases/rsptx/interactives/runestone/parsons/js/parsons-i18n.pt-br.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -8,6 +8,21 @@ load({
msg_parson_too_short: "Seu programa é muito curto. Adicione mais blocos.",
msg_parson_drag_from_here: "Arraste daqui",
msg_parson_drag_to_here: "Largue os blocos aqui",
msg_parson_enter_activate: "Pressione Enter para ativar",
msg_parson_keyboard_entry_label:
"Problema Parsons. Pressione Enter ou Espaço para organizar os blocos.",
msg_parson_keyboard_instructions:
"Use as teclas de seta para navegar pelos blocos e pressione Enter ou Espaço para movê-los.",
msg_parson_keyboard_selected: "Selecionado $1",
msg_parson_incorrect: "Incorreto",
msg_parson_block: "bloco",
msg_parson_keyboard_unplaced_position:
"Na lista não posicionada, posição $1 de $2",
msg_parson_keyboard_answer_position:
"Na área de resposta, posição $1 de $2",
msg_parson_keyboard_tab_in: "$1 nível de indentação",
msg_parson_keyboard_tabs_in: "$1 níveis de indentação",
msg_parson_keyboard_options: "$1 de $2 opções",
msg_parson_correct_first_try:
"Perfeito! Você levou apenas uma tentativa para resolver. Bom trabalho!",
msg_parson_correct:
Expand Down
15 changes: 15 additions & 0 deletions bases/rsptx/interactives/runestone/parsons/js/parsons-i18n.sr-Cyrl.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -8,6 +8,21 @@ load({
msg_parson_too_short: "Искористи све блокове у решењу",
msg_parson_drag_from_here: "Превуци одавде",
msg_parson_drag_to_here: "Превуци овде",
msg_parson_enter_activate: "Притисни Enter да активираш",
msg_parson_keyboard_entry_label:
"Парсонов задатак. Притисни Enter или размак да распоредиш блокове.",
msg_parson_keyboard_instructions:
"Користи стрелице за кретање по блоковима, а затим Enter или размак да помериш блок.",
msg_parson_keyboard_selected: "Изабран је $1",
msg_parson_incorrect: "Нетачно",
msg_parson_block: "блок",
msg_parson_keyboard_unplaced_position:
"На листи непостављених, позиција $1 од $2",
msg_parson_keyboard_answer_position:
"У области одговора, позиција $1 од $2",
msg_parson_keyboard_tab_in: "$1 ниво увлачења",
msg_parson_keyboard_tabs_in: "$1 нивоа увлачења",
msg_parson_keyboard_options: "$1 од $2 опције",
msg_parson_correct_first_try: "Одлично! Успео си из првог покушаја!",
msg_parson_correct:
"Одлично! Решио си у само $1 покушаја. Одабери Поништи ако желиш да решиш из првог покушаја.",
Expand Down
Loading