Skip to content
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.

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

WIP:Accessible name labels for case list check boxes #1810

Merged
merged 11 commits into from
Jan 15, 2025
5 changes: 4 additions & 1 deletion RELEASE-NOTES.md
Original file line number Diff line number Diff line change
@@ -1,7 +1,10 @@
## RELEASE NOTES

### Version 7.1.26
**EXUI-2223** Accessibility-issue

### Version 7.1.25
**EXUI-1951** etrieve current user language selection
**EXUI-1951** Retrieve current user language selection

### Version 7.1.24
Taken by PR
Expand Down
2 changes: 1 addition & 1 deletion package.json
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
{
"name": "@hmcts/ccd-case-ui-toolkit",
"version": "7.1.31-sonarCloud-gitub-config-update",
"version": "7.1.26",
"engines": {
"node": ">=18.19.0"
},
Expand Down
2 changes: 1 addition & 1 deletion projects/ccd-case-ui-toolkit/package.json
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
{
"name": "@hmcts/ccd-case-ui-toolkit",
"version": "7.1.31-sonarCloud-gitub-config-update",
"version": "7.1.26",
"engines": {
"node": ">=18.19.0"
},
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -26,15 +26,15 @@ <h2 class="heading-h2" id="search-result-heading__text" tabindex="-1">{{ (caseSt
</caption>
<thead>
<tr scope="row">
<th *ngIf="selectionEnabled" class="govuk-table__checkbox" scope="col">
<td *ngIf="selectionEnabled" class="govuk-table__checkbox">
<div class="govuk-checkboxes__item">
<input class="govuk-checkboxes__input" id="select-all" name="select-all" type="checkbox" (change)="selectAll()" [checked]="allOnPageSelected()" [disabled]="!canAnyBeShared()" />
<label class="govuk-label govuk-checkboxes__label" for="select-all">
<label class="govuk-label govuk-checkboxes__label" for="select-all" [attr.aria-labelledby]="'select-all'">
</label>
</div>
</th>
</td>
<th *ngFor="let col of resultView.columns" class="search-result-column-header"
[attr.aria-sort]="isSortAscending(col) === null ? null : (isSortAscending(col) ? 'ascending' : 'descending')">
[attr.aria-sort]="isSortAscending(col) === null ? null : (isSortAscending(col) ? 'ascending' : 'descending')" scope="col">
<div>
<div class="search-result-column-label" (click)="sort(col)" (keyup)="noop()">
{{col.label | rpxTranslate}}
Expand All @@ -44,7 +44,7 @@ <h2 class="heading-h2" id="search-result-heading__text" tabindex="-1">{{ (caseSt
</div>
</div>
</th>
<th *ngIf="activityEnabled()" style="width: 110px;">&ZeroWidthSpace;</th>
<th *ngIf="activityEnabled()" style="width: 110px;" scope="col">&ZeroWidthSpace;</th>
</tr>
</thead>

Expand All @@ -56,7 +56,7 @@ <h2 class="heading-h2" id="search-result-heading__text" tabindex="-1">{{ (caseSt
<div class="govuk-checkboxes__item">
<input class="govuk-checkboxes__input" id="select-{{ result.case_id }}" name="select-{{ result.case_id }}"
type="checkbox" (change)="changeSelection(result)" [checked]="isSelected(result)" [disabled]="!canBeShared(result)" />
<label class="govuk-label govuk-checkboxes__label" for="select-{{ result.case_id }}">
<label class="govuk-label govuk-checkboxes__label" for="select-{{ result.case_id }}" [attr.aria-labelledby]="'select-' + result.case_id">
</label>
</div>
</td>
Expand Down Expand Up @@ -92,7 +92,7 @@ <h2 class="heading-h2" id="search-result-heading__text" tabindex="-1">{{ (caseSt
<div class="govuk-checkboxes__item">
<input class="govuk-checkboxes__input" id="select-{{ result.case_id }}" name="select-{{ result.case_id }}"
type="checkbox" (change)="changeSelection(result)" [checked]="isSelected(result)" [disabled]="!canBeShared(result)" (keyup)="onKeyUp($event, result)" />
<label class="govuk-label govuk-checkboxes__label" for="select-{{ result.case_id }}">
<label class="govuk-label govuk-checkboxes__label" for="select-{{ result.case_id }}" [attr.aria-labelledby]="'select-' + result.case_id">
</label>
</div>
</td>
Expand Down
Loading