Fix tab accessibility for keyboard

CSCfi · Jan 31, 2025 · 7af29cc · 7af29cc
1 parent 67f95cc
commit 7af29cc
Show file tree

Hide file tree

Showing 6 changed files with 13 additions and 7 deletions.
diff --git a/ui/src/app/administrative/statistics/statistics.component.html b/ui/src/app/administrative/statistics/statistics.component.html
@@ -10,7 +10,7 @@
     <!-- TAB NAVIGATION -->
     <div class="row">
         <div class="col-12">
-            <ul ngbNav #nav="ngbNav" [(activeId)]="view" class="nav-tabs">
+            <ul ngbNav #nav="ngbNav" [(activeId)]="view" class="nav-tabs" [keyboard]="false">
                 <li [ngbNavItem]="'RESPONSES'">
                     <a ngbNavLink>{{ 'i18n_exam_responses' | translate }}</a>
                 </li>

diff --git a/ui/src/app/dashboard/staff/teacher/teacher-dashboard.component.html b/ui/src/app/dashboard/staff/teacher/teacher-dashboard.component.html
@@ -23,7 +23,7 @@
 <ng-template #content>
     <div class="row">
         <div class="col-12">
-            <ul ngbNav #nav="ngbNav" [(activeId)]="activeTab" class="nav-tabs">
+            <ul ngbNav #nav="ngbNav" [(activeId)]="activeTab" class="nav-tabs" [keyboard]="false">
                 <li [ngbNavItem]="1">
                     <a ngbNavLink>
                         <div class="make-inline me-2">{{ 'i18n_active_exams_title' | translate }}</div>

diff --git a/ui/src/app/exam/collaborative/collaborative-exam-listing.component.html b/ui/src/app/exam/collaborative/collaborative-exam-listing.component.html
@@ -16,7 +16,7 @@
 <ng-template #content>
     <div class="row">
         <div class="col-12">
-            <ul ngbNav #nav="ngbNav" [(activeId)]="view" class="nav-tabs">
+            <ul ngbNav #nav="ngbNav" [(activeId)]="view" class="nav-tabs" [keyboard]="false">
                 <li [ngbNavItem]="'PUBLISHED'">
                     <a ngbNavLink>
                         {{ 'i18n_published_joint_exams' | translate }}

diff --git a/ui/src/app/exam/listing/exam-list.component.html b/ui/src/app/exam/listing/exam-list.component.html
@@ -15,7 +15,7 @@
     <!-- TAB NAVIGATION -->
     <div class="row">
         <div class="col-md-12">
-            <ul ngbNav #nav="ngbNav" [(activeId)]="activeId" class="nav-tabs">
+            <ul ngbNav #nav="ngbNav" [(activeId)]="activeId" class="nav-tabs" [keyboard]="false">
                 <li role="presentation" [ngbNavItem]="0">
                     <a ngbNavLink>
                         {{ 'i18n_published_exams' | translate }}
@@ -62,7 +62,13 @@
                 />
 
                 <div class="input-group-append search">
-                    <img src="/assets/images/icon_search.png" alt="search-icon" width="45" height="38" />
+                    <img
+                        src="/assets/images/icon_search.png"
+                        alt="search-icon"
+                        width="45"
+                        height="38"
+                        aria-hidden="true"
+                    />
                 </div>
             </div>
         </div>

diff --git a/ui/src/app/facility/facility.component.html b/ui/src/app/facility/facility.component.html
@@ -34,7 +34,7 @@
 
     <div class="row mt-2">
         <div class="col-md-12">
-            <ul ngbNav #nav="ngbNav" class="nav-tabs">
+            <ul ngbNav #nav="ngbNav" class="nav-tabs" [keyboard]="false">
                 <li ngbNavItem>
                     <a ngbNavLink>
                         {{ getHeadingTranslation('i18n_exam_all_rooms') }}

diff --git a/ui/src/app/review/questions/assessment/question-assessment.component.html b/ui/src/app/review/questions/assessment/question-assessment.component.html
@@ -98,7 +98,7 @@
     </div>
     <div class="row pt-4">
         <div class="col-md-12">
-            <ul ngbNav #nav="ngbNav" class="nav-tabs">
+            <ul ngbNav #nav="ngbNav" class="nav-tabs" [keyboard]="false">
                 <li ngbNavItem>
                     <a ngbNavLink>
                         {{ 'i18n_unassessed_exams' | translate }}