hazza/dspace-angular
1
0
Fork 1
mirror of https://github.com/DSpace/dspace-angular.git synced 2025-10-18 07:23:03 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fix accessibility issue

Browse Source
This commit is contained in:
Yana De Pauw
2025-03-27 17:09:20 +01:00
parent d6b674345f
commit 51127dc513
2 changed files with 6 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/app/shared/dso-page/dso-edit-menu/dso-edit-expandable-menu-section/dso-edit-menu-expandable-section.component.html
View File

@@ -2,18 +2,18 @@
<div class="dso-button-menu mb-1" ngbDropdown container="body" placement="bottom-right"> <div class="dso-button-menu mb-1" ngbDropdown container="body" placement="bottom-right">
<div class="d-flex flex-row flex-nowrap" <div class="d-flex flex-row flex-nowrap"
[ngbTooltip]="itemModel.text | translate" container="body"> [ngbTooltip]="itemModel.text | translate" container="body">
<button [attr.aria-label]="itemModel.text | translate" [title]="itemModel.text | translate" class="btn btn-dark btn-sm" ngbDropdownToggle [dsBtnDisabled]="section.model?.disabled" role="menuitem"> <button [attr.aria-label]="itemModel.text | translate" [title]="itemModel.text | translate" class="btn btn-dark btn-sm" ngbDropdownToggle [dsBtnDisabled]="section.model?.disabled" role="menuitem" tabindex="0">
<i class="fas fa-{{section.icon}} fa-fw"></i> <i class="fas fa-{{section.icon}} fa-fw"></i>
</button> </button>
<ul ngbDropdownMenu class="dso-edit-menu-dropdown p-1"> <ul ngbDropdownMenu class="dso-edit-menu-dropdown p-1" role="menu">
@for (subSection of (subSections$ | async); track subSection) { @for (subSection of (subSections$ | async); track subSection) {
<li class="nav-item nav-link d-flex flex-row p-2"> <li class="nav-item nav-link d-flex flex-row p-2" role="presentation">
@if (renderIcons$ | async) { @if (renderIcons$ | async) {
<div class="me-2"> <div class="me-2">
@if (subSection.icon) { @if (subSection.icon) {
<i class="fas fa-{{subSection.icon}} fa-fw"></i> <i class="fas fa-{{subSection.icon}} fa-fw" aria-hidden="true"></i>
} @else { } @else {
<i class="fas fa-fw"></i> <i class="fas fa-fw" aria-hidden="true"></i>
} }
</div> </div>
} }

2
src/app/shared/dso-page/dso-edit-menu/dso-edit-menu.component.html
View File

@@ -1,4 +1,4 @@
<div class="dso-edit-menu d-flex"> <div class="dso-edit-menu d-flex" role="menubar">
@for (section of (sections | async); track section) { @for (section of (sections | async); track section) {
<div class="ms-1"> <div class="ms-1">
<ng-container <ng-container