Skip to content

1079 quest screen reader accessibility #26

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

Draft
JoeArmani wants to merge 6 commits into
base: main
Choose a base branch
from
Draft

1079 quest screen reader accessibility #26

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
dd89d3c
screen reader accessibility enhancements and regression tests
JoeArmani Aug 19, 2026
9553228
update popover handling and related tests
JoeArmani Aug 19, 2026
0101c53
Accessibility & Testing Updates - VoiceOver/JAWS
JoeArmani Aug 24, 2026
6ca4cdf
Copilot review updates
JoeArmani Aug 24, 2026
ca1be49
Resolve Firefox CI issue
JoeArmani Aug 24, 2026
39ef12c
VoiceOver manual testing refinements
JoeArmani Aug 26, 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
17 changes: 16 additions & 1 deletion ActiveLogic.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -36,6 +36,20 @@
clear: left;
}

/* Native compound subgroup legends replace plain prompt blocks. Neutralize
Bootstrap's larger, floated legend styling so participant layout is stable. */
.question .compound-radio-group > legend.compound-radio-group-legend {
float: none;
width: auto;
margin-bottom: 0;
font-size: inherit;
line-height: inherit;
}

.question .compound-radio-group.compound-radio-group-first > legend.compound-radio-group-legend {
margin-bottom: 1.5rem;
}

/* this is an answer with a text area...*/
.freeresponse {
display: flex;
Expand Down Expand Up @@ -126,7 +140,8 @@ input[type="text"] {
word-wrap: break-word;
}

.quest-grid.table-layout th.nr {
.quest-grid.table-layout th.nr,
.quest-grid.table-layout td.grid-corner-spacer {
padding: clamp(5px, 1vw, 10px);
text-align: center;
vertical-align: middle;
Expand Down
21 changes: 20 additions & 1 deletion Default.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -3,6 +3,10 @@ input[type="checkbox"] + label {
margin: 5px;
}

.validation-container > span {
color: rgb(193, 18, 31);
}

.question-text {
font-size: 1rem;
display: block;
Expand All @@ -15,6 +19,20 @@ input[type="checkbox"] + label {
clear: left;
}

/* Native compound subgroup legends replace plain prompt blocks. Neutralize
Bootstrap's larger, floated legend styling so participant layout is stable. */
.question .compound-radio-group > legend.compound-radio-group-legend {
float: none;
width: auto;
margin-bottom: 0;
font-size: inherit;
line-height: inherit;
}

.question .compound-radio-group.compound-radio-group-first > legend.compound-radio-group-legend {
margin-bottom: 1.5rem;
}

/* CSS for grids */
.quest-grid.table-layout {
width: 100%;
Expand Down Expand Up @@ -59,7 +77,8 @@ input[type="checkbox"] + label {
word-wrap: break-word;
}

.quest-grid.table-layout th.nr {
.quest-grid.table-layout th.nr,
.quest-grid.table-layout td.grid-corner-spacer {
padding: clamp(5px, 1vw, 10px);
text-align: center;
vertical-align: middle;
Expand Down
8 changes: 6 additions & 2 deletions Style1.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -165,8 +165,12 @@ input[type="checkbox"]:checked + label {
.next:hover,
.reset:hover,
.previous:hover {
background-color: rgb(55, 133, 203);
border: solid 3px rgb(55, 133, 203);
background-color: rgb(44, 109, 168);
border: solid 3px rgb(44, 109, 168);
}

.validation-container > span {
color: rgb(193, 18, 31);
}

.next:focus,
Expand Down
Loading
Loading