Commits

Davide Negretti authored a2eb16d328a
[CST-4659] Deque accessibility issues - 470065
No tags

src/app/submission/sections/container/section-container.component.html

Modified
16 16 <div class="d-inline-block float-right">
17 17 <i *ngIf="!(sectionRef.isValid() | async) && !(sectionRef.hasErrors())" class="fas fa-exclamation-circle text-warning mr-3"
18 18 aria-hidden="true" title="{{'submission.sections.status.warnings.title' | translate}}"></i>
19 19 <i *ngIf="(sectionRef.hasErrors())" class="fas fa-exclamation-circle text-danger mr-3"
20 20 aria-hidden="true" title="{{'submission.sections.status.errors.title' | translate}}"></i>
21 21 <i *ngIf="(sectionRef.isValid() | async) && !(sectionRef.hasErrors())" class="fas fa-check-circle text-success mr-3"
22 22 aria-hidden="true" title="{{'submission.sections.status.valid.title' | translate}}"></i>
23 23 <a class="close"
24 24 tabindex="0"
25 25 role="button"
26 - [attr.aria-label]="(sectionRef.isOpen() ? 'submission.sections.toggle.close' : 'submission.sections.toggle.open') | translate"
26 + [attr.aria-label]="(sectionRef.isOpen() ? 'submission.sections.toggle.aria.close' : 'submission.sections.toggle.aria.open') | translate: {sectionHeader: ('submission.sections.'+sectionData.header | translate)}"
27 27 [title]="(sectionRef.isOpen() ? 'submission.sections.toggle.close' : 'submission.sections.toggle.open') | translate">
28 28 <span *ngIf="sectionRef.isOpen()" class="fas fa-chevron-up fa-fw"></span>
29 29 <span *ngIf="!sectionRef.isOpen()" class="fas fa-chevron-down fa-fw"></span>
30 30 </a>
31 31 <a href="#" class="close mr-3" *ngIf="!sectionRef.isMandatory()"
32 32 (click)="removeSection($event)">
33 33 <i class="fas fa-trash-o" aria-hidden="true" tabindex="0"></i>
34 34 </a>
35 35 </div>
36 36 </ng-template>

Everything looks good. We'll let you know here if there's anything you should know about.

Add shortcut