Commits

Tim Donohue authored and GitHub committed cfd6512856a Merge
Merge pull request #1230 from atmire/w2p-80103_Fix-admin-sidebar-link-a11y-issues

Fix admin sidebar link a11y issues
No tags
gidlmaster

src/app/+admin/admin-sidebar/admin-sidebar-section/admin-sidebar-section.component.html

Modified
1 1 <li class="sidebar-section">
2 - <a class="nav-item nav-link shortcut-icon" attr.aria-labelledby="sidebarName-{{section.id}}" [title]="('menu.section.icon.' + section.id) | translate" [routerLink]="itemModel.link">
2 + <a href="javascript:void(0);" class="nav-item nav-link shortcut-icon" attr.aria-labelledby="sidebarName-{{section.id}}" [title]="('menu.section.icon.' + section.id) | translate" [routerLink]="itemModel.link">
3 3 <i class="fas fa-{{section.icon}} fa-fw"></i>
4 4 </a>
5 5 <div class="sidebar-collapsible">
6 6 <span id="sidebarName-{{section.id}}" class="section-header-text">
7 - <ng-container
8 - *ngComponentOutlet="(sectionMap$ | async).get(section.id).component; injector: (sectionMap$ | async).get(section.id).injector;"></ng-container>
7 + <a class="nav-item nav-link" tabindex="-1" [routerLink]="itemModel.link">{{itemModel.text | translate}}</a>
9 8 </span>
10 9 </div>
11 10 </li>

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

Add shortcut