diff --git a/src/addons/block/myoverview/components/myoverview/addon-block-myoverview.html b/src/addons/block/myoverview/components/myoverview/addon-block-myoverview.html
index f9576466d..b3e3a4caf 100644
--- a/src/addons/block/myoverview/components/myoverview/addon-block-myoverview.html
+++ b/src/addons/block/myoverview/components/myoverview/addon-block-myoverview.html
@@ -5,8 +5,9 @@
     <!-- Download all courses. -->
     <div *ngIf="downloadCoursesEnabled && downloadEnabled && filteredCourses.length > 1 && !showFilter" class="core-button-spinner"
         slot="end">
-        <ion-button *ngIf="!prefetchCoursesData[selectedFilter].loading" fill="clear" color="dark" (click)="prefetchCourses()">
-            <ion-icon [name]="prefetchCoursesData[selectedFilter].icon" slot="icon-only">
+        <ion-button *ngIf="!prefetchCoursesData[selectedFilter].loading" fill="clear" color="dark" (click)="prefetchCourses()"
+            [attr.aria-label]="'core.courses.downloadcourses' | translate">
+            <ion-icon [name]="prefetchCoursesData[selectedFilter].icon" slot="icon-only" aria-hidden="true">
             </ion-icon>
         </ion-button>
         <ion-badge class="core-course-download-courses-progress" *ngIf="prefetchCoursesData[selectedFilter].badge">
diff --git a/src/addons/block/recentlyaccessedcourses/components/recentlyaccessedcourses/addon-block-recentlyaccessedcourses.html b/src/addons/block/recentlyaccessedcourses/components/recentlyaccessedcourses/addon-block-recentlyaccessedcourses.html
index 821e6874b..e8f1b307f 100644
--- a/src/addons/block/recentlyaccessedcourses/components/recentlyaccessedcourses/addon-block-recentlyaccessedcourses.html
+++ b/src/addons/block/recentlyaccessedcourses/components/recentlyaccessedcourses/addon-block-recentlyaccessedcourses.html
@@ -4,9 +4,8 @@
     </ion-label>
     <div *ngIf="downloadCoursesEnabled && downloadEnabled && courses && courses.length > 1" class="core-button-spinner" slot="end">
         <ion-button *ngIf="prefetchCoursesData.icon && !prefetchCoursesData.loading" fill="clear" color="dark"
-            (click)="prefetchCourses()">
-            <ion-icon [name]="prefetchCoursesData.icon" slot="icon-only">
-            </ion-icon>
+            (click)="prefetchCourses()" [attr.aria-label]="'core.courses.downloadcourses' | translate">
+            <ion-icon [name]="prefetchCoursesData.icon" slot="icon-only" aria-hidden="true"></ion-icon>
         </ion-button>
         <ion-badge class="core-course-download-courses-progress" *ngIf="prefetchCoursesData.badge">
             {{prefetchCoursesData.badge}}
diff --git a/src/addons/block/starredcourses/components/starredcourses/addon-block-starredcourses.html b/src/addons/block/starredcourses/components/starredcourses/addon-block-starredcourses.html
index b8c52e1c2..5623b314a 100644
--- a/src/addons/block/starredcourses/components/starredcourses/addon-block-starredcourses.html
+++ b/src/addons/block/starredcourses/components/starredcourses/addon-block-starredcourses.html
@@ -4,9 +4,8 @@
     </ion-label>
     <div *ngIf="downloadCoursesEnabled && downloadEnabled && courses && courses.length > 1" class="core-button-spinner" slot="end">
         <ion-button *ngIf="prefetchCoursesData.icon && !prefetchCoursesData.loading" fill="clear" color="dark"
-            (click)="prefetchCourses()">
-            <ion-icon [name]="prefetchCoursesData.icon" slot="icon-only">
-            </ion-icon>
+            (click)="prefetchCourses()" [attr.aria-label]="'core.courses.downloadcourses' | translate">
+            <ion-icon [name]="prefetchCoursesData.icon" slot="icon-only" aria-hidden="true"></ion-icon>
         </ion-button>
         <ion-badge class="core-course-download-courses-progress" *ngIf="prefetchCoursesData.badge">
             {{prefetchCoursesData.badge}}
diff --git a/src/addons/block/timeline/components/events/addon-block-timeline-events.html b/src/addons/block/timeline/components/events/addon-block-timeline-events.html
index 67db5d061..aa53319ec 100644
--- a/src/addons/block/timeline/components/events/addon-block-timeline-events.html
+++ b/src/addons/block/timeline/components/events/addon-block-timeline-events.html
@@ -7,6 +7,8 @@
             [title]="event.name">
             <img slot="start" [src]="event.iconUrl" alt="" role="presentation" *ngIf="event.iconUrl" class="core-module-icon">
             <ion-label>
+                <!-- Add the icon title so accessibility tools read it. -->
+                <span class="sr-only" *ngIf="event.iconTitle">{{ event.iconTitle }}</span>
                 <h2>
                     <core-format-text [text]="event.name" contextLevel="module" [contextInstanceId]="event.id"
                         [courseId]="event.course && event.course.id">
diff --git a/src/addons/block/timeline/components/events/events.ts b/src/addons/block/timeline/components/events/events.ts
index c5b71e4fd..0b29a7b80 100644
--- a/src/addons/block/timeline/components/events/events.ts
+++ b/src/addons/block/timeline/components/events/events.ts
@@ -103,6 +103,7 @@ export class AddonBlockTimelineEventsComponent implements OnChanges {
             return start <= event.timesort;
         }).map((event) => {
             event.iconUrl = CoreCourse.getModuleIconSrc(event.icon.component);
+            event.iconTitle = event.modulename && CoreCourse.translateModuleName(event.modulename);
 
             return event;
         });
@@ -145,6 +146,7 @@ export class AddonBlockTimelineEventsComponent implements OnChanges {
 
 type AddonBlockTimelineEvent = AddonCalendarEvent & {
     iconUrl?: string;
+    iconTitle?: string;
 };
 
 type AddonBlockTimelineEventFilteredEvent = {
diff --git a/src/addons/blog/pages/entries/entries.html b/src/addons/blog/pages/entries/entries.html
index 80655f4c0..95ea4967d 100644
--- a/src/addons/blog/pages/entries/entries.html
+++ b/src/addons/blog/pages/entries/entries.html
@@ -71,7 +71,8 @@
                 <ion-row class="ion-text-center">
                     <ion-col *ngIf="entry.lastmodified > entry.created">
                         <ion-note>
-                            <ion-icon name="fas-clock"></ion-icon> {{entry.lastmodified | coreTimeAgo}}
+                            <ion-icon name="fas-clock"
+                                [attr.aria-label]="'core.lastmodified' | translate"></ion-icon> {{entry.lastmodified | coreTimeAgo}}
                         </ion-note>
                     </ion-col>
                 </ion-row>
diff --git a/src/addons/calendar/components/calendar/addon-calendar-calendar.html b/src/addons/calendar/components/calendar/addon-calendar-calendar.html
index d4eb63e83..d80b34e36 100644
--- a/src/addons/calendar/components/calendar/addon-calendar-calendar.html
+++ b/src/addons/calendar/components/calendar/addon-calendar-calendar.html
@@ -13,16 +13,16 @@
     <ion-grid class="ion-no-padding addon-calendar-navigation">
         <ion-row class="ion-align-items-center">
             <ion-col class="ion-text-start" *ngIf="canNavigate">
-                <ion-button fill="clear" (click)="loadPrevious()" [title]="'core.previous' | translate">
-                    <ion-icon name="fas-chevron-left" slot="icon-only"></ion-icon>
+                <ion-button fill="clear" (click)="loadPrevious()" [attr.aria-label]="'core.previous' | translate">
+                    <ion-icon name="fas-chevron-left" slot="icon-only" aria-hidden="true"></ion-icon>
                 </ion-button>
             </ion-col>
             <ion-col class="ion-text-center addon-calendar-period">
                 <h3>{{ periodName }}</h3>
             </ion-col>
             <ion-col class="ion-text-end" *ngIf="canNavigate">
-                <ion-button fill="clear" (click)="loadNext()" [title]="'core.next' | translate">
-                    <ion-icon name="fas-chevron-right" slot="icon-only"></ion-icon>
+                <ion-button fill="clear" (click)="loadNext()" [attr.aria-label]="'core.next' | translate">
+                    <ion-icon name="fas-chevron-right" slot="icon-only" aria-hidden="true"></ion-icon>
                 </ion-button>
             </ion-col>
         </ion-row>
@@ -42,8 +42,8 @@
         <ion-row *ngFor="let week of weeks" class="addon-calendar-week">
             <!-- Empty slots (first week). -->
             <ion-col *ngFor="let value of week.prepadding" class="dayblank addon-calendar-day"></ion-col>
-            <ion-col class="addon-calendar-day ion-text-center" *ngFor="let day of week.days"  (click)="dayClicked(day.mday)"
-            [ngClass]='{"hasevents": day.hasevents, "today": isCurrentMonth && day.istoday,
+            <ion-col class="addon-calendar-day ion-text-center" *ngFor="let day of week.days" (click)="dayClicked(day.mday)"
+                [ngClass]='{"hasevents": day.hasevents, "today": isCurrentMonth && day.istoday,
                 "weekend": day.isweekend, "duration_finish": day.haslastdayofevent}'
                 [class.addon-calendar-event-past-day]="isPastMonth || day.ispast">
                 <p class="addon-calendar-day-number"><span>{{ day.mday }}</span></p>
@@ -55,16 +55,23 @@
                 <!-- In tablet, display list of events. -->
                 <div class="ion-hide-md-down addon-calendar-day-events">
                     <ng-container *ngFor="let event of day.filteredEvents | slice:0:4; let index = index">
-                        <p *ngIf="index < 3 || day.filteredEvents.length == 4" class="addon-calendar-event"
-                        (click)="eventClicked(event, $event)" [class.addon-calendar-event-past]="event.ispast">
+                        <div role="button" *ngIf="index < 3 || day.filteredEvents.length == 4" class="addon-calendar-event"
+                            (click)="eventClicked(event, $event)" [class.addon-calendar-event-past]="event.ispast">
                             <span class="calendar_event_type calendar_event_{{event.formattedType}}"></span>
-                            <ion-icon *ngIf="event.offline && !event.deleted" name="far-clock"></ion-icon>
-                            <ion-icon *ngIf="event.deleted" name="fas-trash"></ion-icon>
+                            <ion-icon *ngIf="event.offline && !event.deleted" name="fas-clock"
+                                [attr.aria-label]="'core.notsent' | translate"></ion-icon>
+                            <ion-icon *ngIf="event.deleted" name="fas-trash" [attr.aria-label]="'core.deletedoffline' | translate">
+                            </ion-icon>
                             <span class="addon-calendar-event-time">{{ event.timestart * 1000 | coreFormatDate: timeFormat }}</span>
                             <img *ngIf="event.moduleIcon" src="{{event.moduleIcon}}" alt="" role="presentation"
                                 class="core-module-icon">
+                            <!-- Add the icon title so accessibility tools read it. -->
+                            <span class="sr-only">
+                                {{ 'addon.calendar.type' + event.formattedType | translate }}
+                                <span class="sr-only" *ngIf="event.moduleIcon && event.iconTitle">{{ event.iconTitle }}</span>
+                            </span>
                             <span class="addon-calendar-event-name">{{event.name}}</span>
-                        </p>
+                        </div>
                     </ng-container>
                     <p *ngIf="day.filteredEvents.length > 4" class="addon-calendar-day-more">
                         <b>{{ 'core.nummore' | translate:{$a: day.filteredEvents.length - 3} }}</b>
diff --git a/src/addons/calendar/components/calendar/calendar.scss b/src/addons/calendar/components/calendar/calendar.scss
index 6a8f387cc..b6c5e1d61 100644
--- a/src/addons/calendar/components/calendar/calendar.scss
+++ b/src/addons/calendar/components/calendar/calendar.scss
@@ -70,6 +70,7 @@
             margin-bottom: 0.6em;
             overflow: hidden;
             white-space: nowrap;
+            color: var(--text-color);
 
             &.addon-calendar-event-past {
                 opacity: 0.5;
diff --git a/src/addons/calendar/components/filter/addon-calendar-filter-popover.html b/src/addons/calendar/components/filter/addon-calendar-filter-popover.html
index d89538bf2..5d998548a 100644
--- a/src/addons/calendar/components/filter/addon-calendar-filter-popover.html
+++ b/src/addons/calendar/components/filter/addon-calendar-filter-popover.html
@@ -1,6 +1,6 @@
 <ion-list>
     <ion-item *ngFor="let type of types" class="addon-calendar-event" [ngClass]="['addon-calendar-eventtype-'+type]">
-        <ion-icon [name]="typeIcons[type]" slot="start"></ion-icon>
+        <ion-icon [name]="typeIcons[type]" slot="start" aria-hidden="true"></ion-icon>
         <ion-label>{{ 'addon.calendar.' + type + 'events' | translate}}</ion-label>
         <ion-toggle [(ngModel)]="filter[type]" (ionChange)="onChange()" slot="end"></ion-toggle>
     </ion-item>
diff --git a/src/addons/calendar/components/upcoming-events/addon-calendar-upcoming-events.html b/src/addons/calendar/components/upcoming-events/addon-calendar-upcoming-events.html
index 0f91e2f50..32b83adf7 100644
--- a/src/addons/calendar/components/upcoming-events/addon-calendar-upcoming-events.html
+++ b/src/addons/calendar/components/upcoming-events/addon-calendar-upcoming-events.html
@@ -6,20 +6,26 @@
         <ng-container *ngFor="let event of filteredEvents">
             <ion-item class="ion-text-wrap addon-calendar-event" [title]="event.name" (click)="eventClicked(event)"
                 [ngClass]="['addon-calendar-eventtype-'+event.eventtype]">
-                <img *ngIf="event.moduleIcon" src="{{event.moduleIcon}}" slot="start" class="core-module-icon">
-                <ion-icon *ngIf="event.eventIcon && !event.moduleIcon" [name]="event.eventIcon" slot="start">
+                <img *ngIf="event.moduleIcon" src="{{event.moduleIcon}}" slot="start" class="core-module-icon" alt=""
+                    role="presentation">
+                <ion-icon *ngIf="event.eventIcon && !event.moduleIcon" [name]="event.eventIcon" slot="start" aria-hidden="true">
                 </ion-icon>
                 <ion-label>
+                    <!-- Add the icon title so accessibility tools read it. -->
+                    <span class="sr-only">
+                        {{ 'addon.calendar.type' + event.formattedType | translate }}
+                        <span class="sr-only" *ngIf="event.moduleIcon && event.iconTitle">{{ event.iconTitle }}</span>
+                    </span>
                     <h2><core-format-text [text]="event.name" [contextLevel]="event.contextLevel"
                         [contextInstanceId]="event.contextInstanceId"></core-format-text></h2>
                     <p [innerHTML]="event.formattedtime"></p>
                 </ion-label>
                 <ion-note *ngIf="event.offline && !event.deleted" slot="end">
-                    <ion-icon name="far-clock"></ion-icon>
+                    <ion-icon name="fas-clock" aria-hidden="true"></ion-icon>
                     <span class="ion-text-wrap">{{ 'core.notsent' | translate }}</span>
                 </ion-note>
                 <ion-note *ngIf="event.deleted" slot="end">
-                    <ion-icon name="fas-trash"></ion-icon>
+                    <ion-icon name="fas-trash" aria-hidden="true"></ion-icon>
                     <span class="ion-text-wrap">{{ 'core.deletedoffline' | translate }}</span>
                 </ion-note>
             </ion-item>
diff --git a/src/addons/calendar/pages/day/day.html b/src/addons/calendar/pages/day/day.html
index 1383f2126..f2aed2d70 100644
--- a/src/addons/calendar/pages/day/day.html
+++ b/src/addons/calendar/pages/day/day.html
@@ -6,7 +6,7 @@
         <ion-title>{{ 'addon.calendar.calendarevents' | translate }}</ion-title>
         <ion-buttons slot="end">
             <ion-button (click)="openFilter($event)" [attr.aria-label]="'core.filter' | translate">
-                <ion-icon slot="icon-only" name="fas-filter"></ion-icon>
+                <ion-icon slot="icon-only" name="fas-filter" aria-hidden="true"></ion-icon>
             </ion-button>
             <core-context-menu>
                 <core-context-menu-item *ngIf="!isCurrentDay" [priority]="900" [content]="'addon.calendar.today' | translate"
@@ -29,26 +29,26 @@
     <ion-grid class="ion-no-padding safe-area-page">
         <ion-row class="ion-align-items-center">
             <ion-col class="ion-text-start" *ngIf="currentMoment">
-                <ion-button fill="clear" (click)="loadPrevious()" [title]="'addon.calendar.dayprev' | translate">
-                    <ion-icon name="fas-chevron-left" slot="icon-only"></ion-icon>
+                <ion-button fill="clear" (click)="loadPrevious()" [attr.aria-label]="'addon.calendar.dayprev' | translate">
+                    <ion-icon name="fas-chevron-left" slot="icon-only" aria-hidden="true"></ion-icon>
                 </ion-button>
             </ion-col>
             <ion-col class="ion-text-center addon-calendar-period">
                 <h3>{{ periodName }}</h3>
             </ion-col>
             <ion-col class="ion-text-end" *ngIf="currentMoment">
-                <ion-button fill="clear" (click)="loadNext()" [title]="'addon.calendar.daynext' | translate">
-                    <ion-icon name="fas-chevron-right" slot="icon-only"></ion-icon>
+                <ion-button fill="clear" (click)="loadNext()" [attr.aria-label]="'addon.calendar.daynext' | translate">
+                    <ion-icon name="fas-chevron-right" slot="icon-only" aria-hidden="true"></ion-icon>
                 </ion-button>
             </ion-col>
         </ion-row>
     </ion-grid>
 
     <core-loading [hideUntil]="loaded" class="safe-area-page">
-        <!-- There is data to be synchronized -->          <!-- There is data to be synchronized -->
+        <!-- There is data to be synchronized -->
         <ion-card class="core-warning-card" *ngIf="hasOffline">
             <ion-item>
-                <ion-icon name="fas-exclamation-triangle" slot="start"></ion-icon>
+                <ion-icon name="fas-exclamation-triangle" slot="start" aria-hidden="true"></ion-icon>
                 <ion-label>{{ 'core.hasdatatosync' | translate:{$a: 'core.day' | translate} }}</ion-label>
             </ion-item>
         </ion-card>
@@ -61,20 +61,26 @@
             <ng-container *ngFor="let event of filteredEvents">
                 <ion-item class="addon-calendar-event ion-text-wrap" [title]="event.name" (click)="gotoEvent(event.id)"
                 [class.item-dimmed]="event.ispast" [ngClass]="['addon-calendar-eventtype-'+event.eventtype]">
-                    <img *ngIf="event.moduleIcon" src="{{event.moduleIcon}}" slot="start" class="core-module-icon">
-                    <ion-icon *ngIf="event.eventIcon && !event.moduleIcon" [name]="event.eventIcon" slot="start">
+                    <img *ngIf="event.moduleIcon" src="{{event.moduleIcon}}" slot="start" class="core-module-icon" alt=""
+                        role="presentation">
+                    <ion-icon *ngIf="event.eventIcon && !event.moduleIcon" [name]="event.eventIcon" slot="start" aria-hidden="true">
                     </ion-icon>
                     <ion-label>
+                        <!-- Add the icon title so accessibility tools read it. -->
+                        <span class="sr-only">
+                            {{ 'addon.calendar.type' + event.formattedType | translate }}
+                            <span class="sr-only" *ngIf="event.moduleIcon && event.iconTitle">{{ event.iconTitle }}</span>
+                        </span>
                         <h2><core-format-text [text]="event.name" [contextLevel]="event.contextLevel"
                             [contextInstanceId]="event.contextInstanceId"></core-format-text></h2>
                         <p [innerHTML]="event.formattedtime"></p>
                     </ion-label>
                     <ion-note *ngIf="event.offline && !event.deleted" slot="end">
-                        <ion-icon name="far-clock"></ion-icon>
+                        <ion-icon name="fas-clock" aria-hidden="true"></ion-icon>
                         <span class="ion-text-wrap">{{ 'core.notsent' | translate }}</span>
                     </ion-note>
                     <ion-note *ngIf="event.deleted" slot="end">
-                        <ion-icon name="fas-trash"></ion-icon>
+                        <ion-icon name="fas-trash" aria-hidden="true"></ion-icon>
                         <span class="ion-text-wrap">{{ 'core.deletedoffline' | translate }}</span>
                     </ion-note>
                 </ion-item>
@@ -85,7 +91,7 @@
     <!-- Create a calendar event. -->
     <ion-fab slot="fixed" core-fab vertical="bottom" horizontal="end" *ngIf="canCreate && loaded">
         <ion-fab-button (click)="openEdit()" [attr.aria-label]="'addon.calendar.newevent' | translate">
-            <ion-icon name="fas-plus"></ion-icon>
+            <ion-icon name="fas-plus" aria-hidden="true"></ion-icon>
         </ion-fab-button>
     </ion-fab>
 </ion-content>
diff --git a/src/addons/calendar/pages/edit-event/edit-event.html b/src/addons/calendar/pages/edit-event/edit-event.html
index 92d016298..3de473f41 100644
--- a/src/addons/calendar/pages/edit-event/edit-event.html
+++ b/src/addons/calendar/pages/edit-event/edit-event.html
@@ -120,9 +120,10 @@
             </ng-container>
 
             <!-- Advanced options. -->
-            <ion-item-divider class="ion-text-wrap core-expandable" (click)="toggleAdvanced()">
-                <ion-icon *ngIf="!advanced" name="fas-caret-right" slot="start"></ion-icon>
-                <ion-icon *ngIf="advanced" name="fas-caret-down" slot="start"></ion-icon>
+            <ion-item-divider class="ion-text-wrap core-expandable" (click)="toggleAdvanced()"
+                [attr.aria-label]="(advanced ? 'core.showless' : 'core.showmore') | translate">
+                <ion-icon *ngIf="!advanced" name="fas-caret-right" slot="start" aria-hidden="true"></ion-icon>
+                <ion-icon *ngIf="advanced" name="fas-caret-down" slot="start" aria-hidden="true"></ion-icon>
                 <ion-label>
                     <span *ngIf="!advanced">{{ 'core.showmore' | translate }}</span>
                     <span *ngIf="advanced">{{ 'core.showless' | translate }}</span>
diff --git a/src/addons/calendar/pages/event/event.html b/src/addons/calendar/pages/event/event.html
index 0d3f8a5bf..a226b8144 100644
--- a/src/addons/calendar/pages/event/event.html
+++ b/src/addons/calendar/pages/event/event.html
@@ -5,7 +5,12 @@
         </ion-buttons>
         <ion-title *ngIf="event">
             <img *ngIf="event.moduleIcon" src="{{event.moduleIcon}}" alt="" role="presentation" class="core-module-icon">
-            <ion-icon *ngIf="event.eventIcon && !event.moduleIcon" [name]="event.eventIcon"></ion-icon>
+            <ion-icon *ngIf="event.eventIcon && !event.moduleIcon" [name]="event.eventIcon" aria-hidden="true"></ion-icon>
+            <!-- Add the icon title so accessibility tools read it. -->
+            <span class="sr-only">
+                {{ 'addon.calendar.type' + event.formattedType | translate }}
+                <span class="sr-only" *ngIf="event.moduleIcon && event.iconTitle">{{ event.iconTitle }}</span>
+            </span>
             <core-format-text [text]="event.name" [contextLevel]="event.contextLevel"
                 [contextInstanceId]="event.contextInstanceId"></core-format-text>
         </ion-title>
@@ -38,7 +43,7 @@
         <!-- There is data to be synchronized -->
         <ion-card class="core-warning-card" *ngIf="hasOffline || (event && event.deleted)">
             <ion-item>
-                <ion-icon name="fas-exclamation-triangle" slot="start"></ion-icon>
+                <ion-icon name="fas-exclamation-triangle" slot="start" aria-hidden="true"></ion-icon>
                 <ion-label>{{ 'core.hasdatatosync' | translate:{$a: 'addon.calendar.calendarevent' | translate} }}</ion-label>
             </ion-item>
         </ion-card>
@@ -48,17 +53,21 @@
                 <ion-item class="ion-text-wrap" *ngIf="isSplitViewOn">
                     <img *ngIf="event.moduleIcon" src="{{event.moduleIcon}}" slot="start" alt="" role="presentation"
                         class="core-module-icon">
-                    <ion-icon *ngIf="event.eventIcon && !event.moduleIcon" [name]="event.eventIcon" slot="start">
+                    <ion-icon *ngIf="event.eventIcon && !event.moduleIcon" [name]="event.eventIcon" slot="start" aria-hidden="true">
                     </ion-icon>
                     <ion-label>
+                        <span class="sr-only">
+                            {{ 'addon.calendar.type' + event.formattedType | translate }}
+                            <span class="sr-only" *ngIf="event.moduleIcon && event.iconTitle">{{ event.iconTitle }}</span>
+                        </span>
                         <h2>{{ 'addon.calendar.eventname' | translate }}</h2>
                         <p>
                             <core-format-text [text]="event.name" [contextLevel]="event.contextLevel"
-                             [contextInstanceId]="event.contextInstanceId"></core-format-text>
+                                [contextInstanceId]="event.contextInstanceId"></core-format-text>
                         </p>
                     </ion-label>
                     <ion-note slot="end" *ngIf="event.deleted">
-                        <ion-icon name="fas-trash"></ion-icon> {{ 'core.deletedoffline' | translate }}
+                        <ion-icon name="fas-trash" aria-hidden="true"></ion-icon> {{ 'core.deletedoffline' | translate }}
                     </ion-note>
                 </ion-item>
                 <ion-item>
@@ -67,7 +76,7 @@
                         <p [innerHTML]="event.formattedtime"></p>
                     </ion-label>
                     <ion-note slot="end" *ngIf="!isSplitViewOn && event.deleted">
-                        <ion-icon name="fas-trash"></ion-icon> {{ 'core.deletedoffline' | translate }}
+                        <ion-icon name="fas-trash" aria-hidden="true"></ion-icon> {{ 'core.deletedoffline' | translate }}
                     </ion-note>
                 </ion-item>
                 <ion-item>
@@ -144,9 +153,9 @@
                         <p *ngIf="reminder.time > 0">{{ reminder.time * 1000 | coreFormatDate }}</p>
                     </ion-label>
                     <ion-button fill="clear" (click)="cancelNotification(reminder.id, $event)"
-                        [attr.aria-label]=" 'core.delete' | translate" slot="end"
+                        [attr.aria-label]="'core.delete' | translate" slot="end"
                         *ngIf="(reminder.time == -1 ? (event.timestart - defaultTime) : reminder.time) > currentTime!">
-                        <ion-icon name="fas-trash" color="danger" slot="icon-only"></ion-icon>
+                        <ion-icon name="fas-trash" color="danger" slot="icon-only" aria-hidden="true"></ion-icon>
                     </ion-button>
                 </ion-item>
             </ng-container>
diff --git a/src/addons/calendar/pages/index/index.html b/src/addons/calendar/pages/index/index.html
index 3795ee0e5..7f1718b39 100644
--- a/src/addons/calendar/pages/index/index.html
+++ b/src/addons/calendar/pages/index/index.html
@@ -6,7 +6,7 @@
         <ion-title>{{ (showCalendar ? 'addon.calendar.calendarevents' : 'addon.calendar.upcomingevents') | translate }}</ion-title>
         <ion-buttons slot="end">
             <ion-button (click)="openFilter($event)" [attr.aria-label]="'core.filter' | translate">
-                <ion-icon slot="icon-only" name="fas-filter"></ion-icon>
+                <ion-icon slot="icon-only" name="fas-filter" aria-hidden="true"></ion-icon>
             </ion-button>
             <core-context-menu>
                 <core-context-menu-item *ngIf="showCalendar" [priority]="800"
@@ -33,7 +33,7 @@
     <!-- There is data to be synchronized -->
     <ion-card class="core-warning-card" *ngIf="hasOffline">
         <ion-item>
-            <ion-icon name="fas-exclamation-triangle" slot="start"></ion-icon>
+            <ion-icon name="fas-exclamation-triangle" slot="start" aria-hidden="true"></ion-icon>
             <ion-label>{{ 'core.hasdatatosync' | translate:{$a: 'addon.calendar.calendar' | translate} }}</ion-label>
         </ion-item>
     </ion-card>
@@ -49,7 +49,7 @@
     <!-- Create a calendar event. -->
     <ion-fab slot="fixed" core-fab vertical="bottom" horizontal="end" *ngIf="canCreate">
         <ion-fab-button (click)="openEdit()" [attr.aria-label]="'addon.calendar.newevent' | translate">
-            <ion-icon name="fas-plus"></ion-icon>
+            <ion-icon name="fas-plus" aria-hidden="true"></ion-icon>
         </ion-fab-button>
     </ion-fab>
 </ion-content>
diff --git a/src/addons/calendar/pages/list/list.html b/src/addons/calendar/pages/list/list.html
index 46bbcc1aa..d3b47c8ae 100644
--- a/src/addons/calendar/pages/list/list.html
+++ b/src/addons/calendar/pages/list/list.html
@@ -6,7 +6,7 @@
         <ion-title>{{ 'addon.calendar.calendarevents' | translate }}</ion-title>
         <ion-buttons slot="end">
             <ion-button (click)="openFilter($event)" [attr.aria-label]="'core.filter' | translate">
-                <ion-icon slot="icon-only" name="fas-filter"></ion-icon>
+                <ion-icon slot="icon-only" name="fas-filter" aria-hidden="true"></ion-icon>
             </ion-button>
             <core-context-menu>
                 <core-context-menu-item [hidden]="!notificationsEnabled" [priority]="600"
@@ -28,7 +28,7 @@
             <!-- There is data to be synchronized -->
             <ion-card class="core-warning-card" *ngIf="hasOffline">
                 <ion-item>
-                    <ion-icon name="fas-exclamation-triangle" slot="start"></ion-icon>
+                    <ion-icon name="fas-exclamation-triangle" slot="start" aria-hidden="true"></ion-icon>
                     <ion-label>{{ 'core.hasdatatosync' | translate:{$a: 'addon.calendar.calendar' | translate} }}</ion-label>
                 </ion-item>
             </ion-card>
@@ -44,11 +44,18 @@
                     </ion-item-divider>
                     <ion-item class="addon-calendar-event ion-text-wrap" [title]="event.name" (click)="gotoEvent(event.id)"
                     [class.core-selected-item]="event.id == eventId" [ngClass]="['addon-calendar-eventtype-'+event.eventtype]">
-                        <img *ngIf="event.moduleIcon" src="{{event.moduleIcon}}" slot="start" class="core-module-icon">
-                        <ion-icon *ngIf="event.eventIcon && !event.moduleIcon" [name]="event.eventIcon" slot="start">
+                        <img *ngIf="event.moduleIcon" src="{{event.moduleIcon}}" slot="start" class="core-module-icon" alt=""
+                            role="presentation">
+                        <ion-icon *ngIf="event.eventIcon && !event.moduleIcon" [name]="event.eventIcon" slot="start"
+                            aria-hidden="true">
                         </ion-icon>
                         <ion-label>
                             <h2>
+                                <!-- Add the icon title so accessibility tools read it. -->
+                                <span class="sr-only">
+                                    {{ 'addon.calendar.type' + event.formattedType | translate }}
+                                    <span class="sr-only" *ngIf="event.moduleIcon && event.iconTitle">{{ event.iconTitle }}</span>
+                                </span>
                                 <core-format-text [text]="event.name" [contextLevel]="event.contextLevel"
                                     [contextInstanceId]="event.contextInstanceId">
                                 </core-format-text>
@@ -64,11 +71,11 @@
                             </p>
                         </ion-label>
                         <ion-note *ngIf="event.offline && !event.deleted" slot="end">
-                            <ion-icon name="far-clock"></ion-icon>
+                            <ion-icon name="fas-clock" aria-hidden="true"></ion-icon>
                             <span class="ion-text-wrap">{{ 'core.notsent' | translate }}</span>
                         </ion-note>
                         <ion-note *ngIf="event.deleted" slot="end">
-                            <ion-icon name="fas-trash"></ion-icon>
+                            <ion-icon name="fas-trash" aria-hidden="true"></ion-icon>
                             <span class="ion-text-wrap">{{ 'core.deletedoffline' | translate }}</span>
                         </ion-note>
                     </ion-item>
@@ -82,7 +89,7 @@
         <!-- Create a calendar event. -->
         <ion-fab slot="fixed" core-fab vertical="bottom" horizontal="end" *ngIf="canCreate">
             <ion-fab-button (click)="openEdit()" [attr.aria-label]="'addon.calendar.newevent' | translate">
-                <ion-icon name="fas-plus"></ion-icon>
+                <ion-icon name="fas-plus" aria-hidden="true"></ion-icon>
             </ion-fab-button>
         </ion-fab>
     </core-split-view>
diff --git a/src/addons/calendar/services/calendar-helper.ts b/src/addons/calendar/services/calendar-helper.ts
index 7ebe73090..ed5b47cff 100644
--- a/src/addons/calendar/services/calendar-helper.ts
+++ b/src/addons/calendar/services/calendar-helper.ts
@@ -189,6 +189,7 @@ export class AddonCalendarHelperProvider {
         if (event.modulename) {
             eventFormatted.eventIcon = CoreCourse.getModuleIconSrc(event.modulename);
             eventFormatted.moduleIcon = eventFormatted.eventIcon;
+            eventFormatted.iconTitle = CoreCourse.translateModuleName(event.modulename);
         }
 
         eventFormatted.formattedType = AddonCalendar.getEventType(event);
diff --git a/src/addons/calendar/services/calendar.ts b/src/addons/calendar/services/calendar.ts
index e9d725c08..a16a3e4d1 100644
--- a/src/addons/calendar/services/calendar.ts
+++ b/src/addons/calendar/services/calendar.ts
@@ -2250,6 +2250,7 @@ export type AddonCalendarEventToDisplay = Partial<AddonCalendarCalendarEvent> &
     deleted?: boolean; // Calculated in the app. Whether it has been deleted in offline.
     encodedLocation?: SafeUrl; // Calculated in the app. Sanitized location link.
     eventIcon?: string; // Calculated in the app. Event icon.
+    iconTitle?: string;
     moduleIcon?: string; // Calculated in the app. Module icon.
     formattedType: string; // Calculated in the app. Formatted type.
     duration?: number; // Calculated in the app. Duration of offline event.
diff --git a/src/addons/competency/pages/competency/competency.html b/src/addons/competency/pages/competency/competency.html
index 82327f0ad..2e9af0824 100644
--- a/src/addons/competency/pages/competency/competency.html
+++ b/src/addons/competency/pages/competency/competency.html
@@ -75,7 +75,7 @@
                     </p>
                     <ion-item class="ion-text-wrap" *ngFor="let activity of coursemodules" [href]="activity.url" [title]="activity.name"
                         core-link capture="true">
-                        <img slot="start" core-external-content [src]="activity.iconurl" alt="" role="presentation" *ngIf="activity.iconurl"
+                        <img slot="start" core-external-content [src]="activity.iconurl" alt="" *ngIf="activity.iconurl"
                             class="core-module-icon">
                         <ion-label>
                             <core-format-text [text]="activity.name" contextLevel="module" [contextInstanceId]="activity.id"
diff --git a/src/addons/competency/pages/coursecompetencies/coursecompetencies.html b/src/addons/competency/pages/coursecompetencies/coursecompetencies.html
index 513624bf5..74d274d29 100644
--- a/src/addons/competency/pages/coursecompetencies/coursecompetencies.html
+++ b/src/addons/competency/pages/coursecompetencies/coursecompetencies.html
@@ -105,7 +105,7 @@
                             </p>
                             <ion-item class="ion-text-wrap core-course-module-handler item-media" [title]="activity.name" core-link
                                 *ngFor="let activity of competency.coursemodules" [href]="activity.url" capture="true">
-                                <img slot="start" [src]="activity.iconurl" core-external-content alt="" role="presentation"
+                                <img slot="start" [src]="activity.iconurl" core-external-content alt=""
                                     *ngIf="activity.iconurl" class="core-module-icon">
                                 <ion-label>
                                     <core-format-text [text]="activity.name" contextLevel="module" [contextInstanceId]="activity.id"
diff --git a/src/addons/coursecompletion/pages/report/report.html b/src/addons/coursecompletion/pages/report/report.html
index 4501b6c7e..8bdc71e94 100644
--- a/src/addons/coursecompletion/pages/report/report.html
+++ b/src/addons/coursecompletion/pages/report/report.html
@@ -84,7 +84,7 @@
 
         <ion-card class="core-warning-card" *ngIf="!tracked">
             <ion-item>
-                <ion-icon name="fas-exclamation-triangle" slot="start"></ion-icon>
+                <ion-icon name="fas-exclamation-triangle" slot="start" aria-hidden="true"></ion-icon>
                 <ion-label>{{ 'addon.coursecompletion.nottracked' | translate }}</ion-label>
             </ion-item>
         </ion-card>
diff --git a/src/addons/messages/components/conversation-info/conversation-info.html b/src/addons/messages/components/conversation-info/conversation-info.html
index 42e3f3a6f..ad864180b 100644
--- a/src/addons/messages/components/conversation-info/conversation-info.html
+++ b/src/addons/messages/components/conversation-info/conversation-info.html
@@ -3,7 +3,7 @@
         <ion-title>{{ 'addon.messages.groupinfo' | translate }}</ion-title>
         <ion-buttons slot="end">
             <ion-button (click)="closeModal()" [attr.aria-label]="'core.close' | translate">
-                <ion-icon name="fas-times" slot="icon-only"></ion-icon>
+                <ion-icon name="fas-times" slot="icon-only" aria-hidden="true"></ion-icon>
             </ion-button>
         </ion-buttons>
     </ion-toolbar>
@@ -39,7 +39,8 @@
             <ion-label>
                 <h2>
                     {{ member.fullname }}
-                    <ion-icon name="fas-user-slash" *ngIf="member.isblocked" [title]="'addon.messages.contactblocked' | translate">
+                    <ion-icon name="fas-user-slash" *ngIf="member.isblocked"
+                        [attr.aria-label]="'addon.messages.contactblocked' | translate">
                     </ion-icon>
                 </h2>
             </ion-label>
diff --git a/src/addons/messages/pages/contacts/contacts.html b/src/addons/messages/pages/contacts/contacts.html
index 952b7dc31..e80cd7637 100644
--- a/src/addons/messages/pages/contacts/contacts.html
+++ b/src/addons/messages/pages/contacts/contacts.html
@@ -5,8 +5,8 @@
         </ion-buttons>
         <ion-title>{{ 'addon.messages.contacts' | translate }}</ion-title>
         <ion-buttons slot="end">
-            <ion-button (click)="gotoSearch()" [attr.aria-label]="'addon.messages.search' | translate">
-                <ion-icon name="fas-search" slot="icon-only"></ion-icon>
+            <ion-button (click)="gotoSearch()" [attr.aria-label]="'addon.messages.searchcombined' | translate">
+                <ion-icon name="fas-search" slot="icon-only" aria-hidden="true"></ion-icon>
             </ion-button>
             <!-- Add an empty context menu so discussion page can add items in split view, otherwise the menu
                 disappears in some cases. -->
@@ -36,7 +36,8 @@
                                     <h2>
                                         <core-format-text [text]="contact.fullname" contextLevel="system" [contextInstanceId]="0">
                                         </core-format-text>
-                                        <ion-icon *ngIf="contact.isblocked" name="fas-user-slash" slot="end">
+                                        <ion-icon *ngIf="contact.isblocked" name="fas-user-slash" slot="end"
+                                            [attr.aria-label]="'addon.messages.contactblocked' | translate">
                                         </ion-icon>
                                     </h2>
                                 </ion-label>
diff --git a/src/addons/messages/pages/discussion/discussion.html b/src/addons/messages/pages/discussion/discussion.html
index 0bdd89574..1d34ae74c 100644
--- a/src/addons/messages/pages/discussion/discussion.html
+++ b/src/addons/messages/pages/discussion/discussion.html
@@ -13,17 +13,18 @@
                 </core-user-avatar>
                 <core-format-text [text]="title" contextLevel="system" [contextInstanceId]="0"
                     (click)="showInfo && !isGroup && viewInfo()"></core-format-text>
-                <ion-icon *ngIf="conversation && conversation.isfavourite" name="fas-star" [title]="'core.favourites' | translate">
+                <ion-icon *ngIf="conversation && conversation.isfavourite" name="fas-star"
+                    [attr.aria-label]="'core.favourites' | translate">
                 </ion-icon>
                 <ion-icon *ngIf="conversation && conversation.ismuted" name="fas-bell-slash"
-                    [title]="'addon.messages.mutedconversation' | translate">
+                    [attr.aria-label]="'addon.messages.mutedconversation' | translate">
                 </ion-icon>
             </div>
         </ion-title>
         <ion-buttons slot="end"></ion-buttons>
     </ion-toolbar>
     <core-navbar-buttons slot="end">
-        <core-context-menu [aria-label]="'addon.messages.conversationactions' | translate">
+        <core-context-menu [attr.aria-label]="'addon.messages.conversationactions' | translate">
             <core-context-menu-item [hidden]="isSelf || !showInfo || isGroup" [priority]="1000"
                 [content]="'addon.messages.info' | translate" (action)="viewInfo()"
                 iconAction="fas-info-circle"></core-context-menu-item>
@@ -82,7 +83,7 @@
                 <ion-chip class="addon-messages-unreadfrom" *ngIf="unreadMessageFrom && message.id == unreadMessageFrom"
                     color="light">
                     <ion-label>{{ 'addon.messages.newmessages' | translate }}</ion-label>
-                    <ion-icon name="arrow-round-down"></ion-icon>
+                    <ion-icon name="fas-arrow-down" aria-hidden="true"></ion-icon>
                 </ion-chip>
 
                 <ion-item class="ion-text-wrap addon-message" (longPress)="copyMessage(message)"
@@ -99,7 +100,9 @@
                             <div *ngIf="message.showUserData">{{ members[message.useridfrom].fullname }}</div>
 
                             <ion-note *ngIf="!message.pending">{{ message.timecreated | coreFormatDate: "strftimetime" }}</ion-note>
-                            <ion-note *ngIf="message.pending"><ion-icon name="far-clock"></ion-icon></ion-note>
+                            <ion-note *ngIf="message.pending">
+                                <ion-icon name="fas-clock" [attr.aria-label]="'core.notsent' | translate "></ion-icon>
+                            </ion-note>
                         </h2>
 
                         <!-- Some messages have <p> and some others don't. Add a <p> so they all have same styles. -->
@@ -111,7 +114,7 @@
                     <ion-button fill="clear" *ngIf="!message.sending && showDelete" (click)="deleteMessage(message, index)"
                         class="addon-messages-delete-button" [@coreSlideInOut]="'fromRight'"
                         [attr.aria-label]=" 'addon.messages.deletemessage' | translate" slot="end">
-                        <ion-icon name="fas-trash" color="danger" slot="icon-only"></ion-icon>
+                        <ion-icon name="fas-trash" color="danger" slot="icon-only" aria-hidden="true"></ion-icon>
                     </ion-button>
 
                     <div class="tail" *ngIf="message.showTail"></div>
@@ -126,7 +129,7 @@
     <ion-fab slot="fixed" core-fab vertical="bottom" horizontal="end" *ngIf="loaded && newMessages > 0">
         <ion-fab-button size="small" (click)="scrollToFirstUnreadMessage()" color="light"
         [attr.aria-label]="'addon.messages.newmessages' | translate">
-            <ion-icon name="fas-arrow-down"></ion-icon>
+            <ion-icon name="fas-arrow-down" aria-hidden="true"></ion-icon>
             <span class="core-discussion-messages-badge">{{ newMessages }}</span>
         </ion-fab-button>
     </ion-fab>
diff --git a/src/addons/messages/pages/discussions-35/discussions.html b/src/addons/messages/pages/discussions-35/discussions.html
index 921207b0e..68f7cbabc 100644
--- a/src/addons/messages/pages/discussions-35/discussions.html
+++ b/src/addons/messages/pages/discussions-35/discussions.html
@@ -27,7 +27,7 @@
 
                 <ion-item class="ion-text-wrap addon-message-discussion" (click)="gotoContacts()"
                     [attr.aria-label]="'addon.messages.contacts' | translate" detail>
-                    <ion-icon name="fas-address-book" slot="start"></ion-icon>
+                    <ion-icon name="fas-address-book" slot="start" aria-hidden="true"></ion-icon>
                     <ion-label><h2>{{ 'addon.messages.contacts' | translate }}</h2></ion-label>
                 </ion-item>
 
diff --git a/src/addons/messages/pages/group-conversations/group-conversations.html b/src/addons/messages/pages/group-conversations/group-conversations.html
index 004a464d6..aec8e148b 100644
--- a/src/addons/messages/pages/group-conversations/group-conversations.html
+++ b/src/addons/messages/pages/group-conversations/group-conversations.html
@@ -5,11 +5,11 @@
         </ion-buttons>
         <ion-title>{{ 'addon.messages.messages' | translate }}</ion-title>
         <ion-buttons slot="end">
-            <ion-button (click)="gotoSearch()" [attr.aria-label]="'addon.messages.search' | translate">
-                <ion-icon name="fas-search" slot="icon-only"></ion-icon>
+            <ion-button (click)="gotoSearch()" [attr.aria-label]="'addon.messages.searchcombined' | translate">
+                <ion-icon name="fas-search" slot="icon-only" aria-hidden="true"></ion-icon>
             </ion-button>
             <ion-button (click)="gotoSettings()" [attr.aria-label]="'addon.messages.messagepreferences' | translate">
-                <ion-icon name="fas-cog" slot="icon-only"></ion-icon>
+                <ion-icon name="fas-cog" slot="icon-only" aria-hidden="true"></ion-icon>
             </ion-button>
             <!-- Add an empty context menu so discussion page can add items in split view,
                 otherwise the menu disappears in some cases. -->
@@ -27,14 +27,16 @@
             <ion-list>
                 <ion-item class="ion-text-wrap addon-message-discussion" (click)="gotoContacts()"
                     [attr.aria-label]="'addon.messages.contacts' | translate" detail>
-                    <ion-icon name="fas-address-book" slot="start"></ion-icon>
+                    <ion-icon name="fas-address-book" slot="start" aria-hidden="true"></ion-icon>
                     <ion-label><h2>{{ 'addon.messages.contacts' | translate }}</h2></ion-label>
                     <ion-badge *ngIf="contactRequestsCount > 0" slot="end">{{contactRequestsCount}}</ion-badge>
                 </ion-item>
                 <!-- Favourite conversations. -->
-                <ion-item-divider class="ion-text-wrap core-expandable" (click)="toggle(favourites)" sticky="true">
-                    <ion-icon *ngIf="!favourites.expanded" name="fas-caret-right" slot="start"></ion-icon>
-                    <ion-icon *ngIf="favourites.expanded" name="fas-caret-down" slot="start"></ion-icon>
+                <ion-item-divider class="ion-text-wrap core-expandable" (click)="toggle(favourites)" sticky="true"
+                    [attr.aria-label]="(favourites.expanded ? 'core.collapse' : 'core.expand') | translate"
+                    [attr.aria-expanded]="favourites.expanded">
+                    <ion-icon *ngIf="!favourites.expanded" name="fas-caret-right" slot="start" aria-hidden="true"></ion-icon>
+                    <ion-icon *ngIf="favourites.expanded" name="fas-caret-down" slot="start" aria-hidden="true"></ion-icon>
                     <ion-label>{{ 'core.favourites' | translate }} ({{ favourites.count }})</ion-label>
                     <ion-badge slot="end" *ngIf="favourites.unread">{{ favourites.unread }}</ion-badge>
                 </ion-item-divider>
@@ -53,9 +55,11 @@
                 </ion-item>
 
                 <!-- Group conversations. -->
-                <ion-item-divider class="ion-text-wrap core-expandable" (click)="toggle(group)" sticky="true">
-                    <ion-icon *ngIf="!group.expanded" name="fas-caret-right" slot="start"></ion-icon>
-                    <ion-icon *ngIf="group.expanded" name="fas-caret-down" slot="start"></ion-icon>
+                <ion-item-divider class="ion-text-wrap core-expandable" (click)="toggle(group)" sticky="true"
+                    [attr.aria-label]="(group.expanded ? 'core.collapse' : 'core.expand') | translate"
+                    [attr.aria-expanded]="group.expanded">
+                    <ion-icon *ngIf="!group.expanded" name="fas-caret-right" slot="start" aria-hidden="true"></ion-icon>
+                    <ion-icon *ngIf="group.expanded" name="fas-caret-down" slot="start" aria-hidden="true"></ion-icon>
                     <ion-label>{{ 'addon.messages.groupconversations' | translate }} ({{ group.count }})</ion-label>
                     <ion-badge slot="end" *ngIf="group.unread">{{ group.unread }}</ion-badge>
                 </ion-item-divider>
@@ -73,9 +77,11 @@
                     <ion-label><ion-spinner></ion-spinner></ion-label>
                 </ion-item>
 
-                <ion-item-divider class="ion-text-wrap core-expandable" (click)="toggle(individual)" sticky="true">
-                    <ion-icon *ngIf="!individual.expanded" name="fas-caret-right" slot="start"></ion-icon>
-                    <ion-icon *ngIf="individual.expanded" name="fas-caret-down" slot="start"></ion-icon>
+                <ion-item-divider class="ion-text-wrap core-expandable" (click)="toggle(individual)" sticky="true"
+                    [attr.aria-label]="(individual.expanded ? 'core.collapse' : 'core.expand') | translate"
+                    [attr.aria-expanded]="individual.expanded">
+                    <ion-icon *ngIf="!individual.expanded" name="fas-caret-right" slot="start" aria-hidden="true"></ion-icon>
+                    <ion-icon *ngIf="individual.expanded" name="fas-caret-down" slot="start" aria-hidden="true"></ion-icon>
                     <ion-label>{{ 'addon.messages.individualconversations' | translate }} ({{ individual.count }})</ion-label>
                     <ion-badge slot="end" *ngIf="individual.unread">{{ individual.unread }}</ion-badge>
                 </ion-item-divider>
diff --git a/src/addons/messages/pages/search/search.html b/src/addons/messages/pages/search/search.html
index 74c90d8d7..c76172382 100644
--- a/src/addons/messages/pages/search/search.html
+++ b/src/addons/messages/pages/search/search.html
@@ -47,8 +47,10 @@
             <core-user-avatar slot="start" [user]="result" [checkOnline]="true" [linkProfile]="false"></core-user-avatar>
             <ion-label>
                 <h2>
-                    <core-format-text [text]="result.fullname" [highlight]="result.highlightName" [filter]="false"></core-format-text>
-                    <ion-icon name="fa-ban" *ngIf="result.isblocked" [title]="'addon.messages.contactblocked' | translate">
+                    <core-format-text [text]="result.fullname" [highlight]="result.highlightName" [filter]="false">
+                    </core-format-text>
+                    <ion-icon name="fa-ban" *ngIf="result.isblocked"
+                        [attr.aria-label]="'addon.messages.contactblocked' | translate">
                     </ion-icon>
                 </h2>
                 <ion-note *ngIf="result.lastmessagedate > 0">
diff --git a/src/addons/mod/assign/components/edit-feedback-modal/edit-feedback-modal.html b/src/addons/mod/assign/components/edit-feedback-modal/edit-feedback-modal.html
index 8b50df00c..c7ae573a0 100644
--- a/src/addons/mod/assign/components/edit-feedback-modal/edit-feedback-modal.html
+++ b/src/addons/mod/assign/components/edit-feedback-modal/edit-feedback-modal.html
@@ -3,7 +3,7 @@
         <ion-title>{{ plugin.name }}</ion-title>
         <ion-buttons slot="end">
             <ion-button (click)="closeModal()" [attr.aria-label]="'core.close' | translate">
-                <ion-icon slot="icon-only" name="fas-times"></ion-icon>
+                <ion-icon slot="icon-only" name="fas-times" aria-hidden="true"></ion-icon>
             </ion-button>
         </ion-buttons>
     </ion-toolbar>
diff --git a/src/addons/mod/assign/components/index/addon-mod-assign-index.html b/src/addons/mod/assign/components/index/addon-mod-assign-index.html
index 04e5dd3e5..5cb5d471d 100644
--- a/src/addons/mod/assign/components/index/addon-mod-assign-index.html
+++ b/src/addons/mod/assign/components/index/addon-mod-assign-index.html
@@ -49,7 +49,7 @@
     <!-- Assign has something offline. -->
     <ion-card class="core-warning-card" *ngIf="hasOffline">
         <ion-item>
-            <ion-icon name="fas-exclamation-triangle" slot="start"></ion-icon>
+            <ion-icon name="fas-exclamation-triangle" slot="start" aria-hidden="true"></ion-icon>
             <ion-label>{{ 'core.hasdatatosync' | translate: {$a: moduleName} }}</ion-label>
         </ion-item>
     </ion-card>
@@ -128,7 +128,7 @@
         <!-- Ungrouped users. -->
         <ion-card *ngIf="assign.teamsubmission && summary && summary.warnofungroupedusers" class="core-info-card">
             <ion-item>
-                <ion-icon name="fas-question-circle" slot="start"></ion-icon>
+                <ion-icon name="fas-question-circle" slot="start" aria-hidden="true"></ion-icon>
                 <ion-label>{{ 'addon.mod_assign.'+summary.warnofungroupedusers | translate }}</ion-label>
             </ion-item>
         </ion-card>
diff --git a/src/addons/mod/assign/components/submission/addon-mod-assign-submission.html b/src/addons/mod/assign/components/submission/addon-mod-assign-submission.html
index 83b914e6d..e6822a44b 100644
--- a/src/addons/mod/assign/components/submission/addon-mod-assign-submission.html
+++ b/src/addons/mod/assign/components/submission/addon-mod-assign-submission.html
@@ -225,8 +225,9 @@
                         <h2>{{ 'addon.mod_assign.currentgrade' | translate }}</h2>
                         <p><core-format-text [text]="feedback!.gradefordisplay" [filter]="false"></core-format-text></p>
                     </ion-label>
-                    <ion-button slot="end" *ngIf="feedback!.advancedgrade" (click)="showAdvancedGrade()">
-                        <ion-icon name="fas-search" slot="icon-only"></ion-icon>
+                    <ion-button slot="end" *ngIf="feedback!.advancedgrade" (click)="showAdvancedGrade()"
+                        [attr.aria-label]="'core.showadvanced' |translate">
+                        <ion-icon name="fas-search" slot="icon-only" aria-hidden="true"></ion-icon>
                     </ion-button>
                 </ion-item>
 
@@ -348,12 +349,12 @@
                 <!-- Warning message if cannot save grades. -->
                 <ion-card *ngIf="isGrading && !canSaveGrades" class="core-warning-card">
                     <ion-item>
-                        <ion-icon name="fas-exclamation-triangle" slot="start"></ion-icon>
+                        <ion-icon name="fas-exclamation-triangle" slot="start" aria-hidden="true"></ion-icon>
                         <ion-label>
                             <p>{{ 'addon.mod_assign.cannotgradefromapp' | translate }}</p>
                             <ion-button expand="block" *ngIf="gradeUrl" [href]="gradeUrl" core-link >
                                 {{ 'core.openinbrowser' | translate }}
-                                <ion-icon name="fas-external-link-alt" slot="end"></ion-icon>
+                                <ion-icon name="fas-external-link-alt" slot="end" aria-hidden="true"></ion-icon>
                             </ion-button>
                         </ion-label>
                     </ion-item>
diff --git a/src/addons/mod/assign/feedback/comments/component/addon-mod-assign-feedback-comments.html b/src/addons/mod/assign/feedback/comments/component/addon-mod-assign-feedback-comments.html
index 9e615ff11..5032d3482 100644
--- a/src/addons/mod/assign/feedback/comments/component/addon-mod-assign-feedback-comments.html
+++ b/src/addons/mod/assign/feedback/comments/component/addon-mod-assign-feedback-comments.html
@@ -11,13 +11,13 @@
     </ion-label>
     <div slot="end">
         <div class="ion-text-end">
-            <ion-button fill="clear" *ngIf="canEdit" (click)="editComment()" color="dark">
-                <ion-icon name="fas-pen" slot="icon-only"></ion-icon>
+            <ion-button fill="clear" *ngIf="canEdit" (click)="editComment()" color="dark"
+                [attr.aria-label]="'core.edit' | translate">
+                <ion-icon name="fas-pen" slot="icon-only" aria-hidden="true"></ion-icon>
             </ion-button>
         </div>
         <ion-note *ngIf="!isSent" color="dark">
-            <ion-icon name="far-clock"></ion-icon>
-            {{ 'core.notsent' | translate }}
+            <ion-icon name="fas-clock" aria-hidden="true"></ion-icon> {{ 'core.notsent' | translate }}
         </ion-note>
     </div>
 </ion-item>
diff --git a/src/addons/mod/assign/pages/submission-list/submission-list.html b/src/addons/mod/assign/pages/submission-list/submission-list.html
index 6ffcd9680..1f7c38d82 100644
--- a/src/addons/mod/assign/pages/submission-list/submission-list.html
+++ b/src/addons/mod/assign/pages/submission-list/submission-list.html
@@ -75,7 +75,7 @@
 
                 <ion-card class="ion-text-wrap core-warning-card" *ngIf="!haveAllParticipants">
                     <ion-item>
-                        <ion-icon name="fas-exclamation-triangle" slot="start"></ion-icon>
+                        <ion-icon name="fas-exclamation-triangle" slot="start" aria-hidden="true"></ion-icon>
                         <ion-label>{{ 'addon.mod_assign.notallparticipantsareshown' | translate }}</ion-label>
                     </ion-item>
                 </ion-card>
diff --git a/src/addons/mod/book/components/index/addon-mod-book-index.html b/src/addons/mod/book/components/index/addon-mod-book-index.html
index 87a5723dc..83c7ae129 100644
--- a/src/addons/mod/book/components/index/addon-mod-book-index.html
+++ b/src/addons/mod/book/components/index/addon-mod-book-index.html
@@ -1,7 +1,7 @@
 <!-- Buttons to add to the header. -->
 <core-navbar-buttons slot="end">
     <ion-button (click)="showToc()" [attr.aria-label]="'addon.mod_book.toc' | translate" aria-haspopup="true" *ngIf="loaded">
-        <ion-icon name="fas-bookmark" slot="icon-only"></ion-icon>
+        <ion-icon name="fas-bookmark" slot="icon-only" aria-hidden="true"></ion-icon>
     </ion-button>
     <core-context-menu>
         <core-context-menu-item *ngIf="externalUrl" [priority]="900" [content]="'core.openinbrowser' | translate"
@@ -27,8 +27,10 @@
         contextLevel="module" [contextInstanceId]="module.id" [courseId]="courseId"></core-course-module-description>
 
     <ion-card class="core-warning-card" *ngIf="warning">
-        <ion-icon name="fas-exclamation-triangle" slot="start"></ion-icon>
-        <span [innerHTML]="warning"></span>
+        <ion-item>
+            <ion-icon name="fas-exclamation-triangle" slot="start" aria-hidden="true"></ion-icon>
+            <ion-label><span [innerHTML]="warning"></span></ion-label>
+        </ion-item>
     </ion-card>
 
     <div class="ion-padding safe-padding-horizontal">
diff --git a/src/addons/mod/book/components/toc/toc.html b/src/addons/mod/book/components/toc/toc.html
index e1b745352..9a1e64faf 100644
--- a/src/addons/mod/book/components/toc/toc.html
+++ b/src/addons/mod/book/components/toc/toc.html
@@ -3,7 +3,7 @@
         <ion-title>{{ 'addon.mod_book.toc' | translate }}</ion-title>
         <ion-buttons slot="end">
             <ion-button (click)="closeModal()" [attr.aria-label]="'core.close' | translate">
-                <ion-icon name="fas-times" slot="icon-only"></ion-icon>
+                <ion-icon name="fas-times" slot="icon-only" aria-hidden=true></ion-icon>
             </ion-button>
         </ion-buttons>
     </ion-toolbar>
diff --git a/src/addons/mod/chat/components/index/addon-mod-chat-index.html b/src/addons/mod/chat/components/index/addon-mod-chat-index.html
index b4aa0ca7d..8300e280a 100644
--- a/src/addons/mod/chat/components/index/addon-mod-chat-index.html
+++ b/src/addons/mod/chat/components/index/addon-mod-chat-index.html
@@ -32,7 +32,7 @@
 
     <ion-card *ngIf="chatInfo" class="core-info-card">
         <ion-item>
-            <ion-icon name="fas-clock" slot="start"></ion-icon>
+            <ion-icon name="fas-clock" slot="start" aria-hidden="true"></ion-icon>
             <ion-label>{{ 'addon.mod_chat.sessionstart' | translate:{$a: chatInfo} }}</ion-label>
         </ion-item>
     </ion-card>
diff --git a/src/addons/mod/chat/components/users-modal/users-modal.html b/src/addons/mod/chat/components/users-modal/users-modal.html
index aef96de19..90c23b211 100644
--- a/src/addons/mod/chat/components/users-modal/users-modal.html
+++ b/src/addons/mod/chat/components/users-modal/users-modal.html
@@ -6,7 +6,7 @@
         <ion-title>{{ 'addon.mod_chat.currentusers' | translate }}</ion-title>
         <ion-buttons slot="end">
             <ion-button (click)="closeModal()" [attr.aria-label]="'core.close' | translate">
-                <ion-icon slot="icon-only" name="fas-times"></ion-icon>
+                <ion-icon slot="icon-only" name="fas-times" aria-hidden="true"></ion-icon>
             </ion-button>
         </ion-buttons>
     </ion-toolbar>
@@ -21,11 +21,11 @@
                 <h2>{{ user.fullname }}</h2>
                 <ng-container *ngIf="currentUserId != user.id && isOnline">
                     <ion-button fill="clear" (click)="talkTo(user)">
-                        <ion-icon name="fas-comments" slot="start"></ion-icon>
+                        <ion-icon name="fas-comments" slot="start" aria-hidden="true"></ion-icon>
                         {{ 'addon.mod_chat.talk' | translate }}
                     </ion-button>
                     <ion-button fill="clear" (click)="beepTo(user)">
-                        <ion-icon name="fas-bell" slot="start"></ion-icon>
+                        <ion-icon name="fas-bell" slot="start" aria-hidden="true"></ion-icon>
                         {{ 'addon.mod_chat.beep' | translate }}
                     </ion-button>
                 </ng-container>
diff --git a/src/addons/mod/chat/pages/chat/chat.html b/src/addons/mod/chat/pages/chat/chat.html
index b8f2c39ae..f0197175d 100644
--- a/src/addons/mod/chat/pages/chat/chat.html
+++ b/src/addons/mod/chat/pages/chat/chat.html
@@ -9,7 +9,7 @@
         </ion-title>
         <ion-buttons slot="end">
             <ion-button *ngIf="loaded" (click)="showChatUsers()" [attr.aria-label]="'core.users' | translate">
-                <ion-icon name="fas-users" slot="icon-only"></ion-icon>
+                <ion-icon name="fas-users" slot="icon-only" aria-hidden="true"></ion-icon>
             </ion-button>
         </ion-buttons>
     </ion-toolbar>
@@ -26,7 +26,7 @@
                 <div class="ion-text-center addon-mod_chat-notice" *ngIf="message.special">
                     <ion-badge class="ion-text-wrap" color="success" *ngIf="message.system && message.message == 'enter'">
                         <span>
-                            <ion-icon name="fas-sign-in-alt"></ion-icon>
+                            <ion-icon name="fas-sign-in-alt" aria-hidden="true"></ion-icon>
                             {{ message.timestamp * 1000 | coreFormatDate:"strftimetime" }}
                             {{ 'addon.mod_chat.messageenter' | translate:{$a: message.userfullname} }}
                         </span>
@@ -34,7 +34,7 @@
 
                     <ion-badge class="ion-text-wrap" color="danger" *ngIf="message.system && message.message == 'exit'">
                         <span>
-                            <ion-icon name="fas-sign-out-alt"></ion-icon>
+                            <ion-icon name="fas-sign-out-alt" aria-hidden="true"></ion-icon>
                             {{ message.timestamp * 1000 | coreFormatDate:"strftimetime" }}
                             {{ 'addon.mod_chat.messageexit' | translate:{$a: message.userfullname} }}
                         </span>
@@ -42,7 +42,7 @@
 
                     <ion-badge class="ion-text-wrap" color="primary" *ngIf="message.beep == 'all'">
                         <span>
-                            <ion-icon name="fas-bell"></ion-icon>
+                            <ion-icon name="fas-bell" aria-hidden="true"></ion-icon>
                             {{ message.timestamp * 1000 | coreFormatDate:"strftimetime" }}
                             {{ 'addon.mod_chat.messagebeepseveryone' | translate:{$a: message.userfullname} }}
                         </span>
@@ -51,7 +51,7 @@
                     <ion-badge class="ion-text-wrap" color="primary"
                         *ngIf="message.userid != currentUserId && message.beep == currentUserId">
                         <span>
-                            <ion-icon name="fas-bell"></ion-icon>
+                            <ion-icon name="fas-bell" aria-hidden="true"></ion-icon>
                             {{ message.timestamp * 1000 | coreFormatDate:"strftimetime" }}
                             {{ 'addon.mod_chat.messagebeepsyou' | translate:{$a: message.userfullname} }}
                         </span>
@@ -60,7 +60,7 @@
                     <ion-badge class="ion-text-wrap" color="light"
                         *ngIf="message.userid == currentUserId && message.beep && message.beep != 'all'">
                         <span>
-                            <ion-icon name="fas-bell"></ion-icon>
+                            <ion-icon name="fas-bell" aria-hidden="true"></ion-icon>
                             {{ message.timestamp * 1000 | coreFormatDate:"strftimetime" }}
                             {{ 'addon.mod_chat.messageyoubeep' | translate:{$a: message.beepWho} }}
                         </span>
@@ -68,7 +68,7 @@
 
                     <ion-badge class="ion-text-wrap" color="info" *ngIf="!message.system && !message.beep">
                         <span>
-                            <ion-icon name="fas-asterisk"></ion-icon>
+                            <ion-icon name="fas-asterisk" aria-hidden="true"></ion-icon>
                             {{ message.timestamp * 1000 | coreFormatDate:"strftimetime" }}
                             <strong>
                                 {{ message.userfullname }} <core-format-text [text]="message.message" contextLevel="module"
diff --git a/src/addons/mod/chat/pages/session-messages/session-messages.html b/src/addons/mod/chat/pages/session-messages/session-messages.html
index 396f2feba..fef14e9fe 100644
--- a/src/addons/mod/chat/pages/session-messages/session-messages.html
+++ b/src/addons/mod/chat/pages/session-messages/session-messages.html
@@ -21,7 +21,7 @@
                 <div class="ion-text-center addon-mod_chat-notice" *ngIf="message.special">
                     <ion-badge class="ion-text-wrap" color="success" *ngIf="message.issystem && message.message == 'enter'">
                         <span>
-                            <ion-icon name="fas-sign-in-alt"></ion-icon>
+                            <ion-icon name="fas-sign-in-alt" aria-hidden="true"></ion-icon>
                             {{ message.timestamp * 1000 | coreFormatDate:"strftimetime" }}
                             {{ 'addon.mod_chat.messageenter' | translate:{$a: message.userfullname} }}
                         </span>
@@ -29,7 +29,7 @@
 
                     <ion-badge class="ion-text-wrap" color="danger" *ngIf="message.issystem && message.message == 'exit'">
                         <span>
-                            <ion-icon name="fas-sign-out-alt"></ion-icon>
+                            <ion-icon name="fas-sign-out-alt" aria-hidden="true"></ion-icon>
                             {{ message.timestamp * 1000 | coreFormatDate:"strftimetime" }}
                             {{ 'addon.mod_chat.messageexit' | translate:{$a: message.userfullname} }}
                         </span>
@@ -37,7 +37,7 @@
 
                     <ion-badge class="ion-text-wrap" color="primary" *ngIf="message.beep == 'all'">
                         <span>
-                            <ion-icon name="fas-bell"></ion-icon>
+                            <ion-icon name="fas-bell" aria-hidden="true"></ion-icon>
                             {{ message.timestamp * 1000 | coreFormatDate:"strftimetime" }}
                             {{ 'addon.mod_chat.messagebeepseveryone' | translate:{$a: message.userfullname} }}
                         </span>
@@ -46,7 +46,7 @@
                     <ion-badge class="ion-text-wrap" color="primary"
                         *ngIf="message.userid != currentUserId && message.beep == currentUserId">
                         <span>
-                            <ion-icon name="fas-bell"></ion-icon>
+                            <ion-icon name="fas-bell" aria-hidden="true"></ion-icon>
                             {{ message.timestamp * 1000 | coreFormatDate:"strftimetime" }}
                             {{ 'addon.mod_chat.messagebeepsyou' | translate:{$a: message.userfullname} }}
                         </span>
@@ -55,7 +55,7 @@
                     <ion-badge class="ion-text-wrap" color="light"
                         *ngIf="message.userid == currentUserId && message.beep && message.beep != 'all'">
                         <span>
-                            <ion-icon name="fas-bell"></ion-icon>
+                            <ion-icon name="fas-bell" aria-hidden="true"></ion-icon>
                             {{ message.timestamp * 1000 | coreFormatDate:"strftimetime" }}
                             {{ 'addon.mod_chat.messageyoubeep' | translate:{$a: message.beepWho} }}
                         </span>
@@ -63,7 +63,7 @@
 
                     <ion-badge class="ion-text-wrap" color="info" *ngIf="!message.issystem && !message.beep">
                         <span>
-                            <ion-icon name="fas-asterisk"></ion-icon>
+                            <ion-icon name="fas-asterisk" aria-hidden="true"></ion-icon>
                             {{ message.timestamp * 1000 | coreFormatDate:"strftimetime" }}
                             <strong>
                                 {{ message.userfullname }} <core-format-text [text]="message.message" contextLevel="module"
diff --git a/src/addons/mod/choice/components/index/addon-mod-choice-index.html b/src/addons/mod/choice/components/index/addon-mod-choice-index.html
index ad9b5a810..025fbd5a4 100644
--- a/src/addons/mod/choice/components/index/addon-mod-choice-index.html
+++ b/src/addons/mod/choice/components/index/addon-mod-choice-index.html
@@ -35,7 +35,7 @@
     <!-- Activity availability messages -->
     <ion-card class="core-info-card" *ngIf="choiceNotOpenYet">
         <ion-item>
-            <ion-icon name="fas-info-circle" slot="start"></ion-icon>
+            <ion-icon name="fas-info-circle" slot="start" aria-hidden="true"></ion-icon>
             <ion-label>
                 <p *ngIf="options.length">{{ 'addon.mod_choice.previewonly' | translate:{$a: openTimeReadable} }}</p>
                 <p *ngIf="!options.length">{{ 'addon.mod_choice.notopenyet' | translate:{$a: openTimeReadable} }}</p>
@@ -45,7 +45,7 @@
 
     <ion-card class="core-info-card" *ngIf="choiceClosed">
         <ion-item>
-            <ion-icon name="fas-info-circle" slot="start"></ion-icon>
+            <ion-icon name="fas-info-circle" slot="start" aria-hidden="true"></ion-icon>
             <ion-label>
                 <p *ngIf="options.length">
                     {{ 'addon.mod_choice.yourselection' | translate }}
@@ -61,7 +61,7 @@
     <!-- Choice done in offline but not synchronized -->
     <ion-card class="core-warning-card" *ngIf="hasOffline">
         <ion-item>
-            <ion-icon name="fas-exclamation-triangle" slot="start"></ion-icon>
+            <ion-icon name="fas-exclamation-triangle" slot="start" aria-hidden="true"></ion-icon>
             <ion-label>{{ 'core.hasdatatosync' | translate:{$a: moduleName} }}</ion-label>
         </ion-item>
     </ion-card>
@@ -69,7 +69,7 @@
     <!-- Inform what will happen with the choices. -->
     <ion-card class="core-info-card" *ngIf="canEdit && publishInfo && options.length">
         <ion-item>
-            <ion-icon name="fas-info-circle" slot="start"></ion-icon>
+            <ion-icon name="fas-info-circle" slot="start" aria-hidden="true"></ion-icon>
             <ion-label>{{ publishInfo | translate }}</ion-label>
         </ion-item>
     </ion-card>
@@ -111,7 +111,7 @@
             <ion-row>
                 <ion-col size="12" size-lg="5">
                     <ion-item class="ion-text-wrap core-warning-item" *ngIf="hasOffline">
-                        <ion-icon slot="start" name="fas-exclamation-triangle" color="warning"></ion-icon>
+                        <ion-icon slot="start" name="fas-exclamation-triangle" color="warning" aria-hidden="true"></ion-icon>
                         <ion-label>{{ 'addon.mod_choice.resultsnotsynced' | translate }}</ion-label>
                     </ion-item>
                     <ion-item>
@@ -153,7 +153,7 @@
 
     <ion-card class="core-info-card" *ngIf="!canSeeResults && !choiceNotOpenYet">
         <ion-item>
-            <ion-icon name="fas-info-circle" slot="start"></ion-icon>
+            <ion-icon name="fas-info-circle" slot="start" aria-hidden="true"></ion-icon>
             <ion-label><p>{{ 'addon.mod_choice.noresultsviewable' | translate }}</p></ion-label>
         </ion-item>
     </ion-card>
diff --git a/src/addons/mod/data/components/action/addon-mod-data-action.html b/src/addons/mod/data/components/action/addon-mod-data-action.html
index d87b725a0..65bb39b40 100644
--- a/src/addons/mod/data/components/action/addon-mod-data-action.html
+++ b/src/addons/mod/data/components/action/addon-mod-data-action.html
@@ -1,26 +1,26 @@
-<ion-button *ngIf="action == 'more'" fill="clear" (click)="viewEntry()" [title]="'addon.mod_data.more' | translate">
-    <ion-icon name="fas-search" slot="icon-only"></ion-icon>
+<ion-button *ngIf="action == 'more'" fill="clear" (click)="viewEntry()" [attr.aria-label]="'addon.mod_data.more' | translate">
+    <ion-icon name="fas-search" slot="icon-only" aria-hidden="true"></ion-icon>
 </ion-button>
 
-<ion-button *ngIf="action == 'edit'" fill="clear" (click)="editEntry()"  [title]="'core.edit' | translate">
-    <ion-icon name="fas-cog" slot="icon-only"></ion-icon>
+<ion-button *ngIf="action == 'edit'" fill="clear" (click)="editEntry()"  [attr.aria-label]="'core.edit' | translate">
+    <ion-icon name="fas-cog" slot="icon-only" aria-hidden="true"></ion-icon>
 </ion-button>
 
-<ion-button *ngIf="action == 'delete' && !entry.deleted" fill="clear" (click)="deleteEntry()" [title]="'core.delete' | translate">
-    <ion-icon name="fas-trash" slot="icon-only"></ion-icon>
+<ion-button *ngIf="action == 'delete' && !entry.deleted" fill="clear" (click)="deleteEntry()" [attr.aria-label]="'core.delete' | translate">
+    <ion-icon name="fas-trash" slot="icon-only" aria-hidden="true"></ion-icon>
 </ion-button>
 
-<ion-button *ngIf="action == 'delete' && entry.deleted" fill="clear" (click)="undoDelete()" [title]="'core.restore' | translate">
-    <ion-icon name="fas-undo-alt" slot="icon-only"></ion-icon>
+<ion-button *ngIf="action == 'delete' && entry.deleted" fill="clear" (click)="undoDelete()" [attr.aria-label]="'core.restore' | translate">
+    <ion-icon name="fas-undo-alt" slot="icon-only" aria-hidden="true"></ion-icon>
 </ion-button>
 
-<ion-button *ngIf="action == 'approve'" fill="clear" (click)="approveEntry()" [title]="'addon.mod_data.approve' | translate">
-    <ion-icon name="fas-thumbs-up" slot="icon-only"></ion-icon>
+<ion-button *ngIf="action == 'approve'" fill="clear" (click)="approveEntry()" [attr.aria-label]="'addon.mod_data.approve' | translate">
+    <ion-icon name="fas-thumbs-up" slot="icon-only" aria-hidden="true"></ion-icon>
 </ion-button>
 
 <ion-button *ngIf="action == 'disapprove'" fill="clear" (click)="disapproveEntry()"
-    [title]="'addon.mod_data.disapprove' | translate">
-    <ion-icon name="far-thumbs-down" slot="icon-only"></ion-icon>
+    [attr.aria-label]="'addon.mod_data.disapprove' | translate">
+    <ion-icon name="far-thumbs-down" slot="icon-only" aria-hidden="true"></ion-icon>
 </ion-button>
 
 <core-comments *ngIf="action == 'comments' && mode == 'list'" contextLevel="module" [instanceId]="database.coursemodule"
diff --git a/src/addons/mod/data/components/index/addon-mod-data-index.html b/src/addons/mod/data/components/index/addon-mod-data-index.html
index bf89fd47c..1e94a2ca6 100644
--- a/src/addons/mod/data/components/index/addon-mod-data-index.html
+++ b/src/addons/mod/data/components/index/addon-mod-data-index.html
@@ -1,7 +1,7 @@
 <!-- Buttons to add to the header. -->
 <core-navbar-buttons slot="end">
     <ion-button *ngIf="canSearch" (click)="showSearch()" [attr.aria-label]="'addon.mod_data.search' | translate">
-        <ion-icon name="fas-search" slot="icon-only"></ion-icon>
+        <ion-icon name="fas-search" slot="icon-only" aria-hidden="true"></ion-icon>
     </ion-button>
     <core-context-menu>
         <core-context-menu-item *ngIf="externalUrl" [priority]="900" [content]="'core.openinbrowser' | translate"
@@ -46,7 +46,7 @@
     <!-- Data done in offline but not synchronized -->
     <ion-card class="core-warning-card" *ngIf="hasOffline || hasOfflineRatings">
         <ion-item>
-            <ion-icon name="fas-exclamation-triangle" slot="start"></ion-icon>
+            <ion-icon name="fas-exclamation-triangle" slot="start" aria-hidden="true"></ion-icon>
             <ion-label>{{ 'core.hasdatatosync' | translate: {$a: moduleName} }}</ion-label>
         </ion-item>
     </ion-card>
@@ -66,21 +66,21 @@
 
     <ion-card class="core-info-card" *ngIf="!access?.timeavailable && timeAvailableFrom">
         <ion-item>
-            <ion-icon name="fas-info-circle" slot="start"></ion-icon>
+            <ion-icon name="fas-info-circle" slot="start" aria-hidden="true"></ion-icon>
             <ion-label>{{ 'addon.mod_data.notopenyet' | translate:{$a: timeAvailableFromReadable} }}</ion-label>
         </ion-item>
     </ion-card>
 
     <ion-card class="core-info-card" *ngIf="!access?.timeavailable && timeAvailableTo">
         <ion-item>
-            <ion-icon name="fas-info-circle" slot="start"></ion-icon>
+            <ion-icon name="fas-info-circle" slot="start" aria-hidden="true"></ion-icon>
             <ion-label>{{ 'addon.mod_data.expired' | translate:{$a: timeAvailableToReadable} }}</ion-label>
         </ion-item>
     </ion-card>
 
     <ion-card class="core-info-card" *ngIf="access && access.entrieslefttoview">>
         <ion-item>
-            <ion-icon name="fas-info-circle" slot="start"></ion-icon>
+            <ion-icon name="fas-info-circle" slot="start" aria-hidden="true"></ion-icon>
             <ion-label>
                 {{ 'addon.mod_data.entrieslefttoaddtoview' | translate:{$a: {entrieslefttoview: access.entrieslefttoview} } }}
             </ion-label>
@@ -89,7 +89,7 @@
 
     <ion-card class="core-info-card" *ngIf="access && access.entrieslefttoadd">>
         <ion-item>
-            <ion-icon name="fas-info-circle" slot="start"></ion-icon>
+            <ion-icon name="fas-info-circle" slot="start" aria-hidden="true"></ion-icon>
             <ion-label>
                 {{ 'addon.mod_data.entrieslefttoadd' | translate:{$a: {entriesleft: access.entrieslefttoadd} } }}
             </ion-label>
@@ -121,14 +121,14 @@
         <ion-row class="ion-align-items-center">
             <ion-col *ngIf="search.page > 0">
                 <ion-button expand="block" fill="outline" (click)="searchEntries(search.page - 1)">
-                    <ion-icon name="fas-chevron-left" slot="start"></ion-icon>
+                    <ion-icon name="fas-chevron-left" slot="start" aria-hidden="true"></ion-icon>
                     {{ 'core.previous' | translate }}
                 </ion-button>
             </ion-col>
             <ion-col *ngIf="hasNextPage">
                 <ion-button expand="block" (click)="searchEntries(search.page + 1)">
                     {{ 'core.next' | translate }}
-                    <ion-icon name="fas-chevron-right" slot="end"></ion-icon>
+                    <ion-icon name="fas-chevron-right" slot="end" aria-hidden="true"></ion-icon>
                 </ion-button>
             </ion-col>
         </ion-row>
@@ -146,6 +146,6 @@
 
 <ion-fab slot="fixed" core-fab vertical="bottom" horizontal="end" *ngIf="canAdd">
     <ion-fab-button (click)="gotoAddEntries()" [attr.aria-label]="'addon.mod_data.addentries' | translate">
-        <ion-icon name="fas-plus"></ion-icon>
+        <ion-icon name="fas-plus" aria-hidden="true"></ion-icon>
     </ion-fab-button>
 </ion-fab>
diff --git a/src/addons/mod/data/components/search/search.html b/src/addons/mod/data/components/search/search.html
index 83de1a171..bb2f77f52 100644
--- a/src/addons/mod/data/components/search/search.html
+++ b/src/addons/mod/data/components/search/search.html
@@ -6,7 +6,7 @@
         <ion-title>{{ 'addon.mod_data.search' | translate }}</ion-title>
         <ion-buttons slot="end">
             <ion-button (click)="closeModal()" [attr.aria-label]="'core.close' | translate">
-                <ion-icon name="fas-times" slot="icon-only"></ion-icon>
+                <ion-icon name="fas-times" slot="icon-only" aria-hidden=true></ion-icon>
             </ion-button>
         </ion-buttons>
     </ion-toolbar>
@@ -60,7 +60,7 @@
         </ion-list>
         <div class="ion-padding">
             <ion-button expand="block" type="submit">
-                <ion-icon name="fas-search" slot="start"></ion-icon>
+                <ion-icon name="fas-search" slot="start" aria-hidden="true"></ion-icon>
                 {{ 'addon.mod_data.search' | translate }}
             </ion-button>
         </div>
diff --git a/src/addons/mod/data/fields/latlong/component/addon-mod-data-field-latlong.html b/src/addons/mod/data/fields/latlong/component/addon-mod-data-field-latlong.html
index cb3e8c524..5851d3765 100644
--- a/src/addons/mod/data/fields/latlong/component/addon-mod-data-field-latlong.html
+++ b/src/addons/mod/data/fields/latlong/component/addon-mod-data-field-latlong.html
@@ -13,7 +13,7 @@
         </div>
         <div class="addon-data-latlong" *ngIf="locationServicesEnabled">
             <ion-button (click)="getLocation($event)">
-                <ion-icon name="fas-crosshairs" slot="start"></ion-icon>
+                <ion-icon name="fas-crosshairs" slot="start" aria-hidden="true"></ion-icon>
                 {{ 'addon.mod_data.mylocation' | translate }}
             </ion-button>
         </div>
diff --git a/src/addons/mod/data/pages/entry/entry.html b/src/addons/mod/data/pages/entry/entry.html
index 48f018385..5fec6445b 100644
--- a/src/addons/mod/data/pages/entry/entry.html
+++ b/src/addons/mod/data/pages/entry/entry.html
@@ -19,7 +19,7 @@
         <!-- Database entries found to be synchronized -->
         <ion-card class="core-warning-card" *ngIf="entry && entry.hasOffline">
             <ion-item>
-                <ion-icon name="fas-exclamation-triangle" slot="start"></ion-icon>
+                <ion-icon name="fas-exclamation-triangle" slot="start" aria-hidden="true"></ion-icon>
                 <ion-label>{{ 'core.hasdatatosync' | translate: {$a: moduleName} }}</ion-label>
             </ion-item>
         </ion-card>
@@ -66,14 +66,14 @@
             <ion-row class="ion-align-items-center">
                 <ion-col *ngIf="hasPrevious">
                     <ion-button expand="block" fill="outline" (click)="gotoEntry(offset! -1)">
-                        <ion-icon name="fas-chevron-left" slot="start"></ion-icon>
+                        <ion-icon name="fas-chevron-left" slot="start" aria-hidden="true"></ion-icon>
                         {{ 'core.previous' | translate }}
                     </ion-button>
                 </ion-col>
                 <ion-col *ngIf="hasNext">
                     <ion-button expand="block" (click)="gotoEntry(offset! + 1)">
                         {{ 'core.next' | translate }}
-                        <ion-icon name="fas-chevron-right" slot="end"></ion-icon>
+                        <ion-icon name="fas-chevron-right" slot="end" aria-hidden="true"></ion-icon>
                     </ion-button>
                 </ion-col>
             </ion-row>
diff --git a/src/addons/mod/feedback/components/index/addon-mod-feedback-index.html b/src/addons/mod/feedback/components/index/addon-mod-feedback-index.html
index e5c8a6962..68d96aa44 100644
--- a/src/addons/mod/feedback/components/index/addon-mod-feedback-index.html
+++ b/src/addons/mod/feedback/components/index/addon-mod-feedback-index.html
@@ -97,21 +97,21 @@
         <!-- Feedback done in offline but not synchronized -->
         <ion-card class="core-warning-card" *ngIf="hasOffline">
             <ion-item>
-                <ion-icon name="fas-exclamation-triangle" slot="start"></ion-icon>
+                <ion-icon name="fas-exclamation-triangle" slot="start" aria-hidden="true"></ion-icon>
                 <ion-label>{{ 'core.hasdatatosync' | translate:{$a: moduleName} }}</ion-label>
             </ion-item>
         </ion-card>
 
         <ion-card class="core-info-card" *ngIf="access && access.cancomplete && !access.isopen">
             <ion-item>
-                <ion-icon name="fas-question-circle" slot="start"></ion-icon>
+                <ion-icon name="fas-question-circle" slot="start" aria-hidden="true"></ion-icon>
                 <ion-label>{{ 'addon.mod_feedback.feedback_is_not_open' | translate }}</ion-label>
             </ion-item>
         </ion-card>
 
         <ion-card class="core-success-card" *ngIf="access && access.cancomplete && access.isopen && !access.cansubmit">
             <ion-item>
-                <ion-icon name="fas-check" slot="start"></ion-icon>
+                <ion-icon name="fas-check" slot="start" aria-hidden="true"></ion-icon>
                 <ion-label>{{ 'addon.mod_feedback.this_feedback_is_already_submitted' | translate }}</ion-label>
             </ion-item>
         </ion-card>
@@ -149,7 +149,7 @@
                     <ion-row class="ion-align-items-center">
                         <ion-col>
                             <ion-button expand="block" fill="outline" (click)="gotoAnswerQuestions(true)" class="ion-text-wrap">
-                                <ion-icon name="fas-search" slot="start"></ion-icon>
+                                <ion-icon name="fas-search" slot="start" aria-hidden="true"></ion-icon>
                                 {{ 'addon.mod_feedback.preview' | translate }}
                             </ion-button>
                         </ion-col>
@@ -161,7 +161,7 @@
                                 <ng-container *ngIf="goPage">
                                     {{ 'addon.mod_feedback.continue_the_form' | translate }}
                                 </ng-container>
-                                <ion-icon name="fas-chevron-right" slot="end"></ion-icon>
+                                <ion-icon name="fas-chevron-right" slot="end" aria-hidden="true"></ion-icon>
                             </ion-button>
                         </ion-col>
                     </ion-row>
@@ -180,7 +180,7 @@
         <ng-container *ngIf="access && (access.canedititems || !access.isempty)">
             <ion-card class="core-info-card" *ngIf="warning">
                 <ion-item>
-                    <ion-icon name="fas-question-circle" slot="start"></ion-icon>
+                    <ion-icon name="fas-question-circle" slot="start" aria-hidden="true"></ion-icon>
                     <ion-label>{{ warning }}</ion-label>
                 </ion-item>
             </ion-card>
diff --git a/src/addons/mod/feedback/pages/form/form.html b/src/addons/mod/feedback/pages/form/form.html
index efbc93510..5b1487bb0 100644
--- a/src/addons/mod/feedback/pages/form/form.html
+++ b/src/addons/mod/feedback/pages/form/form.html
@@ -106,7 +106,7 @@
                             </core-recaptcha>
                             <div *ngIf="!preview && (!item.captcha || offline)" class="core-warning-card">
                                 <ion-item>
-                                    <ion-icon name="fas-exclamation-triangle" slot="start"></ion-icon>
+                                    <ion-icon name="fas-exclamation-triangle" slot="start" aria-hidden="true"></ion-icon>
                                     <ion-label>{{ 'addon.mod_feedback.captchaofflinewarning' | translate }}</ion-label>
                                 </ion-item>
                             </div>
@@ -117,14 +117,14 @@
                     <ion-row class="ion-align-items-center">
                         <ion-col *ngIf="hasPrevPage">
                             <ion-button expand="block" fill="outline" (click)="gotoPage(true)" class="ion-text-wrap">
-                                <ion-icon name="fas-chevron-left" slot="start"></ion-icon>
+                                <ion-icon name="fas-chevron-left" slot="start" aria-hidden="true"></ion-icon>
                                 {{ 'addon.mod_feedback.previous_page' | translate }}
                             </ion-button>
                         </ion-col>
                         <ion-col *ngIf="hasNextPage">
                             <ion-button expand="block" (click)="gotoPage(false)" class="ion-text-wrap">
                                 {{ 'addon.mod_feedback.next_page' | translate }}
-                                <ion-icon name="fas-chevron-right" slot="end"></ion-icon>
+                                <ion-icon name="fas-chevron-right" slot="end" aria-hidden="true"></ion-icon>
                             </ion-button>
                         </ion-col>
                         <ion-col *ngIf="!hasNextPage">
@@ -139,7 +139,7 @@
 
         <ion-card class="core-success-card" *ngIf="completed">
             <ion-item>
-                <ion-icon name="fas-check" slot="start"></ion-icon>
+                <ion-icon name="fas-check" slot="start" aria-hidden="true"></ion-icon>
                 <ion-label>
                     <p *ngIf="!completionPageContents && !completedOffline">
                         {{ 'addon.mod_feedback.this_feedback_is_already_submitted' | translate }}
@@ -161,14 +161,14 @@
                 <ion-row class="ion-align-items-center">
                     <ion-col *ngIf="access!.canviewanalysis">
                         <ion-button expand="block" fill="outline" (click)="showAnalysis()" class="ion-text-wrap">
-                            <ion-icon name="fas-chart-bar" slot="start"></ion-icon>
+                            <ion-icon name="fas-chart-bar" slot="start" aria-hidden="true"></ion-icon>
                             {{ 'addon.mod_feedback.completed_feedbacks' | translate }}
                         </ion-button>
                     </ion-col>
                     <ion-col *ngIf="hasNextPage">
                         <ion-button expand="block" (click)="continue()" class="ion-text-wrap">
                             {{ 'core.continue' | translate }}
-                            <ion-icon name="fas-chevron-right" slot="end"></ion-icon>
+                            <ion-icon name="fas-chevron-right" slot="end" aria-hidden="true"></ion-icon>
                         </ion-button>
                     </ion-col>
                 </ion-row>
diff --git a/src/addons/mod/folder/components/index/addon-mod-folder-index.html b/src/addons/mod/folder/components/index/addon-mod-folder-index.html
index 814bcc3da..46a73cbd4 100644
--- a/src/addons/mod/folder/components/index/addon-mod-folder-index.html
+++ b/src/addons/mod/folder/components/index/addon-mod-folder-index.html
@@ -32,7 +32,7 @@
     <ion-list *ngIf="subfolder && (subfolder!.files.length + subfolder!.folders.length > 0)">
         <ng-container *ngFor="let folder of subfolder!.folders">
             <ion-item class="item-file" (click)="openFolder(folder)" detail="true" button>
-                <ion-icon name="fas-folder" slot="start"></ion-icon>
+                <ion-icon name="fas-folder" slot="start" [attr.aria-label]="'core.folder' | translate"></ion-icon>
                 <ion-label>
                     <h2>{{folder.filename}}</h2>
                 </ion-label>
diff --git a/src/addons/mod/forum/components/discussion-options-menu/discussion-options-menu.html b/src/addons/mod/forum/components/discussion-options-menu/discussion-options-menu.html
index 5332499ea..c4d151ceb 100644
--- a/src/addons/mod/forum/components/discussion-options-menu/discussion-options-menu.html
+++ b/src/addons/mod/forum/components/discussion-options-menu/discussion-options-menu.html
@@ -1,35 +1,35 @@
 <ion-item class="ion-text-wrap" (click)="setLockState(true)" *ngIf="discussion.canlock && !discussion.locked">
-    <ion-icon name="fa-lock" slot="start"></ion-icon>
+    <ion-icon name="fa-lock" slot="start" aria-hidden="true"></ion-icon>
     <ion-label>
         <h2>{{ 'addon.mod_forum.lockdiscussion' | translate }}</h2>
     </ion-label>
 </ion-item>
 <ion-item class="ion-text-wrap" (click)="setLockState(false)" *ngIf="discussion.canlock && discussion.locked">
-    <ion-icon name="fa-unlock" slot="start"></ion-icon>
+    <ion-icon name="fa-unlock" slot="start" aria-hidden="true"></ion-icon>
     <ion-label>
         <h2>{{ 'addon.mod_forum.unlockdiscussion' | translate }}</h2>
     </ion-label>
 </ion-item>
 <ion-item class="ion-text-wrap" (click)="setPinState(true)" *ngIf="canPin && !discussion.pinned">
-    <ion-icon name="fa-map-pin" slot="start"></ion-icon>
+    <ion-icon name="fa-map-pin" slot="start" aria-hidden="true"></ion-icon>
     <ion-label>
         <h2>{{ 'addon.mod_forum.pindiscussion' | translate }}</h2>
     </ion-label>
 </ion-item>
 <ion-item class="ion-text-wrap" (click)="setPinState(false)" *ngIf="canPin && discussion.pinned">
-    <ion-icon name="fa-map-pin" slot="start" class="icon-slash"></ion-icon>
+    <ion-icon name="fa-map-pin" slot="start" class="icon-slash" aria-hidden="true"></ion-icon>
     <ion-label>
         <h2>{{ 'addon.mod_forum.unpindiscussion' | translate }}</h2>
     </ion-label>
 </ion-item>
 <ion-item class="ion-text-wrap" (click)="toggleFavouriteState(true)" *ngIf="discussion.canfavourite && !discussion.starred">
-    <ion-icon name="fa-star" slot="start"></ion-icon>
+    <ion-icon name="fa-star" slot="start" aria-hidden="true"></ion-icon>
     <ion-label>
         <h2>{{ 'addon.mod_forum.addtofavourites' | translate }}</h2>
     </ion-label>
 </ion-item>
 <ion-item class="ion-text-wrap" (click)="toggleFavouriteState(false)" *ngIf="discussion.canfavourite && discussion.starred">
-    <ion-icon name="fa-star" slot="start" class="icon-slash"></ion-icon>
+    <ion-icon name="fa-star" slot="start" class="icon-slash" aria-hidden="true"></ion-icon>
     <ion-label>
         <h2>{{ 'addon.mod_forum.removefromfavourites' | translate }}</h2>
     </ion-label>
diff --git a/src/addons/mod/forum/components/edit-post/edit-post.html b/src/addons/mod/forum/components/edit-post/edit-post.html
index c809c770b..1a4ac2bed 100644
--- a/src/addons/mod/forum/components/edit-post/edit-post.html
+++ b/src/addons/mod/forum/components/edit-post/edit-post.html
@@ -3,7 +3,7 @@
         <ion-title>{{ 'addon.mod_forum.yourreply' | translate }}</ion-title>
         <ion-buttons slot="end">
             <ion-button (click)="closeModal()" [attr.aria-label]="'core.close' | translate">
-                <ion-icon name="close" slot="icon-only"></ion-icon>
+                <ion-icon name="fas-times" slot="icon-only" aria-hidden="true"></ion-icon>
             </ion-button>
         </ion-buttons>
     </ion-toolbar>
@@ -25,9 +25,10 @@
                 (contentChanged)="onMessageChange($event)">
             </core-rich-text-editor>
         </ion-item>
-        <ion-item-divider class="ion-text-wrap core-expandable" (click)="toggleAdvanced()">
-            <ion-icon *ngIf="!advanced" name="fa-caret-right" slot="start"></ion-icon>
-            <ion-icon *ngIf="advanced" name="fa-caret-down" slot="start"></ion-icon>
+        <ion-item-divider class="ion-text-wrap core-expandable" (click)="toggleAdvanced()"
+            [attr.aria-expanded]="advanced" [attr.aria-label]="(advanced ? 'core.hideadvanced' : 'core.showadvanced') |translate">
+            <ion-icon *ngIf="!advanced" name="fa-caret-right" slot="start" aria-hidden="true"></ion-icon>
+            <ion-icon *ngIf="advanced" name="fa-caret-down" slot="start" aria-hidden="true"></ion-icon>
             <ion-label>{{ 'addon.mod_forum.advanced' | translate }}</ion-label>
         </ion-item-divider>
         <ng-container *ngIf="advanced">
diff --git a/src/addons/mod/forum/components/index/index.html b/src/addons/mod/forum/components/index/index.html
index 7563b457d..60a48356d 100644
--- a/src/addons/mod/forum/components/index/index.html
+++ b/src/addons/mod/forum/components/index/index.html
@@ -50,7 +50,7 @@
         <!-- Forum discussions found to be synchronized -->
         <ion-card class="core-warning-card" *ngIf="hasOffline || hasOfflineRatings">
             <ion-item>
-                <ion-icon name="fas-exclamation-triangle" slot="start"></ion-icon>
+                <ion-icon name="fas-exclamation-triangle" slot="start" aria-hidden="true"></ion-icon>
                 <ion-label>{{ 'core.hasdatatosync' | translate:{$a: moduleName} }}</ion-label>
             </ion-item>
         </ion-card>
@@ -58,7 +58,7 @@
         <!-- Cut-off date or due date message -->
         <ion-card class="core-info-card" *ngIf="availabilityMessage">
             <ion-item>
-                <ion-icon name="fas-info-circle" slot="start"></ion-icon>
+                <ion-icon name="fas-info-circle" slot="start" aria-hidden="true"></ion-icon>
                 <ion-label>{{ availabilityMessage }}</ion-label>
             </ion-item>
         </ion-card>
@@ -85,8 +85,10 @@
                 <ion-label>
                     <div class="addon-mod-forum-discussion-title">
                         <h2 class="ion-text-wrap">
-                            <ion-icon name="fa-map-pin" *ngIf="discussion.pinned"></ion-icon>
-                            <ion-icon name="fa-star" class="addon-forum-star" *ngIf="!discussion.pinned && discussion.starred"></ion-icon>
+                            <ion-icon name="fa-map-pin" *ngIf="discussion.pinned"
+                                [attr.aria-label]="'addon.mod_forum.discussionpinned' | translate"></ion-icon>
+                            <ion-icon name="fa-star" class="addon-forum-star" *ngIf="!discussion.pinned && discussion.starred"
+                                [attr.aria-label]="'addon.mod_forum.favourites' | translate"></ion-icon>
                             <core-format-text
                                 [text]="discussion.subject"
                                 contextLevel="module" [contextInstanceId]="module && module.id" [courseId]="courseId">
@@ -96,7 +98,7 @@
                             fill="clear" color="dark"
                             [attr.aria-label]="('core.displayoptions' | translate)"
                             (click)="showOptionsMenu($event, discussion)">
-                            <ion-icon name="ellipsis-vertical" slot="icon-only">
+                            <ion-icon name="ellipsis-vertical" slot="icon-only" aria-hidden="true">
                             </ion-icon>
                         </ion-button>
                     </div>
@@ -105,12 +107,15 @@
                         </core-user-avatar>
                         <div class="addon-mod-forum-discussion-author">
                             <h3 *ngIf="discussion.userfullname">{{discussion.userfullname}}</h3>
-                            <p *ngIf="discussion.groupname"><ion-icon name="people"></ion-icon> {{ discussion.groupname }}</p>
+                            <p *ngIf="discussion.groupname">
+                                <ion-icon name="fas-users" [attr.aria-label]="'addon.mod_forum.group' | translate">
+                                </ion-icon> {{ discussion.groupname }}
+                            </p>
                             <p *ngIf="discussions.isOnlineDiscussion(discussion)">
                                 {{discussion.created * 1000 | coreFormatDate: "strftimerecentfull"}}
                             </p>
                             <p *ngIf="discussions.isOfflineDiscussion(discussion)">
-                                <ion-icon name="fas-clock"></ion-icon>
+                                <ion-icon name="fas-clock" aria-hidden="true"></ion-icon>
                                 {{ 'core.notsent' | translate }}
                             </p>
                         </div>
@@ -119,7 +124,7 @@
                         class="ion-text-center addon-mod-forum-discussion-more-info">
                         <ion-col class="ion-text-start">
                             <ion-note>
-                                <ion-icon name="fas-clock"></ion-icon> {{ 'addon.mod_forum.lastpost' | translate }}
+                                <ion-icon name="fas-clock" aria-hidden="true"></ion-icon> {{ 'addon.mod_forum.lastpost' | translate }}
                                 <ng-container *ngIf="discussion.timemodified > discussion.created">
                                     {{ discussion.timemodified | coreTimeAgo }}
                                 </ng-container>
@@ -130,7 +135,7 @@
                         </ion-col>
                         <ion-col class="ion-text-end">
                             <ion-note>
-                                <ion-icon name="fas-comments"></ion-icon>
+                                <ion-icon name="fas-comments" aria-hidden="true"></ion-icon>
                                 {{ 'addon.mod_forum.numreplies' | translate:{numreplies: discussion.numreplies} }}
                                 <ion-badge *ngIf="discussion.numunread" class="ion-text-center"
                                     [attr.aria-label]="'addon.mod_forum.unreadpostsnumber' | translate:{ '$a' : discussion.numunread}">
@@ -151,7 +156,7 @@
 
     <ion-fab slot="fixed" core-fab vertical="bottom" horizontal="end" *ngIf="forum && canAddDiscussion">
         <ion-fab-button (click)="openNewDiscussion()" [attr.aria-label]="addDiscussionText">
-            <ion-icon name="fas-plus"></ion-icon>
+            <ion-icon name="fas-plus" aria-hidden="true"></ion-icon>
         </ion-fab-button>
     </ion-fab>
 </core-split-view>
diff --git a/src/addons/mod/forum/components/post-options-menu/post-options-menu.html b/src/addons/mod/forum/components/post-options-menu/post-options-menu.html
index 07fe05d72..10c2c85ae 100644
--- a/src/addons/mod/forum/components/post-options-menu/post-options-menu.html
+++ b/src/addons/mod/forum/components/post-options-menu/post-options-menu.html
@@ -1,12 +1,12 @@
 <core-loading [hideUntil]="loaded" class="core-loading-center">
     <ion-item class="ion-text-wrap" (click)="editPost()" *ngIf="offlinePost || (canEdit && isOnline)">
-        <ion-icon name="create" slot="start"></ion-icon>
+        <ion-icon name="fas-pen" slot="start" aria-hidden="true"></ion-icon>
         <ion-label>
             <h2>{{ 'addon.mod_forum.edit' | translate }}</h2>
         </ion-label>
     </ion-item>
     <ion-item class="ion-text-wrap" (click)="deletePost()" *ngIf="offlinePost || (canDelete && isOnline)">
-        <ion-icon name="fas-trash" slot="start"></ion-icon>
+        <ion-icon name="fas-trash" slot="start" aria-hidden="true"></ion-icon>
         <ion-label>
             <h2 *ngIf="!offlinePost">{{ 'addon.mod_forum.delete' | translate }}</h2>
             <h2 *ngIf="offlinePost">{{ 'core.discard' | translate }}</h2>
@@ -18,7 +18,7 @@
         </ion-label>
     </ion-item>
     <ion-item class="ion-text-wrap" [href]="url" *ngIf="url" core-link capture="false">
-        <ion-icon name="open" slot="start"></ion-icon>
+        <ion-icon name="fas-external-link-alt" slot="start" aria-hidden="true"></ion-icon>
         <ion-label>
             <h2>{{ 'core.openinbrowser' | translate }}</h2>
         </ion-label>
diff --git a/src/addons/mod/forum/components/post/post.html b/src/addons/mod/forum/components/post/post.html
index 2d67a8497..a79e15d6b 100644
--- a/src/addons/mod/forum/components/post/post.html
+++ b/src/addons/mod/forum/components/post/post.html
@@ -4,9 +4,11 @@
             <ion-label>
                 <div class="addon-mod-forum-post-title" *ngIf="displaySubject">
                     <h2 class="ion-text-wrap">
-                        <ion-icon name="fa-map-pin" *ngIf="discussion && !post.parentid && discussion.pinned">
+                        <ion-icon name="fa-map-pin" *ngIf="discussion && !post.parentid && discussion.pinned"
+                            [attr.aria-label]="'addon.mod_forum.discussionpinned' | translate">
                         </ion-icon>
                         <ion-icon name="fa-star" class="addon-forum-star"
+                            [attr.aria-label]="'addon.mod_forum.favourites' | translate"
                             *ngIf="discussion && !post.parentid && !discussion.pinned && discussion.starred">
                         </ion-icon>
                         <core-format-text
@@ -16,13 +18,12 @@
                     </h2>
                     <ion-note *ngIf="trackPosts && post.unread"
                         class="ion-float-end ion-padding-left ion-text-end" [attr.aria-label]="'addon.mod_forum.unread' | translate">
-                        <ion-icon name="fa-circle" color="primary">
-                        </ion-icon>
+                        <ion-icon name="fa-circle" color="primary" aria-hidden="true"></ion-icon>
                     </ion-note>
                     <ion-button *ngIf="optionsMenuEnabled"
                         fill="clear" color="dark" [attr.aria-label]="('core.displayoptions' | translate)"
                         (click)="showOptionsMenu($event)">
-                        <ion-icon name="ellipsis-vertical" slot="icon-only">
+                        <ion-icon name="ellipsis-vertical" slot="icon-only" aria-hidden="true">
                         </ion-icon>
                     </ion-button>
                 </div>
@@ -33,23 +34,24 @@
                         <h3 *ngIf="post.author && post.author.fullname">{{post.author.fullname}}</h3>
                         <p *ngIf="post.author && post.author.groups">
                             <ng-container *ngFor="let group of post.author.groups">
-                                <ion-icon name="people"></ion-icon> {{ group.name }}
+                                <ion-icon name="fas-users" [attr.aria-label]="'addon.mod_forum.group' | translate">
+                                </ion-icon> {{ group.name }}
                             </ng-container>
                         </p>
                         <p *ngIf="post.timecreated">{{post.timecreated * 1000 | coreFormatDate: "strftimerecentfull"}}</p>
-                        <p *ngIf="!post.timecreated"><ion-icon name="fas-clock"></ion-icon> {{ 'core.notsent' | translate }}</p>
+                        <p *ngIf="!post.timecreated">
+                            <ion-icon name="fas-clock" aria-hidden="true"></ion-icon> {{ 'core.notsent' | translate }}
+                        </p>
                     </div>
                     <ng-container *ngIf="!displaySubject">
                         <ion-note *ngIf="trackPosts && post.unread"
                             class="ion-float-end ion-padding-left ion-text-end" [attr.aria-label]="'addon.mod_forum.unread' | translate">
-                            <ion-icon name="fa-circle" color="primary">
-                            </ion-icon>
+                            <ion-icon name="fa-circle" color="primary" aria-hidden="true"></ion-icon>
                         </ion-note>
                         <ion-button *ngIf="optionsMenuEnabled"
                             fill="clear" color="dark" [attr.aria-label]="('core.displayoptions' | translate)"
                             (click)="showOptionsMenu($event)">
-                            <ion-icon name="ellipsis-vertical" slot="icon-only">
-                            </ion-icon>
+                            <ion-icon name="ellipsis-vertical" slot="icon-only" aria-hidden="true"></ion-icon>
                         </ion-button>
                     </ng-container>
                 </div>
@@ -92,7 +94,7 @@
                     [attr.aria-controls]="'addon-forum-reply-edit-form-' + uniqueId"
                     [attr.aria-expanded]="replyData.replyingTo === post.id"
                     (click)="showReplyForm()">
-                    <ion-icon name="fa-reply" slot="start">
+                    <ion-icon name="fa-reply" slot="start" aria-hidden="true">
                     </ion-icon> {{ 'addon.mod_forum.reply' | translate }}
                 </ion-button>
             </ion-label>
@@ -120,12 +122,11 @@
             <ion-checkbox slot="end" [(ngModel)]="replyData.isprivatereply" name="isprivatereply"></ion-checkbox>
         </ion-item>
         <ng-container *ngIf="forum.id && forum.maxattachments > 0">
-            <ion-item-divider class="core-expandable ion-text-wrap" (click)="toggleAdvanced()">
+            <ion-item-divider class="core-expandable ion-text-wrap" (click)="toggleAdvanced()" [attr.aria-expanded]="advanced"
+                [attr.aria-label]="(advanced ? 'core.hideadvanced' : 'core.showadvanced') |translate">
                 <ion-label>
-                    <ion-icon *ngIf="!advanced" name="fa-caret-right" slot="start">
-                    </ion-icon>
-                    <ion-icon *ngIf="advanced" name="fa-caret-down" slot="start">
-                    </ion-icon>
+                    <ion-icon *ngIf="!advanced" name="fa-caret-right" slot="start" aria-hidden="true"></ion-icon>
+                    <ion-icon *ngIf="advanced" name="fa-caret-down" slot="start" aria-hidden="true"></ion-icon>
                     {{ 'addon.mod_forum.advanced' | translate }}
                 </ion-label>
             </ion-item-divider>
diff --git a/src/addons/mod/forum/components/sort-order-selector/sort-order-selector.html b/src/addons/mod/forum/components/sort-order-selector/sort-order-selector.html
index 6d2f030a9..421d7fb01 100644
--- a/src/addons/mod/forum/components/sort-order-selector/sort-order-selector.html
+++ b/src/addons/mod/forum/components/sort-order-selector/sort-order-selector.html
@@ -3,7 +3,7 @@
         <ion-title>{{ 'core.sort' | translate }}</ion-title>
         <ion-buttons slot="end">
             <ion-button (click)="closeModal()" [attr.aria-label]="'core.close' | translate">
-                <ion-icon name="close" slot="icon-only"></ion-icon>
+                <ion-icon name="fas-times" slot="icon-only" aria-hidden="true"></ion-icon>
             </ion-button>
         </ion-buttons>
     </ion-toolbar>
diff --git a/src/addons/mod/forum/lang.json b/src/addons/mod/forum/lang.json
index e03b2dbf9..9e5595213 100644
--- a/src/addons/mod/forum/lang.json
+++ b/src/addons/mod/forum/lang.json
@@ -29,6 +29,7 @@
     "errorgetforum": "Error getting forum data.",
     "errorgetgroups": "Error getting group settings.",
     "errorposttoallgroups": "Could not create new discussion in all groups.",
+    "favourites": "Starred",
     "favouriteupdated": "Your star option has been updated.",
     "forumnodiscussionsyet": "There are no discussions yet in this forum.",
     "group": "Group",
diff --git a/src/addons/mod/forum/pages/discussion/discussion.html b/src/addons/mod/forum/pages/discussion/discussion.html
index b89c04edd..2f85f8fb2 100644
--- a/src/addons/mod/forum/pages/discussion/discussion.html
+++ b/src/addons/mod/forum/pages/discussion/discussion.html
@@ -69,7 +69,7 @@
         <!-- Discussion replies found to be synchronized -->
         <ion-card class="core-warning-card" *ngIf="postHasOffline || hasOfflineRatings">
             <ion-item>
-                <ion-icon name="fas-exclamation-triangle" slot="start"></ion-icon>
+                <ion-icon name="fas-exclamation-triangle" slot="start" aria-hidden="true"></ion-icon>
                 <ion-label>{{ 'core.hasdatatosync' | translate:{$a: discussionStr} }}</ion-label>
             </ion-item>
         </ion-card>
@@ -77,14 +77,14 @@
         <!-- Cut-off date or due date message -->
         <ion-card class="core-info-card" *ngIf="availabilityMessage">
             <ion-item>
-                <ion-icon name="information-circle" slot="start"></ion-icon>
+                <ion-icon name="fas-info-circle" slot="start" aria-hidden="true"></ion-icon>
                 <ion-label>{{ availabilityMessage }}</ion-label>
             </ion-item>
         </ion-card>
 
         <ion-card class="core-info-card" *ngIf="discussion && discussion.locked">
             <ion-item>
-                <ion-icon name="fa-lock" slot="start"></ion-icon>
+                <ion-icon name="fa-lock" slot="start" aria-hidden="true"></ion-icon>
                 <ion-label>{{ 'addon.mod_forum.discussionlocked' | translate }}</ion-label>
             </ion-item>
         </ion-card>
diff --git a/src/addons/mod/forum/pages/new-discussion/new-discussion.html b/src/addons/mod/forum/pages/new-discussion/new-discussion.html
index c19e657f1..6cb66cbee 100644
--- a/src/addons/mod/forum/pages/new-discussion/new-discussion.html
+++ b/src/addons/mod/forum/pages/new-discussion/new-discussion.html
@@ -31,11 +31,10 @@
                     (contentChanged)="onMessageChange($event)">
                 </core-rich-text-editor>
             </ion-item>
-            <ion-item-divider class="ion-text-wrap core-expandable" (click)="toggleAdvanced()">
-                <ion-icon *ngIf="!advanced" name="fa-caret-right" slot="start">
-                </ion-icon>
-                <ion-icon *ngIf="advanced" name="fa-caret-down" slot="start">
-                </ion-icon>
+            <ion-item-divider class="ion-text-wrap core-expandable" (click)="toggleAdvanced()" [attr.aria-expanded]="advanced"
+                [attr.aria-label]="(advanced ? 'core.hideadvanced' : 'core.showadvanced') |translate">
+                <ion-icon *ngIf="!advanced" name="fa-caret-right" slot="start" aria-hidden="true"></ion-icon>
+                <ion-icon *ngIf="advanced" name="fa-caret-down" slot="start" aria-hidden="true"></ion-icon>
                 <ion-label>{{ 'addon.mod_forum.advanced' | translate }}</ion-label>
             </ion-item-divider>
             <ng-container *ngIf="advanced">
diff --git a/src/addons/mod/glossary/components/index/addon-mod-glossary-index.html b/src/addons/mod/glossary/components/index/addon-mod-glossary-index.html
index 43416ef4a..719cd2097 100644
--- a/src/addons/mod/glossary/components/index/addon-mod-glossary-index.html
+++ b/src/addons/mod/glossary/components/index/addon-mod-glossary-index.html
@@ -2,11 +2,11 @@
 <core-navbar-buttons slot="end">
     <ion-button *ngIf="glossary && glossary.browsemodes && glossary.browsemodes.length > 1" (click)="openModePicker($event)"
         [attr.aria-label]="'addon.mod_glossary.browsemode' | translate">
-        <ion-icon name="fas-sort"></ion-icon>
+        <ion-icon name="fas-sort" aria-hidden="true"></ion-icon>
     </ion-button>
 
     <ion-button *ngIf="glossary" (click)="toggleSearch()" [attr.aria-label]="'addon.mod_glossary.bysearch' | translate">
-        <ion-icon name="fas-search"></ion-icon>
+        <ion-icon name="fas-search" aria-hidden="true"></ion-icon>
     </ion-button>
 
     <core-context-menu>
@@ -57,7 +57,7 @@
         <!-- Has offline data to be synchronized -->
         <ion-card class="core-warning-card" *ngIf="hasOffline || hasOfflineRatings">
             <ion-item>
-                <ion-icon name="fas-exclamation-triangle" slot="start"></ion-icon>
+                <ion-icon name="fas-exclamation-triangle" slot="start" aria-hidden="true"></ion-icon>
                 <ion-label>{{ 'core.hasdatatosync' | translate:{$a: moduleName} }}</ion-label>
             </ion-item>
         </ion-card>
@@ -101,7 +101,7 @@
 
     <ion-fab slot="fixed" core-fab vertical="bottom" horizontal="end" *ngIf="canAdd">
         <ion-fab-button (click)="openNewEntry()" [attr.aria-label]="'addon.mod_glossary.addentry' | translate">
-            <ion-icon name="fas-plus"></ion-icon>
+            <ion-icon name="fas-plus" aria-hidden="true"></ion-icon>
         </ion-fab-button>
     </ion-fab>
 </core-split-view>
diff --git a/src/addons/mod/h5pactivity/components/index/addon-mod-h5pactivity-index.html b/src/addons/mod/h5pactivity/components/index/addon-mod-h5pactivity-index.html
index 38ded23d6..3b97f1c3c 100644
--- a/src/addons/mod/h5pactivity/components/index/addon-mod-h5pactivity-index.html
+++ b/src/addons/mod/h5pactivity/components/index/addon-mod-h5pactivity-index.html
@@ -39,7 +39,7 @@
     <!-- Offline data stored. -->
     <ion-card class="core-warning-card" *ngIf="hasOffline">
         <ion-item>
-            <ion-icon name="fas-exclamation-triangle" slot="start"></ion-icon>
+            <ion-icon name="fas-exclamation-triangle" slot="start" aria-hidden="true"></ion-icon>
             <ion-label>{{ 'core.hasdatatosync' | translate: {$a: moduleName} }}</ion-label>
         </ion-item>
     </ion-card>
@@ -47,7 +47,7 @@
     <!-- Offline disabled. -->
     <ion-card class="core-warning-card" *ngIf="!siteCanDownload && playing">
         <ion-item>
-            <ion-icon name="fas-exclamation-triangle" slot="start"></ion-icon>
+            <ion-icon name="fas-exclamation-triangle" slot="start" aria-hidden="true"></ion-icon>
             <ion-label>
                 {{ 'core.h5p.offlinedisabled' | translate }} {{ 'addon.mod_h5pactivity.offlinedisabledwarning' | translate }}
             </ion-label>
@@ -57,7 +57,7 @@
     <!-- Preview mode. -->
     <ion-card class="core-warning-card" *ngIf="accessInfo && !trackComponent">
         <ion-item>
-            <ion-icon name="fas-exclamation-triangle" slot="start"></ion-icon>
+            <ion-icon name="fas-exclamation-triangle" slot="start" aria-hidden="true"></ion-icon>
             <ion-label>
                 {{ 'addon.mod_h5pactivity.previewmode' | translate }}
             </ion-label>
diff --git a/src/addons/mod/h5pactivity/pages/attempt-results/attempt-results.html b/src/addons/mod/h5pactivity/pages/attempt-results/attempt-results.html
index c2c672783..20de5c854 100644
--- a/src/addons/mod/h5pactivity/pages/attempt-results/attempt-results.html
+++ b/src/addons/mod/h5pactivity/pages/attempt-results/attempt-results.html
@@ -63,11 +63,11 @@
                         <ion-label>
                             <h2>{{ 'addon.mod_h5pactivity.outcome' | translate }}</h2>
                             <p *ngIf="attempt.success !== null && attempt.success" >
-                                <ion-icon name="fa-check-circle"></ion-icon>
+                                <ion-icon name="fa-check-circle" aria-hidden="true"></ion-icon>
                                 {{ 'addon.mod_h5pactivity.attempt_success_pass' | translate }}
                             </p>
                             <p *ngIf="attempt.success !== null && !attempt.success" >
-                                <ion-icon name="far-circle"></ion-icon>
+                                <ion-icon name="far-circle" aria-hidden="true"></ion-icon>
                                 {{ 'addon.mod_h5pactivity.attempt_success_fail' | translate }}
                             </p>
                             <p *ngIf="attempt.success === null" >
@@ -152,7 +152,7 @@
 
                     <!-- Result doesn't support tracking. -->
                     <ion-item class="ion-text-wrap core-warning-item" *ngIf="!result.track" lines="none">
-                        <ion-icon slot="start" name="fas-exclamation-triangle" color="warning"></ion-icon>
+                        <ion-icon slot="start" name="fas-exclamation-triangle" color="warning" aria-hidden="true"></ion-icon>
                         <ion-label>
                             {{ 'addon.mod_h5pactivity.no_compatible_track' | translate:{$a: result.interactiontype} }}
                         </ion-label>
diff --git a/src/addons/mod/imscp/components/index/addon-mod-imscp-index.html b/src/addons/mod/imscp/components/index/addon-mod-imscp-index.html
index ffefed01e..60362e216 100644
--- a/src/addons/mod/imscp/components/index/addon-mod-imscp-index.html
+++ b/src/addons/mod/imscp/components/index/addon-mod-imscp-index.html
@@ -1,7 +1,7 @@
 <!-- Buttons to add to the header. -->
 <core-navbar-buttons slot="end">
-    <ion-button (click)="showToc()">
-        <ion-icon name="fas-bookmark" slot="icon-only"></ion-icon>
+    <ion-button (click)="showToc()" aria-haspopup="true" [attr.aria-label]="'addon.mod_imscp.toc' | translate">
+        <ion-icon name="fas-bookmark" slot="icon-only" aria-hidden="true"></ion-icon>
     </ion-button>
     <core-context-menu>
         <core-context-menu-item *ngIf="externalUrl" [priority]="900" [content]="'core.openinbrowser' | translate"
@@ -29,8 +29,10 @@
 <core-loading [hideUntil]="loaded" class="core-loading-center safe-area-page">
 
     <ion-card class="core-warning-card" *ngIf="warning">
-        <ion-icon name="fas-exclamation-triangle" slot="start"></ion-icon>
-        <span [innerHTML]="warning"></span>
+        <ion-item>
+            <ion-icon name="fas-exclamation-triangle" slot="start" aria-hidden="true"></ion-icon>
+            <ion-label><span [innerHTML]="warning"></span></ion-label>
+        </ion-item>
     </ion-card>
 
     <div class="addon-mod-imscp-container">
diff --git a/src/addons/mod/imscp/components/toc/toc.html b/src/addons/mod/imscp/components/toc/toc.html
index 26cf6605e..2931c1b00 100644
--- a/src/addons/mod/imscp/components/toc/toc.html
+++ b/src/addons/mod/imscp/components/toc/toc.html
@@ -3,7 +3,7 @@
         <ion-title>{{ 'addon.mod_imscp.toc' | translate }}</ion-title>
         <ion-buttons slot="end">
             <ion-button (click)="closeModal()" [attr.aria-label]="'core.close' | translate">
-                <ion-icon name="fas-times" slot="icon-only"></ion-icon>
+                <ion-icon name="fas-times" slot="icon-only" aria-hidden=true></ion-icon>
             </ion-button>
         </ion-buttons>
     </ion-toolbar>
diff --git a/src/addons/mod/lesson/components/index/addon-mod-lesson-index.html b/src/addons/mod/lesson/components/index/addon-mod-lesson-index.html
index b6d7fc159..933227f81 100644
--- a/src/addons/mod/lesson/components/index/addon-mod-lesson-index.html
+++ b/src/addons/mod/lesson/components/index/addon-mod-lesson-index.html
@@ -38,7 +38,7 @@
                 <!-- Prevent access messages. Only show the first one. -->
                 <ion-card class="core-info-card" *ngIf="lesson && preventReasons.length">
                     <ion-item>
-                        <ion-icon name="fas-info-circle" slot="start"></ion-icon>
+                        <ion-icon name="fas-info-circle" slot="start" aria-hidden="true"></ion-icon>
                         <ion-label [innerHTML]="preventReasons[0].message"></ion-label>
                     </ion-item>
                 </ion-card>
@@ -46,7 +46,7 @@
                 <!-- Lesson has data to be synchronized -->
                 <ion-card class="core-warning-card" *ngIf="hasOffline">
                     <ion-item>
-                        <ion-icon name="fas-exclamation-triangle" slot="start"></ion-icon>
+                        <ion-icon name="fas-exclamation-triangle" slot="start" aria-hidden="true"></ion-icon>
                         <ion-label>{{ 'core.hasdatatosync' | translate: {$a: moduleName} }}</ion-label>
                     </ion-item>
                 </ion-card>
@@ -64,7 +64,7 @@
                         </ion-item>
                         <ion-button expand="block" type="submit">
                             {{ 'addon.mod_lesson.continue' | translate }}
-                            <ion-icon slot="end" name="fas-chevron-right"></ion-icon>
+                            <ion-icon slot="end" name="fas-chevron-right" aria-hidden="true"></ion-icon>
                         </ion-button>
                         <!-- Remove this once Ionic fixes this bug: https://github.com/ionic-team/ionic-framework/issues/19368 -->
                         <input type="submit" class="core-submit-hidden-enter" />
@@ -114,7 +114,7 @@
                                 </ion-item>
                                 <ion-button class="ion-text-wrap ion-margin" expand="block" (click)="start(false)">
                                     {{ 'addon.mod_lesson.continue' | translate }}
-                                    <ion-icon name="fas-chevron-right" slot="end"></ion-icon>
+                                    <ion-icon name="fas-chevron-right" slot="end" aria-hidden="true"></ion-icon>
                                 </ion-button>
                             </ng-container>
 
@@ -129,19 +129,19 @@
                                 <ion-button class="ion-text-wrap ion-margin" expand="block" *ngIf="!canManage"
                                     (click)="start(false)">
                                     {{ 'core.start' | translate }}
-                                    <ion-icon name="fas-chevron-right" slot="end"></ion-icon>
+                                    <ion-icon name="fas-chevron-right" slot="end" aria-hidden="true"></ion-icon>
                                 </ion-button>
                                 <ion-button class="ion-text-wrap ion-margin" expand="block" *ngIf="canManage"
                                     (click)="start(false)">
                                     {{ 'addon.mod_lesson.preview' | translate }}
-                                    <ion-icon name="fas-search" slot="end"></ion-icon>
+                                    <ion-icon name="fas-search" slot="end" aria-hidden="true"></ion-icon>
                                 </ion-button>
                             </ng-container>
 
                             <ion-button class="ion-text-wrap" *ngIf="finishedOffline" expand="block" (click)="start(true)">
                                 <!-- There's an attempt finished in offline. Let the user continue, showing the end of lesson. -->
                                 {{ 'addon.mod_lesson.continue' | translate }}
-                                <ion-icon name="fas-chevron-right" slot="end"></ion-icon>
+                                <ion-icon name="fas-chevron-right" slot="end" aria-hidden="true"></ion-icon>
                             </ion-button>
                         </ng-container>
                     </ion-list>
diff --git a/src/addons/mod/lesson/components/menu-modal/menu-modal.html b/src/addons/mod/lesson/components/menu-modal/menu-modal.html
index 602349fd7..bf7492b03 100644
--- a/src/addons/mod/lesson/components/menu-modal/menu-modal.html
+++ b/src/addons/mod/lesson/components/menu-modal/menu-modal.html
@@ -4,7 +4,7 @@
 
         <ion-buttons slot="end">
             <ion-button (click)="closeModal()" [attr.aria-label]="'core.close' | translate">
-                <ion-icon slot="icon-only" name="fas-times"></ion-icon>
+                <ion-icon slot="icon-only" name="fas-times" aria-hidden="true"></ion-icon>
             </ion-button>
         </ion-buttons>
     </ion-toolbar>
diff --git a/src/addons/mod/lesson/components/password-modal/password-modal.html b/src/addons/mod/lesson/components/password-modal/password-modal.html
index 37ddd3fad..052715488 100644
--- a/src/addons/mod/lesson/components/password-modal/password-modal.html
+++ b/src/addons/mod/lesson/components/password-modal/password-modal.html
@@ -4,7 +4,7 @@
 
         <ion-buttons slot="end">
             <ion-button (click)="closeModal()" [attr.aria-label]="'core.close' | translate">
-                <ion-icon slot="icon-only" name="fas-times"></ion-icon>
+                <ion-icon slot="icon-only" name="fas-times" aria-hidden="true"></ion-icon>
             </ion-button>
         </ion-buttons>
     </ion-toolbar>
@@ -21,7 +21,7 @@
         </ion-item>
         <ion-button expand="block" type="submit">
             {{ 'addon.mod_lesson.continue' | translate }}
-            <ion-icon slot="end" name="fas-chevron-right"></ion-icon>
+            <ion-icon slot="end" name="fas-chevron-right" aria-hidden="true"></ion-icon>
         </ion-button>
         <!-- Remove this once Ionic fixes this bug: https://github.com/ionic-team/ionic-framework/issues/19368 -->
         <input type="submit" class="core-submit-hidden-enter" />
diff --git a/src/addons/mod/lesson/pages/player/player.html b/src/addons/mod/lesson/pages/player/player.html
index a3f0bd5d7..b40786ff0 100644
--- a/src/addons/mod/lesson/pages/player/player.html
+++ b/src/addons/mod/lesson/pages/player/player.html
@@ -11,7 +11,7 @@
         <ion-buttons slot="end">
             <ion-button *ngIf="displayMenu || mediaFile" [attr.aria-label]="'addon.mod_lesson.lessonmenu' | translate"
                 (click)="showMenu()">
-                <ion-icon name="bookmark" slot="icon-only"></ion-icon>
+                <ion-icon name="fas-bookmark" slot="icon-only" aria-hidden="true"></ion-icon>
             </ion-button>
         </ion-buttons>
     </ion-toolbar>
@@ -21,7 +21,7 @@
         <!-- Info messages. Only show the first one. -->
         <ion-card class="core-info-card" *ngIf="lesson && messages?.length">
             <ion-item>
-                <ion-icon name="fas-info-circle" slot="start"></ion-icon>
+                <ion-icon name="fas-info-circle" slot="start" aria-hidden="true"></ion-icon>
                 <ion-label>{{ messages[0].message }}</ion-label>
             </ion-item>
         </ion-card>
@@ -172,7 +172,7 @@
                 </ion-item>
                 <div class="core-info-card" *ngIf="lesson?.progressbar && canManage">
                     <ion-item>
-                        <ion-icon name="fas-info-circle" slot="start"></ion-icon>
+                        <ion-icon name="fas-info-circle" slot="start" aria-hidden="true"></ion-icon>
                         <ion-label>{{ 'addon.mod_lesson.progressbarteacherwarning2' | translate }}</ion-label>
                     </ion-item>
                 </div>
@@ -182,7 +182,7 @@
             <ion-card *ngIf="eolData && !processData">
                 <div class="core-warning-card" *ngIf="eolData.offline?.value">
                     <ion-item>
-                        <ion-icon name="fas-exclamation-triangle" slot="start"></ion-icon>
+                        <ion-icon name="fas-exclamation-triangle" slot="start" aria-hidden="true"></ion-icon>
                         <ion-label>{{ 'addon.mod_lesson.finishretakeoffline' | translate }}</ion-label>
                     </ion-item>
                 </div>
diff --git a/src/addons/mod/lti/components/index/addon-mod-lti-index.html b/src/addons/mod/lti/components/index/addon-mod-lti-index.html
index 3302fe4ef..4a8188253 100644
--- a/src/addons/mod/lti/components/index/addon-mod-lti-index.html
+++ b/src/addons/mod/lti/components/index/addon-mod-lti-index.html
@@ -24,7 +24,7 @@
 
     <div class="ion-padding">
         <ion-button expand="block" (click)="launch()">
-            <ion-icon name="fas-external-link-alt" slot="start"></ion-icon>
+            <ion-icon name="fas-external-link-alt" slot="start" aria-hidden="true"></ion-icon>
             {{ 'addon.mod_lti.launchactivity' | translate }}
         </ion-button>
     </div>
diff --git a/src/addons/mod/page/components/index/addon-mod-page-index.html b/src/addons/mod/page/components/index/addon-mod-page-index.html
index 3a99d22bb..49d132065 100644
--- a/src/addons/mod/page/components/index/addon-mod-page-index.html
+++ b/src/addons/mod/page/components/index/addon-mod-page-index.html
@@ -30,8 +30,10 @@
     </core-course-module-description>
 
     <ion-card class="core-warning-card" *ngIf="warning">
-        <ion-icon name="fas-exclamation-triangle" slot="start"></ion-icon>
-        <span [innerHTML]="warning"></span>
+        <ion-item>
+            <ion-icon name="fas-exclamation-triangle" slot="start" aria-hidden="true"></ion-icon>
+            <ion-label><span [innerHTML]="warning"></span></ion-label>
+        </ion-item>
     </ion-card>
 
     <div class="ion-padding">
diff --git a/src/addons/mod/quiz/components/index/addon-mod-quiz-index.html b/src/addons/mod/quiz/components/index/addon-mod-quiz-index.html
index 18d2667bc..f2148d8f3 100644
--- a/src/addons/mod/quiz/components/index/addon-mod-quiz-index.html
+++ b/src/addons/mod/quiz/components/index/addon-mod-quiz-index.html
@@ -164,7 +164,7 @@
             <!-- Quiz has data to be synchronized -->
             <ion-card class="core-warning-card" *ngIf="buttonText && hasOffline && !showStatusSpinner">
                 <ion-item class="ion-text-wrap">
-                    <ion-icon name="fas-exclamation-triangle" slot="start"></ion-icon>
+                    <ion-icon name="fas-exclamation-triangle" slot="start" aria-hidden="true"></ion-icon>
                     <ion-label>{{ 'core.hasdatatosync' | translate: {$a: moduleName} }}</ion-label>
                 </ion-item>
             </ion-card>
@@ -187,7 +187,7 @@
             <ion-button class="ion-margin" *ngIf="!buttonText && ((!hasSupportedQuestions && unsupportedQuestions.length) ||
                 unsupportedRules.length || behaviourSupported === false)" expand="block" [href]="externalUrl" core-link>
                 {{ 'core.openinbrowser' | translate }}
-                <ion-icon name="fas-external-link-alt" slot="end"></ion-icon>
+                <ion-icon name="fas-external-link-alt" slot="end" aria-hidden="true"></ion-icon>
             </ion-button>
 
             <!-- Spinner shown while downloading or calculating. -->
diff --git a/src/addons/mod/quiz/components/navigation-modal/navigation-modal.html b/src/addons/mod/quiz/components/navigation-modal/navigation-modal.html
index 6b9e116af..773827622 100644
--- a/src/addons/mod/quiz/components/navigation-modal/navigation-modal.html
+++ b/src/addons/mod/quiz/components/navigation-modal/navigation-modal.html
@@ -4,7 +4,7 @@
 
         <ion-buttons slot="end">
             <ion-button (click)="closeModal()" [attr.aria-label]="'core.close' | translate">
-                <ion-icon slot="icon-only" name="fas-times"></ion-icon>
+                <ion-icon slot="icon-only" name="fas-times" aria-hidden="true"></ion-icon>
             </ion-button>
         </ion-buttons>
     </ion-toolbar>
@@ -34,7 +34,7 @@
                     <span *ngIf="!question.number">{{ 'core.question.information' | translate }}</span>
                 </ion-label>
 
-                <ion-icon *ngIf="!question.number" name="fas-info-circle" slot="end"></ion-icon>
+                <ion-icon *ngIf="!question.number" name="fas-info-circle" slot="end" aria-hidden="true"></ion-icon>
                 <ion-icon *ngIf="question.stateClass == 'core-question-requiresgrading'" name="fas-question-circle"
                     [attr.aria-label]="question.status" slot="end">
                 </ion-icon>
diff --git a/src/addons/mod/quiz/components/preflight-modal/preflight-modal.html b/src/addons/mod/quiz/components/preflight-modal/preflight-modal.html
index 959cf7d7e..68a418869 100644
--- a/src/addons/mod/quiz/components/preflight-modal/preflight-modal.html
+++ b/src/addons/mod/quiz/components/preflight-modal/preflight-modal.html
@@ -4,7 +4,7 @@
 
         <ion-buttons slot="end">
             <ion-button (click)="closeModal()" [attr.aria-label]="'core.close' | translate">
-                <ion-icon slot="icon-only" name="fas-times"></ion-icon>
+                <ion-icon slot="icon-only" name="fas-times" aria-hidden="true"></ion-icon>
             </ion-button>
         </ion-buttons>
     </ion-toolbar>
diff --git a/src/addons/mod/quiz/pages/attempt/attempt.html b/src/addons/mod/quiz/pages/attempt/attempt.html
index f34076199..58ad1ab4e 100644
--- a/src/addons/mod/quiz/pages/attempt/attempt.html
+++ b/src/addons/mod/quiz/pages/attempt/attempt.html
@@ -52,7 +52,7 @@
                 </ion-label>
             </ion-item>
             <ion-button *ngIf="showReviewColumn && attempt.finished" class="ion-margin" expand="block" (click)="reviewAttempt()">
-                <ion-icon name="fas-search" slot="start"></ion-icon>
+                <ion-icon name="fas-search" slot="start" aria-hidden="true"></ion-icon>
                 {{ 'addon.mod_quiz.review' | translate }}
             </ion-button>
             <ion-item class="ion-text-wrap core-danger-item" *ngIf="!showReviewColumn">
diff --git a/src/addons/mod/quiz/pages/player/player.html b/src/addons/mod/quiz/pages/player/player.html
index 9f266b669..61d60c803 100644
--- a/src/addons/mod/quiz/pages/player/player.html
+++ b/src/addons/mod/quiz/pages/player/player.html
@@ -11,12 +11,12 @@
 
         <ion-buttons slot="end">
             <ion-button id="addon-mod_quiz-connection-error-button" [hidden]="!autoSaveError" (click)="showConnectionError($event)"
-                [attr.aria-label]="'core.error' | translate">
-                <ion-icon name="fas-exclamation-circle" slot="icon-only"></ion-icon>
+                [attr.aria-label]="'addon.mod_quiz.connectionerror' | translate" aria-haspopup="true">
+                <ion-icon name="fas-exclamation-circle" slot="icon-only" aria-hidden="true"></ion-icon>
             </ion-button>
             <ion-button *ngIf="navigation.length" [attr.aria-label]="'addon.mod_quiz.opentoc' | translate"
                 (click)="openNavigation()">
-                <ion-icon name="fas-bookmark" slot="icon-only"></ion-icon>
+                <ion-icon name="fas-bookmark" slot="icon-only" aria-hidden="true"></ion-icon>
             </ion-button>
         </ion-buttons>
     </ion-toolbar>
@@ -30,11 +30,11 @@
             </core-timer>
         </ion-title>
         <ion-buttons slot="end">
-            <ion-button *ngIf="previousPage >= 0" (click)="changePage(previousPage)" [title]="'core.previous' | translate">
-                <ion-icon name="fas-chevron-left" slot="icon-only"></ion-icon>
+            <ion-button *ngIf="previousPage >= 0" (click)="changePage(previousPage)" [attr.aria-label]="'core.previous' | translate">
+                <ion-icon name="fas-chevron-left" slot="icon-only" aria-hidden="true"></ion-icon>
             </ion-button>
-            <ion-button *ngIf="nextPage >= -1" (click)="changePage(nextPage)" [title]="'core.next' | translate">
-                <ion-icon name="fas-chevron-right" slot="icon-only"></ion-icon>
+            <ion-button *ngIf="nextPage >= -1" (click)="changePage(nextPage)" [attr.aria-label]="'core.next' | translate">
+                <ion-icon name="fas-chevron-right" slot="icon-only" aria-hidden="true"></ion-icon>
             </ion-button>
         </ion-buttons>
     </ion-toolbar>
@@ -43,11 +43,12 @@
         <!-- Navigation arrows if there's no timer. -->
         <ion-toolbar *ngIf="!endTime && questions.length && !quizAborted && !showSummary" color="light">
             <ion-buttons slot="end">
-                <ion-button *ngIf="previousPage >= 0" (click)="changePage(previousPage)" [title]="'core.previous' | translate">
-                    <ion-icon name="fas-chevron-left" slot="icon-only"></ion-icon>
+                <ion-button *ngIf="previousPage >= 0" (click)="changePage(previousPage)"
+                    [attr.aria-label]="'core.previous' | translate">
+                    <ion-icon name="fas-chevron-left" slot="icon-only" aria-hidden="true"></ion-icon>
                 </ion-button>
-                <ion-button *ngIf="nextPage >= -1" (click)="changePage(nextPage)" [title]="'core.next' | translate">
-                    <ion-icon name="fas-chevron-right" slot="icon-only"></ion-icon>
+                <ion-button *ngIf="nextPage >= -1" (click)="changePage(nextPage)" [attr.aria-label]="'core.next' | translate">
+                    <ion-icon name="fas-chevron-right" slot="icon-only" aria-hidden="true"></ion-icon>
                 </ion-button>
             </ion-buttons>
         </ion-toolbar>
@@ -92,14 +93,14 @@
             <ion-row>
                 <ion-col *ngIf="previousPage >= 0" >
                     <ion-button expand="block" color="light" (click)="changePage(previousPage)">
-                        <ion-icon name="fas-chevron-left" slot="start"></ion-icon>
+                        <ion-icon name="fas-chevron-left" slot="start" aria-hidden="true"></ion-icon>
                         {{ 'core.previous' | translate }}
                     </ion-button>
                 </ion-col>
                 <ion-col *ngIf="nextPage >= -1">
                     <ion-button expand="block" (click)="changePage(nextPage)">
                         {{ 'core.next' | translate }}
-                        <ion-icon name="fas-chevron-right" slot="end"></ion-icon>
+                        <ion-icon name="fas-chevron-right" slot="end" aria-hidden="true"></ion-icon>
                     </ion-button>
                 </ion-col>
             </ion-row>
@@ -165,7 +166,7 @@
 
             <ion-button *ngIf="preventSubmitMessages.length" expand="block" [href]="moduleUrl" core-link>
                 {{ 'core.openinbrowser' | translate }}
-                <ion-icon name="fas-external-link-alt" slot="end"></ion-icon>
+                <ion-icon name="fas-external-link-alt" slot="end" aria-hidden="true"></ion-icon>
             </ion-button>
 
             <!-- Button to submit the quiz. -->
@@ -182,7 +183,7 @@
             </ion-item>
             <ion-button expand="block" class="ion-margin" [href]="moduleUrl" core-link>
                 {{ 'core.openinbrowser' | translate }}
-                <ion-icon name="fas-external-link-alt" slot="end"></ion-icon>
+                <ion-icon name="fas-external-link-alt" slot="end" aria-hidden="true"></ion-icon>
             </ion-button>
         </ion-card>
     </core-loading>
diff --git a/src/addons/mod/quiz/pages/review/review.html b/src/addons/mod/quiz/pages/review/review.html
index 27140c18c..fdf75869f 100644
--- a/src/addons/mod/quiz/pages/review/review.html
+++ b/src/addons/mod/quiz/pages/review/review.html
@@ -7,8 +7,8 @@
 
         <ion-buttons slot="end">
             <ion-button *ngIf="navigation.length" [attr.aria-label]="'addon.mod_quiz.opentoc' | translate"
-                (click)="openNavigation()">
-                <ion-icon name="fas-bookmark" slot="icon-only"></ion-icon>
+                (click)="openNavigation()" aria-haspopup="true">
+                <ion-icon name="fas-bookmark" slot="icon-only" aria-hidden="true"></ion-icon>
             </ion-button>
         </ion-buttons>
     </ion-toolbar>
@@ -124,12 +124,13 @@
             <ion-col class="ion-text-start">
                 <ion-button color="light" *ngIf="previousPage >= 0" (click)="changePage(previousPage)"
                     [title]="'core.previous' | translate">
-                    <ion-icon name="fas-chevron-left" slot="icon-only"></ion-icon>
+                    <ion-icon name="fas-chevron-left" slot="icon-only" aria-hidden="true"></ion-icon>
                 </ion-button>
             </ion-col>
             <ion-col class="ion-text-end">
-                <ion-button color="light" *ngIf="nextPage >= -1" (click)="changePage(nextPage)" [title]="'core.next' | translate">
-                    <ion-icon name="fas-chevron-right" slot="icon-only"></ion-icon>
+                <ion-button color="light" *ngIf="nextPage >= -1" (click)="changePage(nextPage)"
+                    [attr.aria-label]="'core.next' | translate">
+                    <ion-icon name="fas-chevron-right" slot="icon-only" aria-hidden="true"></ion-icon>
                 </ion-button>
             </ion-col>
         </ion-row>
diff --git a/src/addons/mod/resource/components/index/addon-mod-resource-index.html b/src/addons/mod/resource/components/index/addon-mod-resource-index.html
index 9c5f81c23..a89d25990 100644
--- a/src/addons/mod/resource/components/index/addon-mod-resource-index.html
+++ b/src/addons/mod/resource/components/index/addon-mod-resource-index.html
@@ -27,7 +27,7 @@
 
     <ion-card class="core-warning-card" *ngIf="warning">
         <ion-item>
-            <ion-icon name="fas-exclamation-triangle" slot="start"></ion-icon>
+            <ion-icon name="fas-exclamation-triangle" slot="start" aria-hidden="true"></ion-icon>
             <ion-label><span [innerHTML]="warning"></span></ion-label>
         </ion-item>
     </ion-card>
@@ -42,7 +42,7 @@
 
     <div class="ion-padding" *ngIf="mode == 'external'">
         <ion-button expand="block" (click)="open()">
-            <ion-icon name="far-file" slot="start"></ion-icon>
+            <ion-icon name="far-file" slot="start" aria-hidden="true"></ion-icon>
             {{ 'addon.mod_resource.openthefile' | translate }}
         </ion-button>
     </div>
diff --git a/src/addons/mod/scorm/components/index/addon-mod-scorm-index.html b/src/addons/mod/scorm/components/index/addon-mod-scorm-index.html
index 61d17c466..c35c961f5 100644
--- a/src/addons/mod/scorm/components/index/addon-mod-scorm-index.html
+++ b/src/addons/mod/scorm/components/index/addon-mod-scorm-index.html
@@ -35,7 +35,7 @@
     <!-- Warning message. -->
     <ion-card class="core-info-card" *ngIf="scorm && scorm.warningMessage">
         <ion-item>
-            <ion-icon name="fas-info-circle" slot="start"></ion-icon>
+            <ion-icon name="fas-info-circle" slot="start" aria-hidden="true"></ion-icon>
             <ion-label>{{ scorm.warningMessage }}</ion-label>
         </ion-item>
     </ion-card>
@@ -115,7 +115,7 @@
         <!-- Synchronization warning. -->
         <ion-card class="core-warning-card" *ngIf="!errorMessage && hasOffline">
             <ion-item>
-                <ion-icon name="fas-exclamation-triangle" slot="start"></ion-icon>
+                <ion-icon name="fas-exclamation-triangle" slot="start" aria-hidden="true"></ion-icon>
                 <ion-label>{{ 'core.hasdatatosync' | translate: {$a: moduleName} }}</ion-label>
             </ion-item>
         </ion-card>
@@ -182,7 +182,7 @@
             </ion-item>
             <ion-button class="ion-margin ion-text-wrap" expand="block" [href]="externalUrl" core-link>
                 {{ 'core.openinbrowser' | translate }}
-                <ion-icon name="fas-external-link-alt" slot="end"></ion-icon>
+                <ion-icon name="fas-external-link-alt" slot="end" aria-hidden="true"></ion-icon>
             </ion-button>
         </ion-card>
 
@@ -219,13 +219,13 @@
                             <ion-col *ngIf="!scorm.hidebrowse">
                                 <ion-button expand="block" fill="outline" (click)="open($event, true)" class="ion-text-wrap">
                                     {{ 'addon.mod_scorm.browse' | translate }}
-                                    <ion-icon name="fas-search" slot="end"></ion-icon>
+                                    <ion-icon name="fas-search" slot="end" aria-hidden="true"></ion-icon>
                                 </ion-button>
                             </ion-col>
                             <ion-col>
                                 <ion-button expand="block" (click)="open($event)" class="ion-text-wrap">
                                     {{ 'addon.mod_scorm.enter' | translate }}
-                                    <ion-icon name="fas-arrow-right" slot="end"></ion-icon>
+                                    <ion-icon name="fas-arrow-right" slot="end" aria-hidden="true"></ion-icon>
                                 </ion-button>
                             </ion-col>
                         </ion-row>
diff --git a/src/addons/mod/scorm/components/toc/toc.html b/src/addons/mod/scorm/components/toc/toc.html
index ee5b3015e..9de84c25e 100644
--- a/src/addons/mod/scorm/components/toc/toc.html
+++ b/src/addons/mod/scorm/components/toc/toc.html
@@ -3,7 +3,7 @@
         <ion-title>{{ 'addon.mod_scorm.toc' | translate }}</ion-title>
         <ion-buttons slot="end">
             <ion-button (click)="closeModal()" [attr.aria-label]="'core.close' | translate">
-                <ion-icon slot="icon-only" name="fas-times"></ion-icon>
+                <ion-icon slot="icon-only" name="fas-times" aria-hidden="true"></ion-icon>
             </ion-button>
         </ion-buttons>
     </ion-toolbar>
diff --git a/src/addons/mod/scorm/pages/player/player.html b/src/addons/mod/scorm/pages/player/player.html
index f0d0c5ee0..acaf6d7f5 100644
--- a/src/addons/mod/scorm/pages/player/player.html
+++ b/src/addons/mod/scorm/pages/player/player.html
@@ -10,7 +10,7 @@
         <ion-buttons slot="end">
             <ion-button *ngIf="showToc && !loadingToc && toc.length" (click)="openToc()"
                 [attr.aria-label]="'addon.mod_scorm.toc' | translate" aria-haspopup="true">
-                <ion-icon name="fas-bookmark" slot="icon-only"></ion-icon>
+                <ion-icon name="fas-bookmark" slot="icon-only" aria-hidden="true"></ion-icon>
             </ion-button>
             <ion-spinner *ngIf="showToc && loadingToc"></ion-spinner>
         </ion-buttons>
diff --git a/src/addons/mod/survey/components/index/addon-mod-survey-index.html b/src/addons/mod/survey/components/index/addon-mod-survey-index.html
index 0879ce799..3112a4e7d 100644
--- a/src/addons/mod/survey/components/index/addon-mod-survey-index.html
+++ b/src/addons/mod/survey/components/index/addon-mod-survey-index.html
@@ -38,7 +38,7 @@
     <ion-card class="ion-padding" *ngIf="survey && survey.surveydone">
         <p class="ion-padding">{{ 'addon.mod_survey.surveycompletednograph' | translate }}</p>
         <ion-button expand="block" [href]="externalUrl" core-link>
-            <ion-icon name="fas-external-link-alt" slot="start"></ion-icon>
+            <ion-icon name="fas-external-link-alt" slot="start" aria-hidden="true"></ion-icon>
             {{ 'addon.mod_survey.results' | translate }}
         </ion-button>
     </ion-card>
@@ -46,7 +46,7 @@
     <!-- Survey done in offline but not synchronized -->
     <ion-card class="core-warning-card" *ngIf="hasOffline">
         <ion-item>
-            <ion-icon name="fas-exclamation-triangle" slot="start"></ion-icon>
+            <ion-icon name="fas-exclamation-triangle" slot="start" aria-hidden="true"></ion-icon>
             <ion-label>{{ 'core.hasdatatosync' | translate: {$a: moduleName} }}</ion-label>
         </ion-item>
     </ion-card>
diff --git a/src/addons/mod/url/components/index/addon-mod-url-index.html b/src/addons/mod/url/components/index/addon-mod-url-index.html
index 10bc4fbc2..fb8339bf3 100644
--- a/src/addons/mod/url/components/index/addon-mod-url-index.html
+++ b/src/addons/mod/url/components/index/addon-mod-url-index.html
@@ -44,7 +44,7 @@
         <ion-item class="ion-text-wrap">
             <ion-label>
                 <ion-button expand="block" (click)="go()">
-                    <ion-icon name="link" slot="start"></ion-icon>
+                    <ion-icon name="fas-link" slot="start" aria-hidden="true"></ion-icon>
                     {{ 'addon.mod_url.accessurl' | translate }}
                 </ion-button>
             </ion-label>
diff --git a/src/addons/mod/wiki/components/index/addon-mod-wiki-index.html b/src/addons/mod/wiki/components/index/addon-mod-wiki-index.html
index 3466dfb92..343dcdf04 100644
--- a/src/addons/mod/wiki/components/index/addon-mod-wiki-index.html
+++ b/src/addons/mod/wiki/components/index/addon-mod-wiki-index.html
@@ -2,14 +2,14 @@
 <core-navbar-buttons slot="end">
     <!-- Select subwiki. -->
     <ion-button *ngIf="subwikiData.count > 1" (click)="showSubwikiPicker($event)"
-        [attr.aria-label]="'addon.mod_wiki.subwiki' | translate">
-        <ion-icon *ngIf="!groupWiki" name="fas-user"></ion-icon>
-        <ion-icon *ngIf="groupWiki" name="fas-users"></ion-icon>
+        [attr.aria-label]="'addon.mod_wiki.subwiki' | translate" aria-haspopup="true">
+        <ion-icon *ngIf="!groupWiki" name="fas-user" aria-hidden="true"></ion-icon>
+        <ion-icon *ngIf="groupWiki" name="fas-users" aria-hidden="true"></ion-icon>
     </ion-button>
 
     <ion-button *ngIf="loaded && currentPageObj" (click)="openMap()" [attr.aria-label]="'addon.mod_wiki.map' | translate"
         aria-haspopup="true">
-        <ion-icon name="fas-map"></ion-icon>
+        <ion-icon name="fas-map" aria-hidden="true"></ion-icon>
     </ion-button>
 
     <core-context-menu>
@@ -55,7 +55,7 @@
         <!-- Wiki has something offline. -->
         <ion-card class="core-warning-card" *ngIf="pageIsOffline || hasOffline">
             <ion-item>
-                <ion-icon name="fas-exclamation-triangle" slot="start"></ion-icon>
+                <ion-icon name="fas-exclamation-triangle" slot="start" aria-hidden="true"></ion-icon>
                 <ion-label>
                     <span *ngIf="pageIsOffline">{{ 'core.hasdatatosync' | translate:{$a: pageStr} }}</span>
                     <span *ngIf="!pageIsOffline">{{ 'core.hasdatatosync' | translate:{$a: moduleName} }}</span>
@@ -66,7 +66,7 @@
         <!-- Page warning. -->
         <ion-card class="core-warning-card" *ngIf="pageWarning">
             <ion-item>
-                <ion-icon name="fas-exclamation-triangle" slot="start"></ion-icon>
+                <ion-icon name="fas-exclamation-triangle" slot="start" aria-hidden="true"></ion-icon>
                 <ion-label>{{ pageWarning }}</ion-label>
             </ion-item>
         </ion-card>
@@ -90,6 +90,6 @@
 
 <ion-fab slot="fixed" core-fab vertical="bottom" horizontal="end" *ngIf="canEdit">
     <ion-fab-button (click)="goToNewPage()" [attr.aria-label]="'addon.mod_wiki.createpage' | translate">
-        <ion-icon name="fas-plus"></ion-icon>
+        <ion-icon name="fas-plus" aria-hidden="true"></ion-icon>
     </ion-fab-button>
 </ion-fab>
diff --git a/src/addons/mod/wiki/components/map/map.html b/src/addons/mod/wiki/components/map/map.html
index 56ad87d73..169e0ea38 100644
--- a/src/addons/mod/wiki/components/map/map.html
+++ b/src/addons/mod/wiki/components/map/map.html
@@ -3,7 +3,7 @@
         <ion-title>{{ 'addon.mod_wiki.map' | translate }}</ion-title>
         <ion-buttons slot="end">
             <ion-button (click)="closeModal()" [attr.aria-label]="'core.close' | translate">
-                <ion-icon name="fas-times"></ion-icon>
+                <ion-icon name="fas-times" aria-hidden="true"></ion-icon>
             </ion-button>
         </ion-buttons>
     </ion-toolbar>
@@ -13,7 +13,7 @@
         <ion-list>
             <!-- Go to "home". -->
             <ion-item class="ion-text-wrap" *ngIf="homeView" (click)="goToWikiHome()" tappable>
-                <ion-icon name="fas-home" slot="start"></ion-icon>
+                <ion-icon name="fas-home" slot="start" aria-hidden="true"></ion-icon>
                 <ion-label>{{ 'addon.mod_wiki.gowikihome' | translate }}</ion-label>
             </ion-item>
             <ng-container *ngFor="let letter of map">
@@ -22,14 +22,14 @@
                 </ion-item-divider>
                 <ion-item class="ion-text-wrap" *ngFor="let page of letter.pages" (click)="goToPage(page)"
                     [class.core-selected-item]="selectedTitle == page.title" tappable>
-                    <ion-icon name="fas-home" slot="start" *ngIf="page.firstpage"></ion-icon>
+                    <ion-icon name="fas-home" slot="start" *ngIf="page.firstpage" aria-hidden="true"></ion-icon>
                     <ion-label>
                         <core-format-text [text]="page.title" contextLevel="module" [contextInstanceId]="moduleId"
                             [courseId]="courseId">
                         </core-format-text>
                     </ion-label>
                     <ion-note *ngIf="!page.id" slot="end">
-                        <ion-icon name="fas-clock"></ion-icon>
+                        <ion-icon name="fas-clock" aria-hidden="true"></ion-icon>
                         <span class="ion-text-wrap">{{ 'core.notsent' | translate }}</span>
                     </ion-note>
                 </ion-item>
diff --git a/src/addons/mod/wiki/components/subwiki-picker/addon-mod-wiki-subwiki-picker.html b/src/addons/mod/wiki/components/subwiki-picker/addon-mod-wiki-subwiki-picker.html
index 41eb324b0..ec970f130 100644
--- a/src/addons/mod/wiki/components/subwiki-picker/addon-mod-wiki-subwiki-picker.html
+++ b/src/addons/mod/wiki/components/subwiki-picker/addon-mod-wiki-subwiki-picker.html
@@ -7,7 +7,7 @@
             [attr.disabled]="!subwiki.canedit && subwiki.id <= 0 ? true : null" tappable
             [class.core-selected-item]="isSubwikiSelected(subwiki)" detail="false">
             <ion-label>{{ subwiki.name }}</ion-label>
-            <ion-icon *ngIf="isSubwikiSelected(subwiki)" name="fas-check" slot="end"></ion-icon>
+            <ion-icon *ngIf="isSubwikiSelected(subwiki)" name="fas-check" slot="end" aria-hidden="true"></ion-icon>
         </ion-item>
     </ng-container>
 </ion-list>
diff --git a/src/addons/mod/workshop/components/assessment/addon-mod-workshop-assessment.html b/src/addons/mod/workshop/components/assessment/addon-mod-workshop-assessment.html
index 6439a8eaa..1028b6bc9 100644
--- a/src/addons/mod/workshop/components/assessment/addon-mod-workshop-assessment.html
+++ b/src/addons/mod/workshop/components/assessment/addon-mod-workshop-assessment.html
@@ -21,7 +21,7 @@
             </ion-button>
         </ion-label>
         <ion-note slot="end" *ngIf="offline">
-            <ion-icon name="fas-clock"></ion-icon>{{ 'core.notsent' | translate }}
+            <ion-icon name="fas-clock" aria-hidden="true"></ion-icon>{{ 'core.notsent' | translate }}
         </ion-note>
     </ion-item>
 </core-loading>
diff --git a/src/addons/mod/workshop/components/index/addon-mod-workshop-index.html b/src/addons/mod/workshop/components/index/addon-mod-workshop-index.html
index 3f3526b13..c255abb6e 100644
--- a/src/addons/mod/workshop/components/index/addon-mod-workshop-index.html
+++ b/src/addons/mod/workshop/components/index/addon-mod-workshop-index.html
@@ -37,15 +37,19 @@
             phases[workshop!.phase].tasks.length">
             <ion-item class="ion-text-wrap" *ngFor="let task of phases[workshop!.phase].tasks"
                 [class.item-dimmed]="task.code == 'submit' && !showSubmit" (click)="runTask(task)" detail="false">
-                <ion-icon slot="start" name="far-circle" *ngIf="task.completed == null"></ion-icon>
-                <ion-icon slot="start" name="fas-times-circle" color="danger" *ngIf="task.completed == ''"></ion-icon>
-                <ion-icon slot="start" name="fas-info-circle" color="info" *ngIf="task.completed == 'info'"></ion-icon>
-                <ion-icon slot="start" name="fas-check-circle" color="success" *ngIf="task.completed == '1'"></ion-icon>
+                <ion-icon slot="start" name="far-circle" *ngIf="task.completed == null" aria-hidden="true"></ion-icon>
+                <ion-icon slot="start" name="fas-times-circle" color="danger" *ngIf="task.completed == ''" aria-hidden="true">
+                </ion-icon>
+                <ion-icon slot="start" name="fas-info-circle" color="info" *ngIf="task.completed == 'info'" aria-hidden="true">
+                </ion-icon>
+                <ion-icon slot="start" name="fas-check-circle" color="success" *ngIf="task.completed == '1'" aria-hidden="true">
+                </ion-icon>
                 <ion-label>
                     <h2>{{task.title}}</h2>
                     <p *ngIf="task.details" [innerHTML]="task.details"></p>
                 </ion-label>
-                <ion-icon slot="end" *ngIf="task.link && task.code != 'submit'" name="fas-external-link-alt"></ion-icon>
+                <ion-icon slot="end" *ngIf="task.link && task.code != 'submit'" name="fas-external-link-alt" aria-hidden="true">
+                </ion-icon>
             </ion-item>
         </ng-container>
     </ion-card>
@@ -53,7 +57,7 @@
     <!-- Has something offline. -->
     <ion-card class="core-warning-card" *ngIf="hasOffline">
         <ion-item>
-            <ion-icon name="fas-exclamation-triangle" slot="start"></ion-icon>
+            <ion-icon name="fas-exclamation-triangle" slot="start" aria-hidden="true"></ion-icon>
             <ion-label>{{ 'core.hasdatatosync' | translate: {$a: moduleName} }}</ion-label>
         </ion-item>
     </ion-card>
@@ -145,11 +149,11 @@
             <ion-item class="ion-text-wrap" *ngIf="showSubmit">
                 <ion-label>
                     <ion-button expand="block" *ngIf="access.creatingsubmissionallowed && !submission" (click)="gotoSubmit()">
-                        <ion-icon slot="start" name="fas-plus"></ion-icon>
+                        <ion-icon slot="start" name="fas-plus" aria-hidden="true"></ion-icon>
                         {{ 'addon.mod_workshop.createsubmission' | translate }}
                     </ion-button>
                     <ion-button expand="block" *ngIf="access.modifyingsubmissionallowed && submission" (click)="gotoSubmit()">
-                        <ion-icon slot="start" name="fas-edit"></ion-icon>
+                        <ion-icon slot="start" name="fas-edit" aria-hidden="true"></ion-icon>
                         {{ 'addon.mod_workshop.editsubmission' | translate }}
                     </ion-button>
                 </ion-label>
@@ -233,14 +237,14 @@
                 <ion-row class="ion-align-items-center">
                     <ion-col *ngIf="page > 0">
                         <ion-button expand="block" fill="outline" (click)="gotoSubmissionsPage(page! -1)">
-                            <ion-icon name="fas-chevron-left" slot="start"></ion-icon>
+                            <ion-icon name="fas-chevron-left" slot="start" aria-hidden="true"></ion-icon>
                             {{ 'core.previous' | translate }}
                         </ion-button>
                     </ion-col>
                     <ion-col *ngIf="hasNextPage">
                         <ion-button expand="block" (click)="gotoSubmissionsPage(page! + 1)">
                             {{ 'core.next' | translate }}
-                            <ion-icon name="fas-chevron-right" slot="end"></ion-icon>
+                            <ion-icon name="fas-chevron-right" slot="end" aria-hidden="true"></ion-icon>
                         </ion-button>
                     </ion-col>
                 </ion-row>
diff --git a/src/addons/mod/workshop/components/phase/phase.html b/src/addons/mod/workshop/components/phase/phase.html
index d9185830b..a505159ab 100644
--- a/src/addons/mod/workshop/components/phase/phase.html
+++ b/src/addons/mod/workshop/components/phase/phase.html
@@ -6,7 +6,7 @@
         <ion-title>{{ 'addon.mod_workshop.userplan' | translate }}</ion-title>
         <ion-buttons slot="end">
             <ion-button (click)="closeModal()" [attr.aria-label]="'core.close' | translate">
-                <ion-icon name="fas-times" slot="icon-only"></ion-icon>
+                <ion-icon name="fas-times" slot="icon-only" aria-hidden=true></ion-icon>
             </ion-button>
         </ion-buttons>
     </ion-toolbar>
@@ -23,25 +23,29 @@
                 </ion-label>
             </ion-item-divider>
             <ion-item class="ion-text-wrap" *ngIf="phase.switchUrl" [href]="phase.switchUrl" detail="false">
-                <ion-icon slot="start" name="fas-exchange-alt"></ion-icon>
+                <ion-icon slot="start" name="fas-exchange-alt" aria-hidden="true"></ion-icon>
                 <ion-label>
                     <p>{{ 'addon.mod_workshop.switchphase' + phase.code | translate }}</p>
                 </ion-label>
-                <ion-icon slot="end" name="fas-external-link-alt"></ion-icon>
+                <ion-icon slot="end" name="fas-external-link-alt" aria-hidden="true"></ion-icon>
             </ion-item>
             <ion-item class="ion-text-wrap" *ngFor="let task of phase.tasks"
                 [class.item-dimmed]="phase.code != workshopPhase || (task.code == 'submit' && !showSubmit)"
                 (click)="runTask(task)" detail="false">
-                <ion-icon slot="start" name="far-circle" *ngIf="task.completed == null"></ion-icon>
-                <ion-icon slot="start" name="fas-times-circle" color="danger" *ngIf="task.completed == ''"></ion-icon>
-                <ion-icon slot="start" name="fas-info-circle" color="info" *ngIf="task.completed == 'info'"></ion-icon>
-                <ion-icon slot="start" name="fas-check-circle" color="success" *ngIf="task.completed == '1'"></ion-icon>
-
+                <ion-icon slot="start" name="far-circle" *ngIf="task.completed == null"
+                    [attr.aria-label]="'addon.mod_workshop.tasktodo' | translate"></ion-icon>
+                <ion-icon slot="start" name="fas-times-circle" color="danger" *ngIf="task.completed == ''"
+                    [attr.aria-label]="'addon.mod_workshop.taskfail' | translate"></ion-icon>
+                <ion-icon slot="start" name="fas-info-circle" color="info" *ngIf="task.completed == 'info'"
+                    [attr.aria-label]="'addon.mod_workshop.taskinfo' | translate"></ion-icon>
+                <ion-icon slot="start" name="fas-check-circle" color="success" *ngIf="task.completed == '1'"
+                    [attr.aria-label]="'addon.mod_workshop.taskdone' | translate"></ion-icon>
                 <ion-label>
                     <h2 class="ion-text-wrap">{{task.title}}</h2>
                     <p *ngIf="task.details" [innerHTML]="task.details"></p>
                 </ion-label>
-                <ion-icon slot="end" *ngIf="task.link && task.code != 'submit'" name="fas-external-link-alt"></ion-icon>
+                <ion-icon slot="end" *ngIf="task.link && task.code != 'submit'" name="fas-external-link-alt" aria-hidden="true">
+                </ion-icon>
             </ion-item>
         </ng-container>
     </ion-list>
diff --git a/src/addons/mod/workshop/components/submission/addon-mod-workshop-submission.html b/src/addons/mod/workshop/components/submission/addon-mod-workshop-submission.html
index fafe401f3..baf4b89ec 100644
--- a/src/addons/mod/workshop/components/submission/addon-mod-workshop-submission.html
+++ b/src/addons/mod/workshop/components/submission/addon-mod-workshop-submission.html
@@ -22,15 +22,15 @@
                 </p>
             </ion-label>
             <ion-note slot="end" *ngIf="!submission.timemodified">
-                <ion-icon name="fas-clock"></ion-icon> {{ 'core.notsent' | translate }}
+                <ion-icon name="fas-clock" aria-hidden="true"></ion-icon> {{ 'core.notsent' | translate }}
             </ion-note>
             <ion-note slot="end" *ngIf="submission.timemodified">
                 {{submission.timemodified | coreDateDayOrTime}}
                 <ng-container *ngIf="submission.offline">
-                    <ion-icon name="fas-clock"></ion-icon> {{ 'core.notsent' | translate }}
+                    <ion-icon name="fas-clock" aria-hidden="true"></ion-icon> {{ 'core.notsent' | translate }}
                 </ng-container>
                 <ng-container *ngIf="submission.deleted">
-                    <ion-icon name="fas-trash"></ion-icon> {{ 'core.deletedoffline' | translate }}
+                    <ion-icon name="fas-trash" aria-hidden="true"></ion-icon> {{ 'core.deletedoffline' | translate }}
                 </ng-container>
             </ion-note>
         </ion-item>
@@ -59,7 +59,7 @@
             <ion-label>
                 <ion-button expand="block" (click)="gotoSubmission()">
                     {{ 'core.showmore' | translate }}
-                    <ion-icon name="fas-chevron-right" slot="end"></ion-icon>
+                    <ion-icon name="fas-chevron-right" slot="end" aria-hidden="true"></ion-icon>
                 </ion-button>
             </ion-label>
         </ion-item>
@@ -101,8 +101,10 @@
         </ion-label>
         <ion-note slot="end" *ngIf="submission.timemodified">
             {{submission.timemodified | coreDateDayOrTime}}
-            <div *ngIf="offline"><ion-icon name="fas-clock"></ion-icon> {{ 'core.notsent' | translate }}</div>
-            <div *ngIf="submission.deleted"><ion-icon name="fas-trash"></ion-icon> {{ 'core.deletedoffline' | translate }}</div>
+            <div *ngIf="offline"><ion-icon name="fas-clock" aria-hidden="true"></ion-icon> {{ 'core.notsent' | translate }}</div>
+            <div *ngIf="submission.deleted">
+                <ion-icon name="fas-trash" aria-hidden="true"></ion-icon> {{ 'core.deletedoffline' | translate }}
+            </div>
         </ion-note>
     </ion-item>
 </core-loading>
diff --git a/src/addons/mod/workshop/lang.json b/src/addons/mod/workshop/lang.json
index 3b8f78e33..c58d6a45b 100644
--- a/src/addons/mod/workshop/lang.json
+++ b/src/addons/mod/workshop/lang.json
@@ -51,6 +51,10 @@
     "switchphase30": "Switch to the assessment phase",
     "switchphase40": "Switch to the evaluation phase",
     "switchphase50": "Close workshop",
+    "taskdone": "Task done",
+    "taskfail": "Task fail",
+    "taskinfo": "Task info",
+    "tasktodo": "Task to do",
     "userplan": "Workshop planner",
     "userplancurrentphase": "Current phase",
     "warningassessmentmodified": "The submission was modified on the site.",
diff --git a/src/addons/mod/workshop/pages/submission/submission.html b/src/addons/mod/workshop/pages/submission/submission.html
index 07115d353..e04214159 100644
--- a/src/addons/mod/workshop/pages/submission/submission.html
+++ b/src/addons/mod/workshop/pages/submission/submission.html
@@ -31,16 +31,16 @@
             <ion-item class="ion-text-wrap" *ngIf="canEdit || canDelete">
                 <ion-label>
                     <ion-button expand="block" *ngIf="canEdit" (click)="editSubmission()">
-                        <ion-icon name="fas-edit" slot="start"></ion-icon>
+                        <ion-icon name="fas-edit" slot="start" aria-hidden="true"></ion-icon>
                         {{ 'addon.mod_workshop.editsubmission' | translate }}
                     </ion-button>
                     <ion-button expand="block" *ngIf="!submission.deleted && canDelete" color="danger" (click)="deleteSubmission()">
-                        <ion-icon name="fas-trash" slot="start"></ion-icon>
+                        <ion-icon name="fas-trash" slot="start" aria-hidden="true"></ion-icon>
                         {{ 'addon.mod_workshop.deletesubmission' | translate }}
                     </ion-button>
                     <ion-button expand="block" fill="outline" *ngIf="submission.deleted && canDelete" color="danger"
                         (click)="undoDeleteSubmission()">
-                        <ion-icon name="fas-undo-alt" slot="start"></ion-icon>
+                        <ion-icon name="fas-undo-alt" slot="start" aria-hidden="true"></ion-icon>
                         {{ 'core.restore' | translate }}
                     </ion-button>
                 </ion-label>
diff --git a/src/addons/notes/components/add/add-modal.html b/src/addons/notes/components/add/add-modal.html
index c4d1e5765..e0d6868d6 100644
--- a/src/addons/notes/components/add/add-modal.html
+++ b/src/addons/notes/components/add/add-modal.html
@@ -3,7 +3,7 @@
         <ion-title>{{ 'addon.notes.addnewnote' | translate }}</ion-title>
         <ion-buttons slot="end">
             <ion-button (click)="closeModal()" [attr.aria-label]="'core.close' | translate">
-                <ion-icon name="fas-times" slot="icon-only"></ion-icon>
+                <ion-icon name="fas-times" slot="icon-only" aria-hidden=true></ion-icon>
             </ion-button>
         </ion-buttons>
     </ion-toolbar>
diff --git a/src/addons/notes/pages/list/list.html b/src/addons/notes/pages/list/list.html
index f468c7df1..2800dea47 100644
--- a/src/addons/notes/pages/list/list.html
+++ b/src/addons/notes/pages/list/list.html
@@ -11,8 +11,8 @@
 </ion-header>
 <core-navbar-buttons slot="end">
     <ion-button [hidden]="!canDeleteNotes" slot="end" fill="clear" (click)="toggleDelete()"
-        [attr.aria-label]="'core.delete' | translate">
-        <ion-icon name="fas-pen" slot="icon-only"></ion-icon>
+        [attr.aria-label]="'core.toggledelete' | translate">
+        <ion-icon name="fas-pen" slot="icon-only" aria-hidden="true"></ion-icon>
     </ion-button>
     <core-context-menu>
         <core-context-menu-item [hidden]="!(notesLoaded && !hasOffline)" [priority]="100"
@@ -45,7 +45,7 @@
 
         <ion-card class="core-warning-card" *ngIf="hasOffline">
             <ion-item>
-                <ion-icon name="fas-exclamation-triangle" slot="start"></ion-icon>
+                <ion-icon name="fas-exclamation-triangle" slot="start" aria-hidden="true"></ion-icon>
                 <ion-label>
                     {{ 'core.thereisdatatosync' | translate:{$a: 'addon.notes.notes' | translate | lowercase } }}
                 </ion-label>
@@ -66,23 +66,23 @@
                         </p>
                     </ion-label>
                     <p *ngIf="note.offline" slot="end">
-                        <ion-icon name="far-clock"></ion-icon> <span class="ion-text-wrap">
+                        <ion-icon name="fas-clock" aria-hidden="true"></ion-icon> <span class="ion-text-wrap">
                             {{ 'core.notsent' | translate }}
                         </span>
                     </p>
                     <p *ngIf="note.deleted" slot="end">
-                        <ion-icon name="fas-trash"></ion-icon> <span class="ion-text-wrap">
+                        <ion-icon name="fas-trash" aria-hidden="true"></ion-icon> <span class="ion-text-wrap">
                             {{ 'core.deletedoffline' | translate }}
                         </span>
                     </p>
                     <ion-button *ngIf="note.deleted" slot="end" fill="clear" color="danger" (click)="undoDeleteNote($event, note)"
                         [attr.aria-label]="'core.restore' | translate">
-                        <ion-icon name="fas-undo-alt" slot="icon-only"></ion-icon>
+                        <ion-icon name="fas-undo-alt" slot="icon-only" aria-hidden="true"></ion-icon>
                     </ion-button>
                     <ion-button *ngIf="showDelete && !note.deleted && (type != 'personal' || note.usermodified == currentUserId)"
                         slot="end" fill="clear" [@coreSlideInOut]="'fromRight'" color="danger" (click)="deleteNote($event, note)"
                         [attr.aria-label]="'core.delete' | translate">
-                        <ion-icon name="fas-trash" slot="icon-only"></ion-icon>
+                        <ion-icon name="fas-trash" slot="icon-only" aria-hidden="true"></ion-icon>
                     </ion-button>
                 </ion-item>
                 <ion-item class="ion-text-wrap">
@@ -94,7 +94,7 @@
 
     <ion-fab slot="fixed" core-fab vertical="bottom" horizontal="end" *ngIf="userId && notesLoaded">
         <ion-fab-button (click)="addNote($event)" [attr.aria-label]="'addon.notes.addnewnote' |translate">
-            <ion-icon name="fas-plus"></ion-icon>
+            <ion-icon name="fas-plus" aria-hidden="true"></ion-icon>
         </ion-fab-button>
     </ion-fab>
 </ion-content>
diff --git a/src/addons/notifications/components/actions/addon-notifications-actions.html b/src/addons/notifications/components/actions/addon-notifications-actions.html
index 1bb8682ca..348a2d701 100644
--- a/src/addons/notifications/components/actions/addon-notifications-actions.html
+++ b/src/addons/notifications/components/actions/addon-notifications-actions.html
@@ -1,7 +1,7 @@
 <ion-row *ngIf="actions && actions.length > 0" class="justify-content-around">
     <ion-col *ngFor="let action of actions">
         <ion-button fill="clear" expand="block" (click)="action.action()">
-            <ion-icon slot="start" name="{{action.icon}}"></ion-icon>
+            <ion-icon slot="start" name="{{action.icon}}" aria-hidden="true"></ion-icon>
             {{ action.message | translate }}
         </ion-button>
     </ion-col>
diff --git a/src/addons/notifications/lang.json b/src/addons/notifications/lang.json
index 3844a5525..b3c02b52e 100644
--- a/src/addons/notifications/lang.json
+++ b/src/addons/notifications/lang.json
@@ -4,5 +4,6 @@
     "notificationpreferences": "Notification preferences",
     "notifications": "Notifications",
     "playsound": "Play sound",
-    "therearentnotificationsyet": "There are no notifications."
-}
\ No newline at end of file
+    "therearentnotificationsyet": "There are no notifications.",
+    "unreadnotification": "Unread notification: {{$a}}"
+}
diff --git a/src/addons/notifications/pages/list/list.html b/src/addons/notifications/pages/list/list.html
index 00ab6367e..7eab388e4 100644
--- a/src/addons/notifications/pages/list/list.html
+++ b/src/addons/notifications/pages/list/list.html
@@ -14,7 +14,7 @@
         <div class="ion-padding" *ngIf="canMarkAllNotificationsAsRead">
             <ion-button *ngIf="!loadingMarkAllNotificationsAsRead" expand="block" (click)="markAllNotificationsAsRead()"
                 color="light">
-                <ion-icon slot="start" name="fas-check"></ion-icon>
+                <ion-icon slot="start" name="fas-check" aria-hidden="true"></ion-icon>
                 {{ 'addon.notifications.markallread' | translate }}
             </ion-button>
             <ion-button *ngIf="loadingMarkAllNotificationsAsRead" expand="block" color="light">
@@ -23,7 +23,11 @@
         </div>
 
         <ion-card *ngFor="let notification of notifications">
-            <ion-item class="ion-text-wrap" lines="none">
+            <ion-item class="ion-text-wrap" lines="none"
+                [attr.aria-label]="
+                    notification.timeread
+                    ? notification.subject
+                    : 'addon.notifications.unreadnotification' | translate: {$a: notification.subject}">
                 <core-user-avatar *ngIf="notification.useridfrom > 0" [user]="notification" slot="start"
                     [profileUrl]="notification.profileimageurlfrom" [fullname]="notification.userfromfullname"
                     [userId]="notification.useridfrom" [extraIcon]="notification.iconurl"></core-user-avatar>
@@ -38,8 +42,7 @@
                 <ion-note slot="end" class="ion-float-end ion-padding-left ion-text-end">
                     {{ notification.timecreated | coreDateDayOrTime }}
                     <span *ngIf="!notification.timeread">
-                        <ion-icon name="fas-circle" color="primary">
-                        </ion-icon>
+                        <ion-icon name="fas-circle" color="primary" aria-hidden="true"></ion-icon>
                     </span>
                 </ion-note>
             </ion-item>
diff --git a/src/addons/privatefiles/pages/index/index.html b/src/addons/privatefiles/pages/index/index.html
index cfc90fcd6..8d136e900 100644
--- a/src/addons/privatefiles/pages/index/index.html
+++ b/src/addons/privatefiles/pages/index/index.html
@@ -49,7 +49,7 @@
     <!-- Upload a private file. -->
     <ion-fab slot="fixed" core-fab vertical="bottom" horizontal="end" *ngIf="showUpload && root != 'site' && !path">
         <ion-fab-button (click)="uploadFile()" [attr.aria-label]="'core.fileuploader.uploadafile' | translate">
-            <ion-icon name="fas-plus"></ion-icon>
+            <ion-icon name="fas-plus" aria-hidden="true"></ion-icon>
         </ion-fab-button>
     </ion-fab>
 </ion-content>
diff --git a/src/addons/qtype/ddimageortext/component/addon-qtype-ddimageortext.html b/src/addons/qtype/ddimageortext/component/addon-qtype-ddimageortext.html
index 1b3c7ad50..a05a766cd 100644
--- a/src/addons/qtype/ddimageortext/component/addon-qtype-ddimageortext.html
+++ b/src/addons/qtype/ddimageortext/component/addon-qtype-ddimageortext.html
@@ -6,7 +6,7 @@
         <ion-label>
             <ion-card *ngIf="!ddQuestion.readOnly" class="core-info-card">
                 <ion-item>
-                    <ion-icon name="fas-info-circle" slot="start"></ion-icon>
+                    <ion-icon name="fas-info-circle" slot="start" aria-hidden="true"></ion-icon>
                     <ion-label>{{ 'core.question.howtodraganddrop' | translate }}</ion-label>
                 </ion-item>
             </ion-card>
diff --git a/src/addons/qtype/ddmarker/component/addon-qtype-ddmarker.html b/src/addons/qtype/ddmarker/component/addon-qtype-ddmarker.html
index eec783f34..cb66752d6 100644
--- a/src/addons/qtype/ddmarker/component/addon-qtype-ddmarker.html
+++ b/src/addons/qtype/ddmarker/component/addon-qtype-ddmarker.html
@@ -6,7 +6,7 @@
         <ion-label>
             <ion-card *ngIf="!ddQuestion.readOnly" class="core-info-card">
                 <ion-item>
-                    <ion-icon name="fas-info-circle" slot="start"></ion-icon>
+                    <ion-icon name="fas-info-circle" slot="start" aria-hidden="true"></ion-icon>
                     <ion-label>{{ 'core.question.howtodraganddrop' | translate }}</ion-label>
                 </ion-item>
             </ion-card>
diff --git a/src/addons/qtype/ddwtos/component/addon-qtype-ddwtos.html b/src/addons/qtype/ddwtos/component/addon-qtype-ddwtos.html
index 113ff3572..3e3feddae 100644
--- a/src/addons/qtype/ddwtos/component/addon-qtype-ddwtos.html
+++ b/src/addons/qtype/ddwtos/component/addon-qtype-ddwtos.html
@@ -6,7 +6,7 @@
         <ion-label>
             <ion-card *ngIf="!ddQuestion.readOnly" class="core-info-card">
                 <ion-item>
-                    <ion-icon name="fas-info-circle" slot="start"></ion-icon>
+                    <ion-icon name="fas-info-circle" slot="start" aria-hidden="true"></ion-icon>
                     <ion-label>{{ 'core.question.howtodraganddrop' | translate }}</ion-label>
                 </ion-item>
             </ion-card>
diff --git a/src/addons/qtype/match/component/addon-qtype-match.html b/src/addons/qtype/match/component/addon-qtype-match.html
index 495d0ea09..2c896e133 100644
--- a/src/addons/qtype/match/component/addon-qtype-match.html
+++ b/src/addons/qtype/match/component/addon-qtype-match.html
@@ -23,7 +23,9 @@
                 {{option.label}}
             </ion-select-option>
         </ion-select>
-        <ion-icon *ngIf="row.isCorrect === 1" class="core-correct-icon" name="fas-check" color="success" slot="end"></ion-icon>
-        <ion-icon *ngIf="row.isCorrect === 0" class="core-correct-icon" name="fas-times" color="danger" slot="end"></ion-icon>
+        <ion-icon *ngIf="row.isCorrect === 1" class="core-correct-icon" name="fas-check" color="success" slot="end"
+            [attr.aria-label]="'core.question.correct' | translate"></ion-icon>
+        <ion-icon *ngIf="row.isCorrect === 0" class="core-correct-icon" name="fas-times" color="danger" slot="end"
+            [attr.aria-label]="'core.question.incorrect' | translate"></ion-icon>
     </ion-item>
 </section>
diff --git a/src/addons/qtype/multichoice/component/addon-qtype-multichoice.html b/src/addons/qtype/multichoice/component/addon-qtype-multichoice.html
index 0abd17a77..5c97e12fc 100644
--- a/src/addons/qtype/multichoice/component/addon-qtype-multichoice.html
+++ b/src/addons/qtype/multichoice/component/addon-qtype-multichoice.html
@@ -27,8 +27,10 @@
                 [color]='(option.isCorrect === 1 ? "success": "") + (option.isCorrect === 0 ? "danger": "")'>
             </ion-checkbox>
 
-            <ion-icon *ngIf="option.isCorrect === 1" class="core-correct-icon" name="fas-check" color="success"></ion-icon>
-            <ion-icon *ngIf="option.isCorrect === 0" class="core-correct-icon" name="fas-times" color="danger"></ion-icon>
+            <ion-icon *ngIf="option.isCorrect === 1" class="core-correct-icon" name="fas-check" color="success"
+                [attr.aria-label]="'core.question.correct' | translate"></ion-icon>
+            <ion-icon *ngIf="option.isCorrect === 0" class="core-correct-icon" name="fas-times" color="danger"
+                [attr.aria-label]="'core.question.incorrect' | translate"></ion-icon>
 
             <!-- ion-checkbox doesn't use an input. Create a hidden input to hold the value. -->
             <input type="hidden" [ngModel]="option.checked" [attr.name]="option.name">
@@ -53,8 +55,10 @@
                 [color]='(option.isCorrect === 1 ? "success": "") + (option.isCorrect === 0 ? "danger": "")'>
             </ion-radio>
 
-            <ion-icon *ngIf="option.isCorrect === 1" class="core-correct-icon" name="fas-check" color="success"></ion-icon>
-            <ion-icon *ngIf="option.isCorrect === 0" class="core-correct-icon" name="fas-times" color="danger"></ion-icon>
+            <ion-icon *ngIf="option.isCorrect === 1" class="core-correct-icon" name="fas-check" color="success"
+                [attr.aria-label]="'core.question.correct' | translate"></ion-icon>
+            <ion-icon *ngIf="option.isCorrect === 0" class="core-correct-icon" name="fas-times" color="danger"
+                [attr.aria-label]="'core.question.incorrect' | translate"></ion-icon>
         </ion-item>
         <ion-button *ngIf="!multiQuestion.disabled" class="ion-text-wrap ion-margin" expand="full" color="light"
             [disabled]="!multiQuestion.singleChoiceModel" (click)="clear()" type="reset">
diff --git a/src/addons/storagemanager/pages/course-storage/course-storage.html b/src/addons/storagemanager/pages/course-storage/course-storage.html
index da7458197..dc6499dfd 100644
--- a/src/addons/storagemanager/pages/course-storage/course-storage.html
+++ b/src/addons/storagemanager/pages/course-storage/course-storage.html
@@ -14,7 +14,7 @@
                 <ion-card-title *ngIf="!course.displayname">{{ course.fullname }}</ion-card-title>
                 <p class="ion-text-wrap">{{ 'addon.storagemanager.info' | translate }}</p>
                 <ion-item class="size ion-text-wrap ion-no-padding" lines="none">
-                    <ion-icon name="fas-archive" slot="start"></ion-icon>
+                    <ion-icon name="fas-archive" slot="start" aria-hidden="true"></ion-icon>
                     <ion-label>
                         <h2 class="ion-text-wrap">{{ 'addon.storagemanager.storageused' | translate }}</h2>
                     </ion-label>
@@ -45,7 +45,7 @@
                 <ion-card-content>
                     <ng-container *ngFor="let module of section.modules">
                         <ion-item class="ion-no-padding" *ngIf="module.totalSize! > 0">
-                            <img *ngIf="module.handlerData!.icon" [src]="module.handlerData!.icon" alt="" role="presentation"
+                            <img *ngIf="module.handlerData!.icon" [src]="module.handlerData!.icon" [alt]="module.modNameTranslated"
                                 class="core-module-icon" slot="start">
                             <ion-label class="ion-text-wrap">
                                 <h3 class="{{module.handlerData!.class}} addon-storagemanager-module-size">
diff --git a/src/addons/storagemanager/pages/course-storage/course-storage.ts b/src/addons/storagemanager/pages/course-storage/course-storage.ts
index b71582d05..b25ec4e4b 100644
--- a/src/addons/storagemanager/pages/course-storage/course-storage.ts
+++ b/src/addons/storagemanager/pages/course-storage/course-storage.ts
@@ -55,6 +55,8 @@ export class AddonStorageManagerCourseStoragePage implements OnInit {
             section.modules.forEach((module) => {
                 module.parentSection = section;
                 module.totalSize = 0;
+                module.modNameTranslated = CoreCourse.translateModuleName(module.modname) || '';
+
                 // Note: This function only gets the size for modules which are downloadable.
                 // For other modules it always returns 0, even if they have downloaded some files.
                 // However there is no 100% reliable way to actually track the files in this case.
@@ -225,4 +227,5 @@ type AddonStorageManagerCourseSection = Omit<CoreCourseSection, 'modules'> & {
 type AddonStorageManagerModule = CoreCourseModule & {
     parentSection?: AddonStorageManagerCourseSection;
     totalSize?: number;
+    modNameTranslated?: string;
 };
diff --git a/src/addons/storagemanager/pages/courses-storage/courses-storage.html b/src/addons/storagemanager/pages/courses-storage/courses-storage.html
index 11b8e47a0..c76e8c07f 100644
--- a/src/addons/storagemanager/pages/courses-storage/courses-storage.html
+++ b/src/addons/storagemanager/pages/courses-storage/courses-storage.html
@@ -13,7 +13,7 @@
                 <ion-card-title class="ion-text-wrap">{{ 'core.courses.courses' | translate }}</ion-card-title>
                 <p class="ion-text-wrap">{{ 'addon.storagemanager.info' | translate }}</p>
                 <ion-item class="size ion-text-wrap ion-no-padding" lines="none">
-                    <ion-icon name="fas-archive" slot="start"></ion-icon>
+                    <ion-icon name="fas-archive" slot="start" aria-hidden="true"></ion-icon>
                     <ion-label><h2 class="ion-text-wrap">{{ 'addon.storagemanager.storageused' | translate }}</h2></ion-label>
                     <p slot="end" class="ion-text-end">{{ totalSize | coreBytesToSize }}</p>
                     <ion-button slot="end" (click)="deleteCompletelyDownloadedCourses()"
diff --git a/src/core/components/attachments/core-attachments.html b/src/core/components/attachments/core-attachments.html
index a0d6143d0..612a5a3a6 100644
--- a/src/core/components/attachments/core-attachments.html
+++ b/src/core/components/attachments/core-attachments.html
@@ -33,6 +33,6 @@
 <ion-button expand="block"
     *ngIf="unlimitedFiles || (maxSubmissions !== undefined && maxSubmissions >= 0 && files && files.length < maxSubmissions)"
     class="ion-text-wrap ion-margin" (click)="add()">
-    <ion-icon name="fas-plus" slot="start"></ion-icon>
+    <ion-icon name="fas-plus" slot="start" aria-hidden="true"></ion-icon>
     {{ 'core.fileuploader.addfiletext' | translate }}
 </ion-button>
diff --git a/src/core/components/chart/core-chart.html b/src/core/components/chart/core-chart.html
index 79c617a77..c0f03eb55 100644
--- a/src/core/components/chart/core-chart.html
+++ b/src/core/components/chart/core-chart.html
@@ -1,8 +1,8 @@
 <canvas #canvas [attr.height]="height"></canvas>
 
-<ion-list *ngIf="chart" inset="true">
+<ion-list *ngIf="chart">
     <ion-item *ngFor="let data of chart.legend!.legendItems">
-        <ion-icon name="square" slot="start" [style.color]="data.fillStyle"></ion-icon>
+        <ion-icon name="fas-square" slot="start" [style.color]="data.fillStyle" aria-hidden="true"></ion-icon>
         <ion-label>{{data.text}}</ion-label>
     </ion-item>
 </ion-list>
diff --git a/src/core/components/context-menu/core-context-menu.html b/src/core/components/context-menu/core-context-menu.html
index adac51104..00f169708 100644
--- a/src/core/components/context-menu/core-context-menu.html
+++ b/src/core/components/context-menu/core-context-menu.html
@@ -1,6 +1,6 @@
 <ion-button [hidden]="hideMenu" fill="clear" [attr.aria-label]="ariaLabel"
 (click)="showContextMenu($event)" aria-haspopup="true" [attr.aria-expanded]="expanded" [attr.aria-controls]="uniqueId">
-    <ion-icon [name]="icon" slot="icon-only">
+    <ion-icon [name]="icon" slot="icon-only" aria-hidden="true">
     </ion-icon>
 </ion-button>
 <ng-content></ng-content>
diff --git a/src/core/components/download-refresh/core-download-refresh.html b/src/core/components/download-refresh/core-download-refresh.html
index 4c9c00db2..b199a90f0 100644
--- a/src/core/components/download-refresh/core-download-refresh.html
+++ b/src/core/components/download-refresh/core-download-refresh.html
@@ -2,14 +2,14 @@
     <!-- Download button. -->
     <ion-button *ngIf="status == statusNotDownloaded" fill="clear" (click)="download($event, false)" color="dark"
         [@coreShowHideAnimation] [attr.aria-label]="(statusTranslatable || 'core.download') | translate">
-        <ion-icon slot="icon-only" name="cloud-download"></ion-icon>
+        <ion-icon slot="icon-only" name="cloud-download" aria-hidden="true"></ion-icon>
     </ion-button>
 
     <!-- Refresh button. -->
     <ion-button *ngIf="status == statusOutdated || (status == statusDownloaded && !canTrustDownload)" fill="clear"
         (click)="download($event, true)" color="dark" [@coreShowHideAnimation]
         [attr.aria-label]="(statusTranslatable || 'core.refresh') | translate">
-        <ion-icon slot="icon-only" name="fas-redo-alt"></ion-icon>
+        <ion-icon slot="icon-only" name="fas-redo-alt" aria-hidden="true"></ion-icon>
     </ion-button>
 
     <!-- Downloaded status icon. -->
diff --git a/src/core/components/empty-box/core-empty-box.html b/src/core/components/empty-box/core-empty-box.html
index b15958be0..2cb3e0a68 100644
--- a/src/core/components/empty-box/core-empty-box.html
+++ b/src/core/components/empty-box/core-empty-box.html
@@ -1,7 +1,7 @@
 <div class="core-empty-box ion-padding" [class.core-empty-box-inline]="(!image && !icon) || inline">
     <div class="core-empty-box-content">
-        <img *ngIf="image && !icon" [src]="image" role="presentation">
-        <ion-icon *ngIf="icon" [name]="icon" [class.icon-flip-rtl]="flipIconRtl">
+        <img *ngIf="image && !icon" [src]="image" role="presentation" aria-hidden="true">
+        <ion-icon *ngIf="icon" [name]="icon" [class.icon-flip-rtl]="flipIconRtl" role="presentation" aria-hidden="true">
         </ion-icon>
         <p *ngIf="message" [class.ion-padding-top]="image || icon">{{ message }}</p>
         <ng-content></ng-content>
diff --git a/src/core/components/file/core-file.html b/src/core/components/file/core-file.html
index 71d1798c4..4b0dd5522 100644
--- a/src/core/components/file/core-file.html
+++ b/src/core/components/file/core-file.html
@@ -14,7 +14,7 @@
 
         <ion-button fill="clear" *ngIf="!isDownloading && canDelete" (click)="delete($event)"
             [attr.aria-label]="'core.delete' | translate" color="danger">
-            <ion-icon slot="icon-only" name="fas-trash"></ion-icon>
+            <ion-icon slot="icon-only" name="fas-trash" aria-hidden="true"></ion-icon>
         </ion-button>
     </div>
 </ion-item>
diff --git a/src/core/components/local-file/core-local-file.html b/src/core/components/local-file/core-local-file.html
index 510727bba..d357bb032 100644
--- a/src/core/components/local-file/core-local-file.html
+++ b/src/core/components/local-file/core-local-file.html
@@ -20,15 +20,15 @@
         <div class="buttons" slot="end" *ngIf="manage">
             <ion-button *ngIf="!editMode" fill="clear" [core-suppress-events] (onClick)="activateEdit($event)"
                 [attr.aria-label]="'core.edit' | translate" color="dark">
-                <ion-icon name="fas-pen" slot="icon-only"></ion-icon>
+                <ion-icon name="fas-pen" slot="icon-only" aria-hidden="true"></ion-icon>
             </ion-button>
 
             <ion-button *ngIf="editMode" fill="clear" [attr.aria-label]="'core.save' | translate" color="success" type="submit">
-                <ion-icon name="fas-check" slot="icon-only"></ion-icon>
+                <ion-icon name="fas-check" slot="icon-only" aria-hidden="true"></ion-icon>
             </ion-button>
 
             <ion-button fill="clear" (click)="deleteFile($event)" [attr.aria-label]="'core.delete' | translate" color="danger">
-                <ion-icon name="fas-trash" slot="icon-only"></ion-icon>
+                <ion-icon name="fas-trash" slot="icon-only" aria-hidden="true"></ion-icon>
             </ion-button>
         </div>
     </ion-item>
diff --git a/src/core/components/mark-required/core-mark-required.html b/src/core/components/mark-required/core-mark-required.html
index bf5cd4897..f45d161e8 100644
--- a/src/core/components/mark-required/core-mark-required.html
+++ b/src/core/components/mark-required/core-mark-required.html
@@ -1,3 +1,4 @@
 <ng-content></ng-content>
-<ion-icon *ngIf="coreMarkRequired" class="core-input-required-asterisk" name="fas-asterisk" color="danger" [title]="requiredLabel">
+<ion-icon *ngIf="coreMarkRequired" class="core-input-required-asterisk" name="fas-asterisk" color="danger"
+    [attr.aria-label]="requiredLabel">
 </ion-icon>
diff --git a/src/core/components/navbar-buttons/navbar-buttons.ts b/src/core/components/navbar-buttons/navbar-buttons.ts
index 7bac66635..cb4534642 100644
--- a/src/core/components/navbar-buttons/navbar-buttons.ts
+++ b/src/core/components/navbar-buttons/navbar-buttons.ts
@@ -36,7 +36,7 @@ const BUTTON_HIDDEN_CLASS = 'core-navbar-button-hidden';
  *
  * <core-navbar-buttons slot="end">
  *     <ion-button [hidden]="!buttonShown" [attr.aria-label]="Do something" (click)="action()">
- *         <ion-icon name="funnel" slot="icon-only"></ion-icon>
+ *         <ion-icon name="funnel" slot="icon-only" aria-hidden="true"></ion-icon>
  *     </ion-button>
  * </core-navbar-buttons>
  */
diff --git a/src/core/components/navigation-bar/core-navigation-bar.html b/src/core/components/navigation-bar/core-navigation-bar.html
index 3fdb8a357..4e5528ec7 100644
--- a/src/core/components/navigation-bar/core-navigation-bar.html
+++ b/src/core/components/navigation-bar/core-navigation-bar.html
@@ -3,22 +3,24 @@
         <ion-col class="ion-text-start" size="4">
             <ion-button *ngIf="previous" class="core-navigation-bar-arrow" color="light"
                 [title]="previousTitle || ('core.previous' | translate)" (click)="action?.emit(previous)">
-                <ion-icon name="fas-arrow-left" [slot]="previousTitle ? 'start' : 'icon-only'"></ion-icon>
+                <ion-icon name="fas-arrow-left" [slot]="previousTitle ? 'start' : 'icon-only'" aria-hidden="true"></ion-icon>
                 <core-format-text *ngIf="previousTitle" [text]="previousTitle" [component]="component" [componentId]="componentId"
-                    [contextLevel]="contextLevel" [contextInstanceId]="contextInstanceId" [courseId]="courseId"></core-format-text>
+                    [contextLevel]="contextLevel" [contextInstanceId]="contextInstanceId" [courseId]="courseId" aria-hidden="true">
+                </core-format-text>
             </ion-button>
         </ion-col>
         <ion-col class="ion-text-center ion-padding-horizontal" size="4">
-            <ion-button fill="clear" *ngIf="info" (click)="showInfo()" [title]="title">
-                <ion-icon slot="icon-only" name="fas-info-circle"></ion-icon>
+            <ion-button fill="clear" *ngIf="info" (click)="showInfo()" [attr.aria-label]="title">
+                <ion-icon slot="icon-only" name="fas-info-circle" aria-hidden="true"></ion-icon>
             </ion-button>
         </ion-col>
         <ion-col class="ion-text-end" size="4">
-            <ion-button *ngIf="next" class="core-navigation-bar-arrow" [title]="nextTitle || ('core.next' | translate)"
+            <ion-button *ngIf="next" class="core-navigation-bar-arrow" [attr.aria-label]="nextTitle || ('core.next' | translate)"
                 (click)="action?.emit(next)">
                 <core-format-text *ngIf="nextTitle" [text]="nextTitle" [component]="component" [componentId]="componentId"
-                    [contextLevel]="contextLevel" [contextInstanceId]="contextInstanceId" [courseId]="courseId"></core-format-text>
-                <ion-icon name="fas-arrow-right" [slot]="nextTitle ? 'end' : 'icon-only'"></ion-icon>
+                    [contextLevel]="contextLevel" [contextInstanceId]="contextInstanceId" [courseId]="courseId" aria-hidden="true">
+                </core-format-text>
+                <ion-icon name="fas-arrow-right" [slot]="nextTitle ? 'end' : 'icon-only'" aria-hidden="true"></ion-icon>
             </ion-button>
         </ion-col>
     </ion-row>
diff --git a/src/core/components/recaptcha/core-recaptcha-modal.html b/src/core/components/recaptcha/core-recaptcha-modal.html
index 604fefa7c..74296c2a2 100644
--- a/src/core/components/recaptcha/core-recaptcha-modal.html
+++ b/src/core/components/recaptcha/core-recaptcha-modal.html
@@ -4,7 +4,7 @@
 
         <ion-buttons slot="end">
             <ion-button (click)="closeModal()" [attr.aria-label]="'core.close' | translate">
-                <ion-icon slot="icon-only" name="fas-times"></ion-icon>
+                <ion-icon slot="icon-only" name="fas-times" aria-hidden="true"></ion-icon>
             </ion-button>
         </ion-buttons>
     </ion-toolbar>
diff --git a/src/core/components/send-message-form/core-send-message-form.html b/src/core/components/send-message-form/core-send-message-form.html
index 75d27f779..605851cf5 100644
--- a/src/core/components/send-message-form/core-send-message-form.html
+++ b/src/core/components/send-message-form/core-send-message-form.html
@@ -6,7 +6,7 @@
     <ion-buttons>
         <ion-button fill="clear" type="submit" [disabled]="!message || sendDisabled"
             [attr.aria-label]="'core.send' | translate" [core-suppress-events] (onClick)="submitForm($event)">
-            <ion-icon name="send" color="dark" slot="icon-only"></ion-icon>
+            <ion-icon name="send" color="dark" slot="icon-only" aria-hidden="true"></ion-icon>
         </ion-button>
     </ion-buttons>
 </form>
diff --git a/src/core/components/show-password/core-show-password.html b/src/core/components/show-password/core-show-password.html
index 2aed670d7..b33aefbdd 100644
--- a/src/core/components/show-password/core-show-password.html
+++ b/src/core/components/show-password/core-show-password.html
@@ -1,4 +1,4 @@
 <ng-content></ng-content>
 <ion-button fill="clear" [attr.aria-label]="label | translate" core-suppress-events (onClick)="toggle($event)">
-    <ion-icon [name]="iconName" slot="icon-only"></ion-icon>
+    <ion-icon [name]="iconName" slot="icon-only" aria-hidden="true"></ion-icon>
 </ion-button>
diff --git a/src/core/components/tabs-outlet/core-tabs-outlet.html b/src/core/components/tabs-outlet/core-tabs-outlet.html
index 58c5efbeb..e20d9a1ea 100644
--- a/src/core/components/tabs-outlet/core-tabs-outlet.html
+++ b/src/core/components/tabs-outlet/core-tabs-outlet.html
@@ -3,7 +3,7 @@
         <ion-spinner *ngIf="!hideUntil"></ion-spinner>
         <ion-row *ngIf="hideUntil">
             <ion-col class="col-with-arrow ion-no-padding" (click)="slidePrev()" size="1">
-                <ion-icon *ngIf="showPrevButton" name="fas-chevron-left"></ion-icon>
+                <ion-icon *ngIf="showPrevButton" name="fas-chevron-left" [attr.aria-label]="'core.previous' | translate"></ion-icon>
             </ion-col>
             <ion-col class="ion-no-padding" size="10">
                 <ion-slides (ionSlideDidChange)="slideChanged()" [options]="slidesOpts" [dir]="direction" role="tablist"
@@ -12,11 +12,10 @@
                         <ion-slide [hidden]="!hideUntil" [attr.aria-selected]="selected == tab.id" class="tab-slide" role="tab"
                             [attr.aria-label]="tab.title | translate" [attr.aria-controls]="tab.id" [id]="tab.id! + '-tab'"
                             [tabindex]="selected == tab.id ? null : -1">
-
                             <ion-tab-button (ionTabButtonClick)="selectTab(tab.id, $event)" [tab]="tab.page" [layout]="layout"
-                                class="{{tab.class}}">
-                                <ion-icon *ngIf="tab.icon" [name]="tab.icon"></ion-icon>
-                                <ion-label>{{ tab.title | translate}}</ion-label>
+                                class="{{tab.class}}" [attr.aria-label]="tab.title | translate">
+                                <ion-icon *ngIf="tab.icon" aria-hidden="true"></ion-icon>
+                                <ion-label aria-hidden="true">{{ tab.title | translate}}</ion-label>
                                 <ion-badge *ngIf="tab.badge">{{ tab.badge }}</ion-badge>
                             </ion-tab-button>
                         </ion-slide>
@@ -24,7 +23,7 @@
                 </ion-slides>
             </ion-col>
             <ion-col class="col-with-arrow ion-no-padding" (click)="slideNext()" size="1">
-                <ion-icon *ngIf="showNextButton" name="fas-chevron-right"></ion-icon>
+                <ion-icon *ngIf="showNextButton" name="fas-chevron-right" [attr.aria-label]="'core.next' | translate"></ion-icon>
             </ion-col>
         </ion-row>
     </ion-tab-bar>
diff --git a/src/core/components/tabs/core-tabs.html b/src/core/components/tabs/core-tabs.html
index 033c12d41..fbba11446 100644
--- a/src/core/components/tabs/core-tabs.html
+++ b/src/core/components/tabs/core-tabs.html
@@ -2,24 +2,25 @@
     <ion-spinner *ngIf="!hideUntil"></ion-spinner>
     <ion-row *ngIf="hideUntil">
         <ion-col class="col-with-arrow ion-no-padding" (click)="slidePrev()" size="1">
-            <ion-icon *ngIf="showPrevButton" name="fas-chevron-left"></ion-icon>
+            <ion-icon *ngIf="showPrevButton" name="fas-chevron-left" [attr.aria-label]="'core.previous' | translate"></ion-icon>
         </ion-col>
         <ion-col class="ion-no-padding" size="10">
             <ion-slides (ionSlideDidChange)="slideChanged()" [options]="slidesOpts" [dir]="direction" role="tablist"
                 [attr.aria-label]="description" aria-hidden="false">
                 <ng-container *ngFor="let tab of tabs">
-                    <ion-slide *ngIf="tab.enabled" [hidden]="!hideUntil" [attr.aria-selected]="selected == tab.id" class="tab-slide {{tab.class}}"
-                        role="tab" [attr.aria-label]="tab.title | translate" [attr.aria-controls]="tab.id" [id]="tab.id! + '-tab'"
-                        [tabindex]="selected == tab.id ? null : -1" (click)="selectTab(tab.id, $event)">
-                        <ion-icon *ngIf="tab.icon" [name]="tab.icon"></ion-icon>
-                        <ion-label>{{ tab.title | translate}}</ion-label>
+                    <ion-slide *ngIf="tab.enabled" [hidden]="!hideUntil" [attr.aria-selected]="selected == tab.id"
+                        class="tab-slide {{tab.class}}" role="tab" [attr.aria-label]="tab.title | translate"
+                        [attr.aria-controls]="tab.id" [id]="tab.id! + '-tab'" [tabindex]="selected == tab.id ? null : -1"
+                        (click)="selectTab(tab.id, $event)" [attr.aria-label]="tab.title | translate">
+                        <ion-icon *ngIf="tab.icon" [name]="tab.icon" aria-hidden="true"></ion-icon>
+                        <ion-label aria-hidden="true">{{ tab.title | translate}}</ion-label>
                         <ion-badge *ngIf="tab.badge">{{ tab.badge }}</ion-badge>
                     </ion-slide>
                 </ng-container>
             </ion-slides>
         </ion-col>
         <ion-col class="col-with-arrow ion-no-padding" (click)="slideNext()" size="1">
-            <ion-icon *ngIf="showNextButton" name="fas-chevron-right"></ion-icon>
+            <ion-icon *ngIf="showNextButton" name="fas-chevron-right" [attr.aria-label]="'core.next' | translate"></ion-icon>
         </ion-col>
     </ion-row>
 </ion-tab-bar>
diff --git a/src/core/components/timer/core-timer.html b/src/core/components/timer/core-timer.html
index d2bf2181f..98212c438 100644
--- a/src/core/components/timer/core-timer.html
+++ b/src/core/components/timer/core-timer.html
@@ -1,6 +1,6 @@
 <ion-item lines="none" class="core-timer" role="timer"
     [ngClass]="{'ion-text-center': align == 'center', 'ion-text-end': align == 'right'}">
-    <ion-icon name="fas-clock" slot="start" role="presentation"></ion-icon>
+    <ion-icon name="fas-clock" slot="start" aria-hidden="true"></ion-icon>
     <ion-label>
         <span *ngIf="timeLeft && timeLeft > 0 && timerText" class="core-timer-text">{{ timerText }}</span>
         <span *ngIf="timeLeft && timeLeft > 0" class="core-timer-time-left">{{ timeLeft | coreSecondsToHMS }}</span>
diff --git a/src/core/features/block/components/only-title-block/core-block-only-title.html b/src/core/features/block/components/only-title-block/core-block-only-title.html
index c919a85a1..1579508db 100644
--- a/src/core/features/block/components/only-title-block/core-block-only-title.html
+++ b/src/core/features/block/components/only-title-block/core-block-only-title.html
@@ -1,4 +1,4 @@
 <ion-item-divider class="ion-text-wrap" (click)="gotoBlock()">
     <ion-label><h2>{{ title | translate }}</h2></ion-label>
-    <ion-icon class="item-detail-icon" name="chevron-forward-outline" slot="end" flip-rtl></ion-icon>
+    <ion-icon class="item-detail-icon" name="chevron-forward-outline" slot="end" flip-rtl aria-hidden="true"></ion-icon>
 </ion-item-divider>
diff --git a/src/core/features/comments/components/add/add.html b/src/core/features/comments/components/add/add.html
index 3afd70a3a..8d163f380 100644
--- a/src/core/features/comments/components/add/add.html
+++ b/src/core/features/comments/components/add/add.html
@@ -3,7 +3,7 @@
         <ion-title>{{ 'core.comments.addcomment' | translate }}</ion-title>
         <ion-buttons slot="end">
             <ion-button (click)="closeModal()" [attr.aria-label]="'core.close' | translate">
-                <ion-icon name="fas-times" slot="icon-only"></ion-icon>
+                <ion-icon name="fas-times" slot="icon-only" aria-hidden=true></ion-icon>
             </ion-button>
         </ion-buttons>
     </ion-toolbar>
diff --git a/src/core/features/comments/pages/viewer/viewer.html b/src/core/features/comments/pages/viewer/viewer.html
index e2700aaf3..e53d03497 100644
--- a/src/core/features/comments/pages/viewer/viewer.html
+++ b/src/core/features/comments/pages/viewer/viewer.html
@@ -9,8 +9,8 @@
         </ion-title>
         <ion-buttons slot="end">
             <ion-button *ngIf="canDeleteComments" slot="end" fill="clear" (click)="toggleDelete()"
-                [attr.aria-label]="'core.delete' | translate">
-                <ion-icon name="fas-pen" slot="icon-only"></ion-icon>
+                [attr.aria-label]="'core.toggledelete' | translate">
+                <ion-icon name="fas-pen" slot="icon-only" aria-hidden="true"></ion-icon>
             </ion-button>
             <core-context-menu>
                 <core-context-menu-item [hidden]="!(commentsLoaded && !hasOffline)" [priority]="100"
@@ -36,7 +36,7 @@
 
         <ion-card class="core-warning-card" *ngIf="hasOffline">
             <ion-item>
-                <ion-icon name="fas-exclamation-triangle" slot="start"></ion-icon>
+                <ion-icon name="fas-exclamation-triangle" slot="start" aria-hidden="true"></ion-icon>
                 <ion-label>
                     {{ 'core.thereisdatatosync' | translate:{$a: 'core.comments.comments' | translate | lowercase } }}
                 </ion-label>
@@ -49,12 +49,12 @@
                 <ion-label>
                     <h2>{{ offlineComment.fullname }}</h2>
                     <p>
-                        <ion-icon name="far-clock"></ion-icon> {{ 'core.notsent' | translate }}
+                        <ion-icon name="fas-clock" aria-hidden="true"></ion-icon> {{ 'core.notsent' | translate }}
                     </p>
                 </ion-label>
                 <ion-button *ngIf="showDelete" slot="end" fill="clear" [@coreSlideInOut]="'fromRight'" color="danger"
                     (click)="deleteComment($event, offlineComment)" [attr.aria-label]="'core.delete' | translate">
-                    <ion-icon name="fas-trash" slot="icon-only"></ion-icon>
+                    <ion-icon name="fas-trash" slot="icon-only" aria-hidden="true"></ion-icon>
                 </ion-button>
             </ion-item>
             <ion-item class="ion-text-wrap">
@@ -73,7 +73,7 @@
                     <h2>{{ comment.fullname }}</h2>
                     <p *ngIf="!comment.deleted">{{ comment.timecreated * 1000 | coreFormatDate: 'strftimerecentfull' }}</p>
                     <p *ngIf="comment.deleted">
-                        <ion-icon name="fas-trash"></ion-icon> <span class="ion-text-wrap">
+                        <ion-icon name="fas-trash" aria-hidden="true"></ion-icon> <span class="ion-text-wrap">
                             {{ 'core.deletedoffline' | translate }}
                         </span>
                     </p>
@@ -81,11 +81,11 @@
                 <ion-button *ngIf="showDelete && !comment.deleted && comment.delete" slot="end" fill="clear"
                     [@coreSlideInOut]="'fromRight'" color="danger" (click)="deleteComment($event, comment)"
                     [attr.aria-label]="'core.delete' | translate">
-                    <ion-icon name="fas-trash" slot="icon-only"></ion-icon>
+                    <ion-icon name="fas-trash" slot="icon-only" aria-hidden="true"></ion-icon>
                 </ion-button>
                 <ion-button *ngIf="showDelete && comment.deleted" slot="end" fill="clear" color="danger"
                     (click)="undoDeleteComment($event, comment)" [attr.aria-label]="'core.restore' | translate">
-                    <ion-icon name="fas-undo-alt" slot="icon-only"></ion-icon>
+                    <ion-icon name="fas-undo-alt" slot="icon-only" aria-hidden="true"></ion-icon>
                 </ion-button>
             </ion-item>
             <ion-item class="ion-text-wrap">
@@ -102,7 +102,7 @@
 
     <ion-fab slot="fixed" core-fab vertical="bottom" horizontal="end" *ngIf="canAddComments">
         <ion-fab-button (click)="addComment($event)" [attr.aria-label]="'core.comments.addcomment' | translate">
-            <ion-icon name="fas-plus"></ion-icon>
+            <ion-icon name="fas-plus" aria-hidden="true"></ion-icon>
         </ion-fab-button>
     </ion-fab>
 </ion-content>
diff --git a/src/core/features/course/components/format/core-course-format.html b/src/core/features/course/components/format/core-course-format.html
index 9e59df15f..344438813 100644
--- a/src/core/features/course/components/format/core-course-format.html
+++ b/src/core/features/course/components/format/core-course-format.html
@@ -97,14 +97,14 @@
             <ion-buttons class="ion-padding core-course-section-nav-buttons safe-padding-horizontal"
                 *ngIf="displaySectionSelector && sections?.length">
                 <ion-button *ngIf="previousSection" color="light" (click)="sectionChanged(previousSection)"
-                    title="{{ 'core.previous' | translate }}">
-                    <ion-icon name="fas-chevron-left" slot="icon-only"></ion-icon>
+                    [attr.aria-label]="'core.previous' | translate">
+                    <ion-icon name="fas-chevron-left" slot="icon-only" aria-hidden="true"></ion-icon>
                     <core-format-text class="accesshide" [text]="previousSection.name" contextLevel="course"
                         [contextInstanceId]="course?.id">
                     </core-format-text>
                 </ion-button>
-                <ion-button *ngIf="nextSection" (click)="sectionChanged(nextSection)" title="{{ 'core.next' | translate }}">
-                    <ion-icon name="fas-chevron-right" slot="icon-only"></ion-icon>
+                <ion-button *ngIf="nextSection" (click)="sectionChanged(nextSection)" [attr.aria-label]="'core.next' | translate">
+                    <ion-icon name="fas-chevron-right" slot="icon-only" aria-hidden="true"></ion-icon>
                     <core-format-text class="accesshide" [text]="nextSection.name" contextLevel="course"
                         [contextInstanceId]="course?.id">
                     </core-format-text>
diff --git a/src/core/features/course/components/module/core-course-module.html b/src/core/features/course/components/module/core-course-module.html
index cf25c9990..17eab3cc1 100644
--- a/src/core/features/course/components/module/core-course-module.html
+++ b/src/core/features/course/components/module/core-course-module.html
@@ -5,7 +5,7 @@
     'core-not-clickable': !module.handlerData.action || module.uservisible === false}">
 
     <img slot="start" *ngIf="module.handlerData.icon" [src]="module.handlerData.icon" [alt]="modNameTranslated"
-        [attr.aria-hidden]="true" class="core-module-icon">
+        class="core-module-icon">
 
     <ion-label>
         <div class="core-module-title">
@@ -32,7 +32,7 @@
                         [hidden]="button.hidden || spinner || module.handlerData.spinner" class="core-animate-show-hide"
                         (click)="buttonClicked($event, button)"
                         [attr.aria-label]="button.label | translate:{$a: module.handlerData.title}">
-                        <ion-icon [name]="button.icon" slot="icon-only"></ion-icon>
+                        <ion-icon [name]="button.icon" slot="icon-only" aria-hidden="true"></ion-icon>
                     </ion-button>
                 </div>
             </div>
diff --git a/src/core/features/course/components/section-selector/section-selector.html b/src/core/features/course/components/section-selector/section-selector.html
index 43bff2a76..964ed6be8 100644
--- a/src/core/features/course/components/section-selector/section-selector.html
+++ b/src/core/features/course/components/section-selector/section-selector.html
@@ -3,7 +3,7 @@
         <ion-title>{{ 'core.course.sections' | translate }}</ion-title>
         <ion-buttons slot="end">
             <ion-button (click)="closeModal()" [attr.aria-label]="'core.close' | translate">
-                <ion-icon slot="icon-only" name="fas-times"></ion-icon>
+                <ion-icon slot="icon-only" name="fas-times" aria-hidden="true"></ion-icon>
             </ion-button>
         </ion-buttons>
     </ion-toolbar>
diff --git a/src/core/features/course/components/tag-area/core-course-tag-area.html b/src/core/features/course/components/tag-area/core-course-tag-area.html
index d7863d9e8..4b5e0a751 100644
--- a/src/core/features/course/components/tag-area/core-course-tag-area.html
+++ b/src/core/features/course/components/tag-area/core-course-tag-area.html
@@ -1,7 +1,7 @@
 <ion-item class="ion-text-wrap" *ngFor="let item of items" (click)="openCourse(item.courseId)" [title]="item.courseName">
-    <ion-icon name="fas-graduation-cap" slot="start"></ion-icon>
+    <ion-icon name="fas-graduation-cap" slot="start" aria-hidden="true"></ion-icon>
     <ion-label>
         <h2>{{ item.courseName }}</h2>
         <p *ngIf="item.categoryName">{{ 'core.category' | translate }}: {{ item.categoryName }}</p>
     </ion-label>
-</ion-item>
\ No newline at end of file
+</ion-item>
diff --git a/src/core/features/course/components/unsupported-module/core-course-unsupported-module.html b/src/core/features/course/components/unsupported-module/core-course-unsupported-module.html
index 2344ab316..d9d9a6b4e 100644
--- a/src/core/features/course/components/unsupported-module/core-course-unsupported-module.html
+++ b/src/core/features/course/components/unsupported-module/core-course-unsupported-module.html
@@ -19,7 +19,7 @@
         <p><strong>{{ 'core.course.useactivityonbrowser' | translate }}</strong></p>
         <ion-button expand="block" [href]="module.url" core-link>
             {{ 'core.openinbrowser' | translate }}
-            <ion-icon name="fas-external-link-alt" slot="end"></ion-icon>
+            <ion-icon name="fas-external-link-alt" slot="end" aria-hidden="true"></ion-icon>
         </ion-button>
     </div>
-</div>
\ No newline at end of file
+</div>
diff --git a/src/core/features/course/pages/preview/preview.html b/src/core/features/course/pages/preview/preview.html
index c53eb740a..4941d216d 100644
--- a/src/core/features/course/pages/preview/preview.html
+++ b/src/core/features/course/pages/preview/preview.html
@@ -20,8 +20,8 @@
         </div>
         <div class="core-course-thumb-parallax-content" *ngIf="course">
             <ion-item class="ion-text-wrap" (click)="openCourse()" [title]="course.fullname"
-                [attr.details]="!avoidOpenCourse && canAccessCourse">
-                <ion-icon name="fas-graduation-cap" fixed-width slot="start"></ion-icon>
+                [detail]="!avoidOpenCourse && canAccessCourse">
+                <ion-icon name="fas-graduation-cap" fixed-width slot="start" aria-hidden="true"></ion-icon>
                 <ion-label>
                     <h2>
                         <core-format-text [text]="course.fullname" contextLevel="course" [contextInstanceId]="course.id">
@@ -105,21 +105,21 @@
             <ion-item *ngIf="canAccessCourse && downloadCourseEnabled" (click)="prefetchCourse()" detail="false"
                     [attr.aria-label]="prefetchCourseData.statusTranslatable | translate">
                 <ion-icon *ngIf="(prefetchCourseData.status != statusDownloaded) && !prefetchCourseData.loading"
-                    [name]="prefetchCourseData.icon" slot="start">
+                    [name]="prefetchCourseData.icon" slot="start" aria-hidden="true">
                 </ion-icon>
                 <ion-icon *ngIf="(prefetchCourseData.status == statusDownloaded) && !prefetchCourseData.loading"
                     slot="start" [name]="prefetchCourseData.icon" color="success"
-                    [attr.aria-label]="prefetchCourseData.statusTranslatable | translate" role="status">
+                    aria-hidden="true" role="status">
                 </ion-icon>
                 <ion-spinner *ngIf="prefetchCourseData.loading" slot="start"></ion-spinner>
                 <ion-label><h2>{{ 'core.course.downloadcourse' | translate }}</h2></ion-label>
             </ion-item>
             <ion-item (click)="openCourse()" [title]="course.fullname" *ngIf="!avoidOpenCourse && canAccessCourse">
-                <ion-icon name="fas-briefcase" slot="start"></ion-icon>
+                <ion-icon name="fas-briefcase" slot="start" aria-hidden="true"></ion-icon>
                 <ion-label><h2>{{ 'core.course.contents' | translate }}</h2></ion-label>
             </ion-item>
             <ion-item [href]="courseUrl" core-link [title]="course.fullname">
-                <ion-icon name="fas-external-link-alt" slot="start"></ion-icon>
+                <ion-icon name="fas-external-link-alt" slot="start" aria-hidden="true"></ion-icon>
                 <ion-label><h2>{{ 'core.openinbrowser' | translate }}</h2></ion-label>
             </ion-item>
         </div>
diff --git a/src/core/features/courses/components/course-options-menu/core-courses-course-options-menu.html b/src/core/features/courses/components/course-options-menu/core-courses-course-options-menu.html
index 95e5294e3..e1ff79574 100644
--- a/src/core/features/courses/components/course-options-menu/core-courses-course-options-menu.html
+++ b/src/core/features/courses/components/course-options-menu/core-courses-course-options-menu.html
@@ -1,26 +1,25 @@
 <ion-item button class="ion-text-wrap" (click)="action('download')" *ngIf="downloadCourseEnabled">
-    <ion-icon *ngIf="!prefetch.loading" [name]="prefetch.icon" slot="start"></ion-icon>
+    <ion-icon *ngIf="!prefetch.loading" [name]="prefetch.icon" slot="start" aria-hidden="true"></ion-icon>
     <ion-spinner *ngIf="prefetch.loading" slot="start"></ion-spinner>
     <ion-label><h2>{{ prefetch.statusTranslatable | translate }}</h2></ion-label>
 </ion-item>
 <ion-item button class="ion-text-wrap" (click)="action('delete')" *ngIf="prefetch.status == 'downloaded' || prefetch.status == 'outdated'">
-    <ion-icon name="fas-trash" slot="start"></ion-icon>
+    <ion-icon name="fas-trash" slot="start" aria-hidden="true"></ion-icon>
     <ion-label><h2>{{ 'addon.storagemanager.deletecourse' | translate }}</h2></ion-label>
 </ion-item>
 <ion-item button class="ion-text-wrap" (click)="action('hide')" *ngIf="!course.hidden">
-    <ion-icon name="fas-eye" slot="start"></ion-icon>
+    <ion-icon name="fas-eye" slot="start" aria-hidden="true"></ion-icon>
     <ion-label><h2>{{ 'core.courses.hidecourse' | translate }}</h2></ion-label>
 </ion-item>
 <ion-item button class="ion-text-wrap" (click)="action('show')" *ngIf="course.hidden">
-    <ion-icon name="fas-eye-slash" slot="start"></ion-icon>
+    <ion-icon name="fas-eye-slash" slot="start" aria-hidden="true"></ion-icon>
     <ion-label><h2>{{ 'core.courses.show' | translate }}</h2></ion-label>
 </ion-item>
 <ion-item button class="ion-text-wrap" (click)="action('favourite')" *ngIf="!course.isfavourite">
-    <ion-icon name="fas-star" slot="start"></ion-icon>
+    <ion-icon name="fas-star" slot="start" aria-hidden="true"></ion-icon>
     <ion-label><h2>{{ 'core.courses.addtofavourites' | translate }}</h2></ion-label>
 </ion-item>
 <ion-item button class="ion-text-wrap" (click)="action('unfavourite')" *ngIf="course.isfavourite">
-    <ion-icon name="far-star" slot="start"></ion-icon>
+    <ion-icon name="far-star" slot="start" aria-hidden="true"></ion-icon>
     <ion-label><h2>{{ 'core.courses.removefromfavourites' | translate }}</h2></ion-label>
 </ion-item>
-
diff --git a/src/core/features/courses/components/course-progress/core-courses-course-progress.html b/src/core/features/courses/components/course-progress/core-courses-course-progress.html
index c226b41e0..b59b337e5 100644
--- a/src/core/features/courses/components/course-progress/core-courses-course-progress.html
+++ b/src/core/features/courses/components/course-progress/core-courses-course-progress.html
@@ -49,7 +49,7 @@
             <!-- Options menu. -->
             <ion-button fill="clear" color="dark" (click)="showCourseOptionsMenu($event)" *ngIf="!showSpinner"
                 [attr.aria-label]="('core.displayoptions' | translate)">
-                <ion-icon name="ellipsis-vertical" slot="icon-only"></ion-icon>
+                <ion-icon name="ellipsis-vertical" slot="icon-only" aria-hidden="true"></ion-icon>
             </ion-button>
         </div>
     </ion-item>
diff --git a/src/core/features/courses/components/self-enrol-password/self-enrol-password.html b/src/core/features/courses/components/self-enrol-password/self-enrol-password.html
index 71888137f..74eea5067 100644
--- a/src/core/features/courses/components/self-enrol-password/self-enrol-password.html
+++ b/src/core/features/courses/components/self-enrol-password/self-enrol-password.html
@@ -4,7 +4,7 @@
 
         <ion-buttons slot="end">
             <ion-button (click)="close()" [attr.aria-label]="'core.close' | translate">
-                <ion-icon name="fas-times" slot="icon-only"></ion-icon>
+                <ion-icon name="fas-times" slot="icon-only" aria-hidden="true"></ion-icon>
             </ion-button>
         </ion-buttons>
     </ion-toolbar>
diff --git a/src/core/features/courses/pages/categories/categories.html b/src/core/features/courses/pages/categories/categories.html
index ebd473071..1221825b0 100644
--- a/src/core/features/courses/pages/categories/categories.html
+++ b/src/core/features/courses/pages/categories/categories.html
@@ -15,7 +15,7 @@
     </ion-refresher>
     <core-loading [hideUntil]="categoriesLoaded">
         <ion-item *ngIf="currentCategory" class="ion-text-wrap">
-            <ion-icon name="fas-folder" slot="start"></ion-icon>
+            <ion-icon name="fas-folder" slot="start" [attr.aria-label]="'core.category' | translate"></ion-icon>
             <ion-label>
                 <h2>
                     <core-format-text [text]="currentCategory!.name" contextLevel="coursecat"
@@ -42,7 +42,7 @@
                 <ion-item class="ion-text-wrap" router-direction="forward"
                 [routerLink]="['/main/home/courses/categories', category.id]"
                 [title]="category.name" detail>
-                    <ion-icon name="fas-folder" slot="start"></ion-icon>
+                    <ion-icon name="fas-folder" slot="start" [attr.aria-label]="'core.category' | translate"></ion-icon>
                     <ion-label>
                         <h2>
                             <core-format-text [text]="category.name" contextLevel="coursecat" [contextInstanceId]="category.id">
diff --git a/src/core/features/courses/pages/dashboard/dashboard.html b/src/core/features/courses/pages/dashboard/dashboard.html
index b7daa49e9..e2dc1b171 100644
--- a/src/core/features/courses/pages/dashboard/dashboard.html
+++ b/src/core/features/courses/pages/dashboard/dashboard.html
@@ -1,6 +1,6 @@
 <core-navbar-buttons slot="end">
     <ion-button *ngIf="searchEnabled" (click)="openSearch()" [attr.aria-label]="'core.courses.searchcourses' | translate">
-        <ion-icon name="fas-search" slot="icon-only"></ion-icon>
+        <ion-icon name="fas-search" slot="icon-only" aria-hidden="true"></ion-icon>
     </ion-button>
     <core-context-menu>
         <core-context-menu-item *ngIf="(downloadCourseEnabled || downloadCoursesEnabled)" [priority]="1000"
diff --git a/src/core/features/courses/pages/my-courses/my-courses.html b/src/core/features/courses/pages/my-courses/my-courses.html
index 8a1bf3da5..b0e57f1c8 100644
--- a/src/core/features/courses/pages/my-courses/my-courses.html
+++ b/src/core/features/courses/pages/my-courses/my-courses.html
@@ -7,12 +7,13 @@
 
         <ion-buttons slot="end">
             <core-navbar-buttons>
-                <ion-button *ngIf="searchEnabled" (click)="openSearch()" [attr.aria-label]="'core.courses.searchcourses' | translate">
-                    <ion-icon name="fas-search" slot="icon-only"></ion-icon>
+                <ion-button *ngIf="searchEnabled" (click)="openSearch()"
+                    [attr.aria-label]="'core.courses.searchcourses' | translate">
+                    <ion-icon name="fas-search" slot="icon-only" aria-hidden="true"></ion-icon>
                 </ion-button>
                 <ion-button [hidden]="!downloadAllCoursesEnabled || !courses || courses.length < 2 || downloadAllCoursesLoading"
                 (click)="prefetchCourses()" [attr.aria-label]="'core.courses.downloadcourses' | translate">
-                    <ion-icon [name]="downloadAllCoursesIcon" slot="icon-only"></ion-icon>
+                    <ion-icon [name]="downloadAllCoursesIcon" slot="icon-only" aria-hidden="true"></ion-icon>
                 </ion-button>
                 <ion-spinner [hidden]="!downloadAllCoursesEnabled || !courses || courses.length < 2 ||
                     downloadAllCoursesBadge != '' || !downloadAllCoursesLoading"
diff --git a/src/core/features/editor/components/rich-text-editor/core-editor-rich-text-editor.html b/src/core/features/editor/components/rich-text-editor/core-editor-rich-text-editor.html
index d2187aefc..ef4b82745 100644
--- a/src/core/features/editor/components/rich-text-editor/core-editor-rich-text-editor.html
+++ b/src/core/features/editor/components/rich-text-editor/core-editor-rich-text-editor.html
@@ -9,105 +9,105 @@
     </ion-textarea>
 
     <div class="core-rte-info-message" *ngIf="infoMessage">
-        <ion-icon name="fas-info-circle"></ion-icon>
+        <ion-icon name="fas-info-circle" aria-hidden="true"></ion-icon>
         {{ infoMessage | translate }}
     </div>
 </div>
 
 <div #toolbar class="core-rte-toolbar" [class.toolbar-hidden]="toolbarHidden">
     <button *ngIf="toolbarArrows" class="toolbar-arrow" [class.toolbar-arrow-hidden]="toolbarPrevHidden"
-        (click)="toolbarPrev($event)" (mousedown)="mouseDownAction($event)">
-        <ion-icon name="fas-chevron-left"></ion-icon>
+        (click)="toolbarPrev($event)" (mousedown)="mouseDownAction($event)" [attr.aria-label]="'core.previous' | translate">
+        <ion-icon name="fas-chevron-left" aria-hidden="true"></ion-icon>
     </button>
     <ion-slides [options]="slidesOpts" [dir]="direction" (ionSlideDidChange)="updateToolbarArrows()">
         <!-- https://developer.mozilla.org/en-US/docs/Web/API/Document/execCommand -->
         <ion-slide>
             <button [disabled]="!rteEnabled" [attr.aria-pressed]="toolbarStyles.strong" [title]="'core.editor.bold' | translate"
                 (click)="buttonAction($event, 'bold', 'strong')" (mousedown)="mouseDownAction($event)">
-                <ion-icon name="fas-bold"></ion-icon>
+                <ion-icon name="fas-bold" aria-hidden="true"></ion-icon>
             </button>
         </ion-slide>
         <ion-slide>
             <button [disabled]="!rteEnabled" [attr.aria-pressed]="toolbarStyles.em" (click)="buttonAction($event, 'italic', 'em')"
                 (mousedown)="mouseDownAction($event)" [title]=" 'core.editor.italic' | translate">
-                <ion-icon name="fas-italic"></ion-icon>
+                <ion-icon name="fas-italic" aria-hidden="true"></ion-icon>
             </button>
         </ion-slide>
         <ion-slide>
             <button [disabled]="!rteEnabled" [attr.aria-pressed]="toolbarStyles.u" (click)="buttonAction($event, 'underline', 'u')"
                 (mousedown)="mouseDownAction($event)" [title]="'core.editor.underline' | translate">
-                <ion-icon name="fas-underline"></ion-icon>
+                <ion-icon name="fas-underline" aria-hidden="true"></ion-icon>
             </button>
         </ion-slide>
         <ion-slide>
             <button [disabled]="!rteEnabled" [attr.aria-pressed]="toolbarStyles.strike" [title]="'core.editor.strike' | translate"
                 (click)="buttonAction($event, 'strikethrough', 'strike')" (mousedown)="mouseDownAction($event)">
-                <ion-icon name="fas-strikethrough"></ion-icon>
+                <ion-icon name="fas-strikethrough" aria-hidden="true"></ion-icon>
             </button>
         </ion-slide>
         <ion-slide>
             <button [disabled]="!rteEnabled" [attr.aria-pressed]="toolbarStyles.p" (click)="buttonAction($event, 'p', 'block')"
                 (mousedown)="mouseDownAction($event)" [title]="'core.editor.p' | translate">
-                <ion-icon name="fas-paragraph"></ion-icon>
+                <ion-icon name="fas-paragraph" aria-hidden="true"></ion-icon>
             </button>
         </ion-slide>
         <ion-slide>
             <button [disabled]="!rteEnabled" [attr.aria-pressed]="toolbarStyles.h3" (click)="buttonAction($event, 'h3', 'block')"
                 (mousedown)="mouseDownAction($event)" [title]="'core.editor.h3' | translate">
-                <ion-icon name="fas-heading"></ion-icon>3
+                <ion-icon name="fas-heading" aria-hidden="true"></ion-icon><span aria-hidden="true">3</span>
             </button>
         </ion-slide>
         <ion-slide>
             <button [disabled]="!rteEnabled" [attr.aria-pressed]="toolbarStyles.h4" (click)="buttonAction($event, 'h4', 'block')"
                 (mousedown)="mouseDownAction($event)" [title]="'core.editor.h4' | translate">
-                <ion-icon name="fas-heading"></ion-icon>4
+                <ion-icon name="fas-heading" aria-hidden="true"></ion-icon><span aria-hidden="true">4</span>
             </button>
         </ion-slide>
         <ion-slide>
             <button [disabled]="!rteEnabled" [attr.aria-pressed]="toolbarStyles.h5" (click)="buttonAction($event, 'h5', 'block')"
                 (mousedown)="mouseDownAction($event)" [title]="'core.editor.h5' | translate">
-                <ion-icon name="fas-heading"></ion-icon>5
+                <ion-icon name="fas-heading" aria-hidden="true"></ion-icon><span aria-hidden="true">5</span>
             </button>
         </ion-slide>
         <ion-slide>
             <button [disabled]="!rteEnabled" [attr.aria-pressed]="toolbarStyles.ul" (mousedown)="mouseDownAction($event)"
                 (click)="buttonAction($event, 'insertUnorderedList')" [title]="'core.editor.unorderedlist' | translate">
-                <ion-icon name="fas-list-ul"></ion-icon>
+                <ion-icon name="fas-list-ul" aria-hidden="true"></ion-icon>
             </button>
         </ion-slide>
         <ion-slide>
             <button [disabled]="!rteEnabled" [attr.aria-pressed]="toolbarStyles.ol" (mousedown)="mouseDownAction($event)"
                 (click)="buttonAction($event, 'insertOrderedList')" [title]="'core.editor.orderedlist' | translate">
-                <ion-icon name="fas-list-ol"></ion-icon>
+                <ion-icon name="fas-list-ol" aria-hidden="true"></ion-icon>
             </button>
         </ion-slide>
         <ion-slide>
             <button [disabled]="!rteEnabled" (click)="buttonAction($event, 'removeFormat')" (mousedown)="mouseDownAction($event)"
                 [title]="'core.editor.clear' | translate">
-                <ion-icon name="fas-eraser"></ion-icon>
+                <ion-icon name="fas-eraser" aria-hidden="true"></ion-icon>
             </button>
         </ion-slide>
         <ion-slide *ngIf="canScanQR">
             <button [disabled]="!rteEnabled" (click)="scanQR($event)" (mousedown)="stopBubble($event)"
                 [title]="'core.scanqr' | translate">
-                <ion-icon name="fas-qrcode"></ion-icon>
+                <ion-icon name="fas-qrcode" aria-hidden="true"></ion-icon>
             </button>
         </ion-slide>
         <ion-slide>
             <button [attr.aria-pressed]="!rteEnabled" (click)="toggleEditor($event)" (mousedown)="mouseDownAction($event)"
                 [title]=" 'core.editor.toggle' | translate">
-                <ion-icon name="fas-code"></ion-icon>
+                <ion-icon name="fas-code" aria-hidden="true"></ion-icon>
             </button>
         </ion-slide>
         <ion-slide *ngIf="isPhone">
             <button (click)="hideToolbar($event)" (mousedown)="mouseDownAction($event)"
                 [title]=" 'core.editor.hidetoolbar' | translate">
-                <ion-icon name="fas-times"></ion-icon>
+                <ion-icon name="fas-times" aria-hidden="true"></ion-icon>
             </button>
         </ion-slide>
     </ion-slides>
     <button *ngIf="toolbarArrows" class="toolbar-arrow" [class.toolbar-arrow-hidden]="toolbarNextHidden"
-        (click)="toolbarNext($event)" (mousedown)="mouseDownAction($event)">
-        <ion-icon name="fas-chevron-right"></ion-icon>
+        (click)="toolbarNext($event)" (mousedown)="mouseDownAction($event)" [attr.aria-label]="'core.next' | translate">
+        <ion-icon name="fas-chevron-right" aria-hidden="true"></ion-icon>
     </button>
 </div>
diff --git a/src/core/features/emulator/components/capture-media/capture-media.html b/src/core/features/emulator/components/capture-media/capture-media.html
index ef7d7d167..95819fa7a 100644
--- a/src/core/features/emulator/components/capture-media/capture-media.html
+++ b/src/core/features/emulator/components/capture-media/capture-media.html
@@ -30,8 +30,8 @@
                 <!-- Button to start/stop in mobile devices. -->
                 <ion-button fill="clear" *ngIf="!hasCaptured && isCordovaAudioCapture" (click)="actionClicked()"
                     [attr.aria-label]="title">
-                    <ion-icon *ngIf="!isCapturing" name="fas-microphone" slot="icon-only"></ion-icon>
-                    <ion-icon *ngIf="isCapturing" name="fas-square" slot="icon-only"></ion-icon>
+                    <ion-icon *ngIf="!isCapturing" name="fas-microphone" slot="icon-only" aria-hidden="true"></ion-icon>
+                    <ion-icon *ngIf="isCapturing" name="fas-square" slot="icon-only" aria-hidden="true"></ion-icon>
                 </ion-button>
 
                 <!-- Audio player to listen to the result. -->
@@ -47,13 +47,13 @@
         <ion-col class="ion-text-center">
             <ion-button fill="clear" *ngIf="!hasCaptured && !isCordovaAudioCapture" (click)="actionClicked()"
                 [attr.aria-label]="title">
-                <ion-icon *ngIf="!isCapturing && isAudio" name="fas-microphone" slot="icon-only"></ion-icon>
-                <ion-icon *ngIf="!isCapturing && isVideo" name="fas-video" slot="icon-only"></ion-icon>
-                <ion-icon *ngIf="isImage" name="fas-camera" slot="icon-only"></ion-icon>
-                <ion-icon *ngIf="isCapturing" name="fas-square" slot="icon-only"></ion-icon>
+                <ion-icon *ngIf="!isCapturing && isAudio" name="fas-microphone" slot="icon-only" aria-hidden="true"></ion-icon>
+                <ion-icon *ngIf="!isCapturing && isVideo" name="fas-video" slot="icon-only" aria-hidden="true"></ion-icon>
+                <ion-icon *ngIf="isImage" name="fas-camera" slot="icon-only" aria-hidden="true"></ion-icon>
+                <ion-icon *ngIf="isCapturing" name="fas-square" slot="icon-only" aria-hidden="true"></ion-icon>
             </ion-button>
             <ion-button fill="clear" *ngIf="hasCaptured" (click)="discard()" [attr.aria-label]="'core.discard' | translate">
-                <ion-icon color="danger" name="fas-trash" slot="icon-only"></ion-icon>
+                <ion-icon color="danger" name="fas-trash" slot="icon-only" aria-hidden="true"></ion-icon>
             </ion-button>
         </ion-col>
         <ion-col class="ion-padding ion-text-end chrono-container">
@@ -63,4 +63,3 @@
         </ion-col>
     </ion-row>
 </ion-footer>
-
diff --git a/src/core/features/grades/lang.json b/src/core/features/grades/lang.json
index 79e5dbda0..2ec6b459d 100644
--- a/src/core/features/grades/lang.json
+++ b/src/core/features/grades/lang.json
@@ -1,14 +1,20 @@
 {
+    "aggregatemean": "Mean of grades",
+    "aggregatesum": "Natural",
     "average": "Average",
     "badgrade": "Supplied grade is invalid",
+    "calculatedgrade": "Calculated grade",
+    "category": "Category",
     "contributiontocoursetotal": "Contribution to course total",
     "feedback": "Feedback",
     "grade": "Grade",
     "gradeitem": "Grade item",
     "grades": "Grades",
     "lettergrade": "Letter grade",
+    "manualitem": "Manual item",
     "nogradesreturned": "No grades returned",
     "nooutcome": "No outcome",
+    "outcome": "Outcome",
     "percentage": "Percentage",
     "range": "Range",
     "rank": "Rank",
diff --git a/src/core/features/grades/pages/course/course.html b/src/core/features/grades/pages/course/course.html
index 2def799b5..05f84958b 100644
--- a/src/core/features/grades/pages/course/course.html
+++ b/src/core/features/grades/pages/course/course.html
@@ -48,8 +48,10 @@
                                     [class.core-selected-item]="grades.isSelected(row)"
                                     [attr.colspan]="row.colspan"
                                 >
-                                    <ion-icon *ngIf="row.icon" name="{{row.icon}}" slot="start"></ion-icon>
-                                    <img *ngIf="row.image" [src]="row.image" slot="start" />
+                                    <ion-icon *ngIf="row.icon" name="{{row.icon}}" slot="start" [attr.aria-label]="row.iconAlt">
+                                    </ion-icon>
+                                    <img *ngIf="row.image" [src]="row.image" slot="start" class="core-module-icon"
+                                        [alt]="row.iconAlt"/>
                                     <span [innerHTML]="row.gradeitem"></span>
                                 </th>
                                 <ng-container *ngFor="let column of grades.columns">
diff --git a/src/core/features/grades/pages/grade/grade.html b/src/core/features/grades/pages/grade/grade.html
index 0e4cf40ad..16ec6ce0e 100644
--- a/src/core/features/grades/pages/grade/grade.html
+++ b/src/core/features/grades/pages/grade/grade.html
@@ -16,8 +16,9 @@
         <ion-list *ngIf="grade">
             <ion-item *ngIf="grade.itemname && grade.link" class="ion-text-wrap" detail="true" [href]="grade.link" core-link
             capture="true">
-                <ion-icon *ngIf="grade.icon" name="{{grade.icon}}" slot="start"></ion-icon>
-                <img *ngIf="grade.image" [src]="grade.image" slot="start" class="core-module-icon" />
+                <ion-icon *ngIf="grade.icon" name="{{grade.icon}}" slot="start" [attr.aria-label]="grade.iconAlt"></ion-icon>
+                <img *ngIf="grade.image" [src]="grade.image" slot="start" class="core-module-icon"
+                    [attr.aria-label]="grade.iconAlt"/>
                 <ion-label>
                     <h2><core-format-text [text]="grade.itemname" contextLevel="course" [contextInstanceId]="courseId">
                     </core-format-text></h2>
@@ -25,8 +26,8 @@
             </ion-item>
 
             <ion-item *ngIf="grade.itemname && !grade.link" class="ion-text-wrap" >
-                <ion-icon *ngIf="grade.icon" name="{{grade.icon}}" slot="start"></ion-icon>
-                <img *ngIf="grade.image" [src]="grade.image" slot="start" class="core-module-icon" />
+                <ion-icon *ngIf="grade.icon" name="{{grade.icon}}" slot="start" [attr.aria-label]="grade.iconAlt"></ion-icon>
+                <img *ngIf="grade.image" [src]="grade.image" slot="start" class="core-module-icon" [alt]="grade.iconAlt"/>
                 <ion-label>
                     <h2><core-format-text [text]="grade.itemname" contextLevel="course" [contextInstanceId]="courseId">
                     </core-format-text></h2>
diff --git a/src/core/features/grades/services/grades-helper.ts b/src/core/features/grades/services/grades-helper.ts
index c04a9ca78..5f7b9078d 100644
--- a/src/core/features/grades/services/grades-helper.ts
+++ b/src/core/features/grades/services/grades-helper.ts
@@ -32,7 +32,7 @@ import { CoreUrlUtils } from '@services/utils/url';
 import { CoreMenuItem, CoreUtils } from '@services/utils/utils';
 import { CoreDomUtils } from '@services/utils/dom';
 import { CoreNavigator } from '@services/navigator';
-import { makeSingleton } from '@singletons';
+import { makeSingleton, Translate } from '@singletons';
 import { CoreError } from '@classes/errors/error';
 
 /**
@@ -571,27 +571,36 @@ export class CoreGradesHelperProvider {
      */
     protected setRowIcon<T extends CoreGradesFormattedRowCommonData>(row: T, text: string): T {
         text = text.replace('%2F', '/').replace('%2f', '/');
-
         if (text.indexOf('/agg_mean') > -1) {
             row.itemtype = 'agg_mean';
             row.image = 'assets/img/grades/agg_mean.png';
+            row.iconAlt = Translate.instant('core.grades.aggregatemean');
         } else if (text.indexOf('/agg_sum') > -1) {
             row.itemtype = 'agg_sum';
             row.image = 'assets/img/grades/agg_sum.png';
+            row.iconAlt = Translate.instant('core.grades.aggregatesum');
         } else if (text.indexOf('/outcomes') > -1 || text.indexOf('fa-tasks')  > -1) {
             row.itemtype = 'outcome';
             row.icon = 'fas-chart-pie';
+            row.iconAlt = Translate.instant('core.grades.outcome');
         } else if (text.indexOf('i/folder') > -1 || text.indexOf('fa-folder')  > -1) {
             row.itemtype = 'category';
             row.icon = 'fas-cubes';
+            row.iconAlt = Translate.instant('core.grades.category');
         } else if (text.indexOf('/manual_item') > -1 || text.indexOf('fa-square-o')  > -1) {
             row.itemtype = 'manual';
             row.icon = 'far-square';
+            row.iconAlt = Translate.instant('core.grades.manualitem');
+        } else if (text.indexOf('/calc') > -1 || text.indexOf('fa-calculator') > -1) {
+            row.itemtype = 'calc';
+            row.icon = 'fas-calculator';
+            row.iconAlt = Translate.instant('core.grades.calculatedgrade');
         } else if (text.indexOf('/mod/') > -1) {
             const module = text.match(/mod\/([^/]*)\//);
             if (typeof module?.[1] != 'undefined') {
                 row.itemtype = 'mod';
                 row.itemmodule = module[1];
+                row.iconAlt = CoreCourse.translateModuleName(row.itemmodule) || '';
                 row.image = CoreCourse.getModuleIconSrc(
                     module[1],
                     CoreDomUtils.convertToElement(text).querySelector('img')?.getAttribute('src') ?? undefined,
@@ -601,14 +610,17 @@ export class CoreGradesHelperProvider {
             if (row.rowspan && row.rowspan > 1) {
                 row.itemtype = 'category';
                 row.icon = 'fas-cubes';
+                row.iconAlt = Translate.instant('core.grades.category');
             } else if (text.indexOf('src=') > -1) {
                 row.itemtype = 'unknown';
                 const src = text.match(/src="([^"]*)"/);
                 row.image = src?.[1];
+                row.iconAlt = Translate.instant('core.unknown');
             } else if (text.indexOf('<i ') > -1) {
                 row.itemtype = 'unknown';
                 const src = text.match(/<i class="(?:[^"]*?\s)?(fa-[a-z0-9-]+)/);
                 row.icon = src ? src[1] : '';
+                row.iconAlt = Translate.instant('core.unknown');
             }
         }
 
@@ -708,6 +720,7 @@ export type CoreGradesFormattedRowCommonData = {
     itemtype?: string;
     image?: string;
     itemmodule?: string;
+    iconAlt?: string;
     rowspan?: number;
     weight?: string; // Weight column.
     grade?: string; // Grade column.
diff --git a/src/core/features/h5p/components/h5p-player/core-h5p-player.html b/src/core/features/h5p/components/h5p-player/core-h5p-player.html
index e6ad42431..73d662d16 100644
--- a/src/core/features/h5p/components/h5p-player/core-h5p-player.html
+++ b/src/core/features/h5p/components/h5p-player/core-h5p-player.html
@@ -1,6 +1,7 @@
 <div *ngIf="!showPackage && urlParams" class="core-h5p-placeholder">
-    <ion-button class="core-h5p-placeholder-play-button" fill="clear" (click)="play($event)">
-        <ion-icon name="far-play-circle" slot="icon-only"></ion-icon>
+    <ion-button class="core-h5p-placeholder-play-button" fill="clear" (click)="play($event)"
+        [attr.aria-label]="'core.h5p.play' | translate">
+        <ion-icon name="far-play-circle" slot="icon-only" aria-hidden="true"></ion-icon>
     </ion-button>
 
     <div class="core-h5p-placeholder-download-container">
diff --git a/src/core/features/login/components/site-help/site-help.html b/src/core/features/login/components/site-help/site-help.html
index c4784e891..e683a53c5 100644
--- a/src/core/features/login/components/site-help/site-help.html
+++ b/src/core/features/login/components/site-help/site-help.html
@@ -4,7 +4,7 @@
 
         <ion-buttons slot="end">
             <ion-button (click)="closeHelp()" [attr.aria-label]="'core.close' | translate">
-                <ion-icon slot="icon-only" name="fas-times"></ion-icon>
+                <ion-icon slot="icon-only" name="fas-times" aria-hidden="true"></ion-icon>
             </ion-button>
         </ion-buttons>
     </ion-toolbar>
diff --git a/src/core/features/login/components/site-onboarding/site-onboarding.html b/src/core/features/login/components/site-onboarding/site-onboarding.html
index de3610db4..814b95221 100644
--- a/src/core/features/login/components/site-onboarding/site-onboarding.html
+++ b/src/core/features/login/components/site-onboarding/site-onboarding.html
@@ -46,9 +46,18 @@
 
         <div *ngIf="step == 2" class="core-login-onboarding-step">
             <ul class="core-login-onboarding-text ion-text-start">
-                <li><ion-icon name="far-check-circle"></ion-icon> {{ 'core.login.onboardingcreatemanagecourses' | translate }}</li>
-                <li><ion-icon name="far-check-circle"></ion-icon> {{ 'core.login.onboardingenrolmanagestudents' | translate }}</li>
-                <li><ion-icon name="far-check-circle"></ion-icon> {{ 'core.login.onboardingprovidefeedback' | translate }}</li>
+                <li>
+                    <ion-icon name="far-check-circle" aria-hidden="true">
+                    </ion-icon> {{ 'core.login.onboardingcreatemanagecourses' | translate }}
+                </li>
+                <li>
+                    <ion-icon name="far-check-circle" aria-hidden="true">
+                    </ion-icon> {{ 'core.login.onboardingenrolmanagestudents' | translate }}
+                </li>
+                <li>
+                    <ion-icon name="far-check-circle" aria-hidden="true">
+                    </ion-icon> {{ 'core.login.onboardingprovidefeedback' | translate }}
+                </li>
             </ul>
 
             <ion-button expand="block" (click)="gotoWeb($event)"  class="ion-margin-bottom">
diff --git a/src/core/features/login/pages/change-password/change-password.html b/src/core/features/login/pages/change-password/change-password.html
index a1692a3a2..ce70a4fdd 100644
--- a/src/core/features/login/pages/change-password/change-password.html
+++ b/src/core/features/login/pages/change-password/change-password.html
@@ -8,7 +8,7 @@
 
         <ion-buttons slot="end">
             <ion-button (click)="showHelp()" [attr.aria-label]="'core.help' | translate">
-                <ion-icon slot="icon-only" name="far-question-circle"></ion-icon>
+                <ion-icon slot="icon-only" name="far-question-circle" aria-hidden="true"></ion-icon>
             </ion-button>
         </ion-buttons>
     </ion-toolbar>
diff --git a/src/core/features/login/pages/credentials/credentials.html b/src/core/features/login/pages/credentials/credentials.html
index db3f5ce46..168583b33 100644
--- a/src/core/features/login/pages/credentials/credentials.html
+++ b/src/core/features/login/pages/credentials/credentials.html
@@ -9,7 +9,7 @@
         <ion-buttons slot="end">
             <ion-button router-direction="forward" routerLink="/settings"
                 [attr.aria-label]="'core.settings.appsettings' | translate">
-                <ion-icon slot="icon-only" name="fas-cog"></ion-icon>
+                <ion-icon slot="icon-only" name="fas-cog" aria-hidden="true"></ion-icon>
             </ion-button>
         </ion-buttons>
     </ion-toolbar>
diff --git a/src/core/features/login/pages/email-signup/email-signup.html b/src/core/features/login/pages/email-signup/email-signup.html
index 30a93947f..bde636e63 100644
--- a/src/core/features/login/pages/email-signup/email-signup.html
+++ b/src/core/features/login/pages/email-signup/email-signup.html
@@ -9,8 +9,7 @@
         <ion-buttons slot="end">
             <ion-button *ngIf="authInstructions" (click)="showAuthInstructions()"
                 [attr.aria-label]="'core.login.instructions' | translate">
-
-                <ion-icon slot="icon-only" name="far-question-circle"></ion-icon>
+                <ion-icon slot="icon-only" name="far-question-circle" aria-hidden="true"></ion-icon>
             </ion-button>
         </ion-buttons>
     </ion-toolbar>
diff --git a/src/core/features/login/pages/reconnect/reconnect.html b/src/core/features/login/pages/reconnect/reconnect.html
index 7a9786d43..73bfa9ceb 100644
--- a/src/core/features/login/pages/reconnect/reconnect.html
+++ b/src/core/features/login/pages/reconnect/reconnect.html
@@ -27,7 +27,7 @@
 
         <ion-item *ngIf="!isLoggedOut" class="ion-text-center core-login-reconnect-warning" lines="none">
             <ion-label color="danger" class="ion-text-wrap">
-                <ion-icon name="fas-exclamation-circle" slot="start"></ion-icon>
+                <ion-icon name="fas-exclamation-circle" slot="start" aria-hidden="true"></ion-icon>
                 {{ 'core.login.reconnectdescription' | translate }}
             </ion-label>
         </ion-item>
diff --git a/src/core/features/login/pages/site/site.html b/src/core/features/login/pages/site/site.html
index 0cfc1ae50..a99714a56 100644
--- a/src/core/features/login/pages/site/site.html
+++ b/src/core/features/login/pages/site/site.html
@@ -9,7 +9,7 @@
         <ion-buttons slot="end">
             <ion-button router-direction="forward" routerLink="/settings"
                 [attr.aria-label]="'core.settings.appsettings' | translate">
-                <ion-icon slot="icon-only" name="fas-cog"></ion-icon>
+                <ion-icon slot="icon-only" name="fas-cog" aria-hidden="true"></ion-icon>
             </ion-button>
         </ion-buttons>
     </ion-toolbar>
@@ -48,9 +48,9 @@
                     </ion-label>
                 </ion-item>
                 <ion-item button *ngIf="enteredSiteUrl" (click)="connect($event, enteredSiteUrl.url)"
-                    [attr.aria-label]="'core.login.connect' | translate" detail-push class="core-login-entered-site">
+                    [attr.aria-label]="'core.login.connect' | translate" detail="true" class="core-login-entered-site">
                     <ion-thumbnail slot="start" aria-hidden="true">
-                        <ion-icon name="fas-pen"></ion-icon>
+                        <ion-icon name="fas-pen" aria-hidden="true"></ion-icon>
                     </ion-thumbnail>
                     <ion-label>
                         <h2 class="ion-text-wrap">{{ 'core.login.yourenteredsite' | translate }}</h2>
diff --git a/src/core/features/login/pages/sites/sites.html b/src/core/features/login/pages/sites/sites.html
index 326c5ee8b..49dd0f937 100644
--- a/src/core/features/login/pages/sites/sites.html
+++ b/src/core/features/login/pages/sites/sites.html
@@ -8,11 +8,11 @@
 
         <ion-buttons slot="end">
             <ion-button *ngIf="sites && sites.length > 0" (click)="toggleDelete()" [attr.aria-label]="'core.delete' | translate">
-                <ion-icon slot="icon-only" name="fas-pen"></ion-icon>
+                <ion-icon slot="icon-only" name="fas-pen" aria-hidden="true"></ion-icon>
             </ion-button>
             <ion-button router-direction="forward" routerLink="/settings"
                 [attr.aria-label]="'core.settings.appsettings' | translate">
-                <ion-icon slot="icon-only" name="fas-cog"></ion-icon>
+                <ion-icon slot="icon-only" name="fas-cog" aria-hidden="true"></ion-icon>
             </ion-button>
         </ion-buttons>
     </ion-toolbar>
@@ -32,13 +32,13 @@
             <ion-badge slot="end" *ngIf="!showDelete && site.badge">{{site.badge}}</ion-badge>
             <ion-button *ngIf="showDelete" slot="end" fill="clear" color="danger" (click)="deleteSite($event, site)"
                 [attr.aria-label]="'core.delete' | translate">
-                <ion-icon name="fas-trash" slot="icon-only"></ion-icon>
+                <ion-icon name="fas-trash" slot="icon-only" aria-hidden="true"></ion-icon>
             </ion-button>
         </ion-item>
     </ion-list>
     <ion-fab slot="fixed" core-fab vertical="bottom" horizontal="end">
         <ion-fab-button (click)="add()" [attr.aria-label]="'core.add' | translate">
-            <ion-icon name="fas-plus"></ion-icon>
+            <ion-icon name="fas-plus" aria-hidden="true"></ion-icon>
         </ion-fab-button>
     </ion-fab>
 </ion-content>
diff --git a/src/core/features/mainmenu/pages/menu/menu.html b/src/core/features/mainmenu/pages/menu/menu.html
index 8042716f7..060d29bb6 100644
--- a/src/core/features/mainmenu/pages/menu/menu.html
+++ b/src/core/features/mainmenu/pages/menu/menu.html
@@ -4,15 +4,16 @@
         <ion-spinner *ngIf="!loaded"></ion-spinner>
 
         <ion-tab-button (ionTabButtonClick)="tabClicked($event, tab.page)" [hidden]="!loaded && tab.hide" *ngFor="let tab of tabs"
-            [tab]="tab.page" [disabled]="tab.hide" layout="label-hide"  class="{{tab.class}}">
-            <ion-icon [name]="tab.icon"></ion-icon>
-            <ion-label>{{ tab.title | translate }}</ion-label>
+            [tab]="tab.page" [disabled]="tab.hide" layout="label-hide"  class="{{tab.class}}"
+            [attr.aria-label]="tab.title | translate">
+            <ion-icon [name]="tab.icon" aria-hidden="true"></ion-icon>
+            <ion-label aria-hidden="true">{{ tab.title | translate }}</ion-label>
             <ion-badge *ngIf="tab.badge">{{ tab.badge }}</ion-badge>
         </ion-tab-button>
 
         <ion-tab-button (ionTabButtonClick)="tabClicked($event, morePageName)" [hidden]="!loaded" [tab]="morePageName" layout="label-hide">
-            <ion-icon name="fas-bars"></ion-icon>
-            <ion-label>{{ 'core.more' | translate }}</ion-label>
+            <ion-icon name="fas-bars" [attr.aria-labelledby]="'mainmenu-tab-more'"></ion-icon>
+            <ion-label id="mainmenu-tab-more">{{ 'core.more' | translate }}</ion-label>
         </ion-tab-button>
     </ion-tab-bar>
 </ion-tabs>
diff --git a/src/core/features/mainmenu/pages/more/more.html b/src/core/features/mainmenu/pages/more/more.html
index 264c244ab..578a0e065 100644
--- a/src/core/features/mainmenu/pages/more/more.html
+++ b/src/core/features/mainmenu/pages/more/more.html
@@ -25,8 +25,8 @@
             <ion-label><ion-spinner></ion-spinner></ion-label>
         </ion-item>
         <ion-item button *ngFor="let handler of handlers" [ngClass]="['core-moremenu-handler', handler.class || '']"
-            (click)="openHandler(handler)" title="{{ handler.title | translate }}" detail="true" detail>
-            <ion-icon [name]="handler.icon" slot="start"></ion-icon>
+            (click)="openHandler(handler)" [attr.aria-label]="handler.title | translate" detail="true" detail>
+            <ion-icon [name]="handler.icon" slot="start" aria-hidden="true"></ion-icon>
             <ion-label>
                 <h2>{{ handler.title | translate}}</h2>
             </ion-label>
@@ -35,16 +35,16 @@
             <ion-spinner slot="end" *ngIf="handler.showBadge && handler.loading"></ion-spinner>
         </ion-item>
         <ng-container *ngFor="let item of customItems">
-            <ion-item button *ngIf="item.type != 'embedded'" [href]="item.url" title="{{item.label}}" core-link
+            <ion-item button *ngIf="item.type != 'embedded'" [href]="item.url" [attr.aria-label]="item.label" core-link
                 [capture]="item.type == 'app'" [inApp]="item.type == 'inappbrowser'" class="core-moremenu-customitem" detail>
-                <ion-icon [name]="item.icon" slot="start"></ion-icon>
+                <ion-icon [name]="item.icon" slot="start" aria-hidden="true"></ion-icon>
                 <ion-label>
                     <h2>{{item.label}}</h2>
                 </ion-label>
             </ion-item>
-            <ion-item button *ngIf="item.type == 'embedded'" (click)="openItem(item)" title="{{item.label}}"
+            <ion-item button *ngIf="item.type == 'embedded'" (click)="openItem(item)" [attr.aria-label]="item.label"
                 class="core-moremenu-customitem" detail>
-                <ion-icon [name]="item.icon" slot="start"></ion-icon>
+                <ion-icon [name]="item.icon" slot="start" aria-hidden="true"></ion-icon>
                 <ion-label>
                     <h2>{{item.label}}</h2>
                 </ion-label>
@@ -57,27 +57,27 @@
             </ion-label>
         </ion-item>
         <ion-item button *ngIf="showWeb && siteInfo" [href]="siteInfo.siteurl" core-link autoLogin="yes"
-            title="{{ 'core.mainmenu.website' | translate }}" detail>
+            [attr.aria-label]="'core.mainmenu.website' | translate" detail>
             <ion-icon name="fas-globe" slot="start" aria-hidden="true"></ion-icon>
             <ion-label>
                 <h2>{{ 'core.mainmenu.website' | translate }}</h2>
             </ion-label>
         </ion-item>
         <ion-item button *ngIf="showHelp" [href]="docsUrl" core-link autoLogin="no"
-            title="{{ 'core.mainmenu.help' | translate }}" detail>
+            [attr.aria-label]="'core.mainmenu.help' | translate" detail>
             <ion-icon name="far-life-ring" slot="start" aria-hidden="true"></ion-icon>
             <ion-label>
                 <h2>{{ 'core.mainmenu.help' | translate }}</h2>
             </ion-label>
         </ion-item>
         <ion-item button router-direction="forward" routerLink="preferences"
-            title="{{ 'core.settings.preferences' | translate }}" detail>
-            <ion-icon name="fas-wrench" slot="start"></ion-icon>
+            [attr.aria-label]="'core.settings.preferences' | translate" detail>
+            <ion-icon name="fas-wrench" slot="start" aria-hidden="true"></ion-icon>
             <ion-label>
                 <h2>{{ 'core.settings.preferences' | translate }}</h2>
             </ion-label>
         </ion-item>
-        <ion-item button (click)="logout()" title="{{ logoutLabel | translate }}" detail>
+        <ion-item button (click)="logout()" [attr.aria-label]="logoutLabel | translate" detail>
             <ion-icon name="fas-sign-out-alt" slot="start" aria-hidden="true"></ion-icon>
             <ion-label>
                 <h2>{{ logoutLabel | translate }}</h2>
@@ -85,8 +85,8 @@
         </ion-item>
         <ion-item-divider><ion-label></ion-label></ion-item-divider>
         <ion-item button router-direction="forward" routerLink="settings"
-            title="{{ 'core.settings.appsettings' | translate }}" detail>
-            <ion-icon name="fas-cogs" slot="start"></ion-icon>
+            [attr.aria-label]="'core.settings.appsettings' | translate" detail>
+            <ion-icon name="fas-cogs" slot="start" aria-hidden="true"></ion-icon>
             <ion-label>
                 <h2>{{ 'core.settings.appsettings' | translate }}</h2>
             </ion-label>
diff --git a/src/core/features/rating/components/ratings/ratings-modal.html b/src/core/features/rating/components/ratings/ratings-modal.html
index 09f0564d7..a8cc7fe07 100644
--- a/src/core/features/rating/components/ratings/ratings-modal.html
+++ b/src/core/features/rating/components/ratings/ratings-modal.html
@@ -3,7 +3,7 @@
         <ion-title>{{ 'core.rating.ratings' | translate }}</ion-title>
         <ion-buttons slot="end">
             <ion-button  (click)="closeModal()" [attr.aria-label]="'core.close' | translate">
-                <ion-icon slot="icon-only" name="fas-times"></ion-icon>
+                <ion-icon slot="icon-only" name="fas-times" aria-hidden="true"></ion-icon>
             </ion-button>
         </ion-buttons>
     </ion-toolbar>
diff --git a/src/core/features/search/components/search-box/core-search-box.html b/src/core/features/search/components/search-box/core-search-box.html
index 7a2fcacaf..f9c217aa2 100644
--- a/src/core/features/search/components/search-box/core-search-box.html
+++ b/src/core/features/search/components/search-box/core-search-box.html
@@ -8,18 +8,18 @@
             </ion-input>
             <ion-button slot="end" fill="clear" type="submit" size="small" [attr.aria-label]="searchLabel"
                 [disabled]="disabled || !searchText || (searchText.length < lengthCheck)">
-                <ion-icon name="fas-search" slot="icon-only"></ion-icon>
+                <ion-icon name="fas-search" slot="icon-only" aria-hidden="true"></ion-icon>
             </ion-button>
             <ion-button *ngIf="showClear" slot="end" fill="clear" size="small"
                 [attr.aria-label]="'core.clearsearch' | translate" [disabled]="searched == '' || disabled"
                 (click)="clearForm()">
-                <ion-icon name="fas-backspace" slot="icon-only"></ion-icon>
+                <ion-icon name="fas-backspace" slot="icon-only" aria-hidden="true"></ion-icon>
             </ion-button>
         </ion-item>
         <ion-list class="core-search-history" [hidden]="!historyShown">
             <ion-item button class="ion-text-wrap" *ngFor="let item of history"
                 (click)="historyClicked($event, item.searchedtext)" tabindex="1" detail>
-                <ion-icon name="fas-history" slot="start">
+                <ion-icon name="fas-history" slot="start" aria-hidden="true">
                 </ion-icon>
                 <ion-label>{{item.searchedtext}}</ion-label>
             </ion-item>
diff --git a/src/core/features/settings/pages/about/about.html b/src/core/features/settings/pages/about/about.html
index 66ce9e576..efc86a5bf 100644
--- a/src/core/features/settings/pages/about/about.html
+++ b/src/core/features/settings/pages/about/about.html
@@ -14,15 +14,15 @@
         <ion-label><h2>{{ appName }} {{ versionName }}</h2></ion-label>
     </ion-item>
     <ion-item button class="ion-text-wrap" (click)="openPage('licenses')" detail>
-        <ion-icon name="far-copyright" slot="start"></ion-icon>
+        <ion-icon name="far-copyright" slot="start" aria-hidden="true"></ion-icon>
         <ion-label>{{ 'core.settings.opensourcelicenses' | translate }}</ion-label>
     </ion-item>
     <ion-item button class="ion-text-wrap" *ngIf="privacyPolicy" [href]="privacyPolicy" core-link auto-login="no" detail>
-        <ion-icon name="fas-user-shield" slot="start"></ion-icon>
+        <ion-icon name="fas-user-shield" slot="start" aria-hidden="true"></ion-icon>
         <ion-label>{{ 'core.settings.privacypolicy' | translate }}</ion-label>
     </ion-item>
     <ion-item button class="ion-text-wrap" (click)="openPage('deviceinfo')" detail>
-        <ion-icon name="fas-mobile" slot="start"></ion-icon>
+        <ion-icon name="fas-mobile" slot="start" aria-hidden="true"></ion-icon>
         <ion-label>{{ 'core.settings.deviceinfo' | translate }}</ion-label>
     </ion-item>
 </ion-content>
diff --git a/src/core/features/settings/pages/deviceinfo/deviceinfo.html b/src/core/features/settings/pages/deviceinfo/deviceinfo.html
index 1a8323de1..6783de44d 100644
--- a/src/core/features/settings/pages/deviceinfo/deviceinfo.html
+++ b/src/core/features/settings/pages/deviceinfo/deviceinfo.html
@@ -8,7 +8,7 @@
         </ion-title>
         <ion-buttons slot="end">
             <ion-button (click)="copyInfo()" [attr.aria-label]="'core.settings.copyinfo' | translate">
-                <ion-icon slot="icon-only" name="fas-clipboard" color="light"></ion-icon>
+                <ion-icon slot="icon-only" name="fas-clipboard" color="light" aria-hidden="true"></ion-icon>
             </ion-button>
         </ion-buttons>
     </ion-toolbar>
diff --git a/src/core/features/settings/pages/index/index.html b/src/core/features/settings/pages/index/index.html
index feb8b2730..a8ea2107c 100644
--- a/src/core/features/settings/pages/index/index.html
+++ b/src/core/features/settings/pages/index/index.html
@@ -12,7 +12,7 @@
         <ion-list>
             <ion-item *ngFor="let section of sections.items" [class.core-selected-item]="sections.isSelected(section)" button
                 detail="true" (click)="sections.select(section)">
-                <ion-icon [name]="section.icon" slot="start"></ion-icon>
+                <ion-icon [name]="section.icon" slot="start" aria-hidden="true"></ion-icon>
                 <ion-label>{{ section.name | translate }}</ion-label>
             </ion-item>
         </ion-list>
diff --git a/src/core/features/settings/pages/site/site.html b/src/core/features/settings/pages/site/site.html
index e6fdaff58..1ffff4cda 100644
--- a/src/core/features/settings/pages/site/site.html
+++ b/src/core/features/settings/pages/site/site.html
@@ -30,7 +30,7 @@
                 <ion-item *ngFor="let handler of handlers.items" [ngClass]="['core-settings-handler', handler.class]"
                     [title]="handler.title | translate" detail="true" (click)="handlers.select(handler)" button
                     [class.core-selected-item]="handlers.isSelected(handler)">
-                    <ion-icon [name]="handler.icon" slot="start" *ngIf="handler.icon">
+                    <ion-icon [name]="handler.icon" slot="start" *ngIf="handler.icon" aria-hidden="true">
                     </ion-icon>
                     <ion-label>
                         <h2>{{ handler.title | translate}}</h2>
@@ -49,7 +49,7 @@
                         <ion-button fill="clear" color="danger" slot="end" (click)="deleteSiteStorage()"
                             [hidden]="spaceUsage.spaceUsage! + spaceUsage.cacheEntries! <= 0"
                             [attr.aria-label]="'core.settings.deletesitefilestitle' | translate">
-                            <ion-icon name="fas-trash" slot="icon-only"></ion-icon>
+                            <ion-icon name="fas-trash" slot="icon-only" aria-hidden="true"></ion-icon>
                         </ion-button>
                     </ion-item>
                     <ion-item class="ion-text-wrap">
@@ -61,7 +61,7 @@
                         </ion-label>
                         <ion-button fill="clear" slot="end" *ngIf="!isSynchronizing()" (click)="synchronize()"
                             [title]="siteName" [attr.aria-label]="'core.settings.synchronizenow' | translate">
-                            <ion-icon name="fas-sync-alt" slot="icon-only"></ion-icon>
+                            <ion-icon name="fas-sync-alt" slot="icon-only" aria-hidden="true"></ion-icon>
                         </ion-button>
                         <ion-spinner slot="end" *ngIf="isSynchronizing()"></ion-spinner>
                     </ion-item>
diff --git a/src/core/features/settings/pages/space-usage/space-usage.html b/src/core/features/settings/pages/space-usage/space-usage.html
index c660d6eff..266f15d68 100644
--- a/src/core/features/settings/pages/space-usage/space-usage.html
+++ b/src/core/features/settings/pages/space-usage/space-usage.html
@@ -7,7 +7,7 @@
         <ion-buttons slot="end">
             <core-navbar-buttons>
                 <ion-button (click)="showInfo()" [attr.aria-label]="'core.info' | translate">
-                    <ion-icon name="fas-info-circle" slot="icon-only"></ion-icon>
+                    <ion-icon name="fas-info-circle" slot="icon-only" aria-hidden="true"></ion-icon>
                 </ion-button>
             </core-navbar-buttons>
         </ion-buttons>
@@ -32,7 +32,7 @@
             <ion-button fill="clear" color="danger" slot="end" (click)="deleteSiteStorage(site)"
                 [hidden]="site.spaceUsage! + site.cacheEntries! <= 0"
                 [attr.aria-label]="'core.settings.deletesitefilestitle' | translate">
-                <ion-icon name="fas-trash" slot="icon-only"></ion-icon>
+                <ion-icon name="fas-trash" slot="icon-only" aria-hidden="true"></ion-icon>
             </ion-button>
         </ion-item>
         <ion-item-divider>
diff --git a/src/core/features/settings/pages/synchronization/synchronization.html b/src/core/features/settings/pages/synchronization/synchronization.html
index 686486baf..aeeafbf83 100644
--- a/src/core/features/settings/pages/synchronization/synchronization.html
+++ b/src/core/features/settings/pages/synchronization/synchronization.html
@@ -7,7 +7,7 @@
         <ion-buttons slot="end">
             <core-navbar-buttons>
                 <ion-button (click)="showInfo()" [attr.aria-label]="'core.info' | translate">
-                    <ion-icon name="fas-info-circle" slot="icon-only"></ion-icon>
+                    <ion-icon name="fas-info-circle" slot="icon-only" aria-hidden="true"></ion-icon>
                 </ion-button>
             </core-navbar-buttons>
         </ion-buttons>
@@ -40,7 +40,7 @@
             </ion-label>
             <ion-button fill="clear" slot="end" *ngIf="!isSynchronizing(site.id)" (click)="synchronize(site.id)"
                 [title]="site.siteName" [attr.aria-label]="'core.settings.synchronizenow' | translate">
-                <ion-icon name="fas-sync-alt" slot="icon-only"></ion-icon>
+                <ion-icon name="fas-sync-alt" slot="icon-only" aria-hidden="true"></ion-icon>
             </ion-button>
             <ion-spinner slot="end" *ngIf="isSynchronizing(site.id)"></ion-spinner>
         </ion-item>
diff --git a/src/core/features/sharedfiles/components/list-modal/list-modal.html b/src/core/features/sharedfiles/components/list-modal/list-modal.html
index bbe27c878..d07816245 100644
--- a/src/core/features/sharedfiles/components/list-modal/list-modal.html
+++ b/src/core/features/sharedfiles/components/list-modal/list-modal.html
@@ -7,7 +7,7 @@
 
         <ion-buttons slot="end">
             <ion-button (click)="closeModal()" [attr.aria-label]="'core.close' | translate">
-                <ion-icon name="fas-times" slot="icon-only"></ion-icon>
+                <ion-icon name="fas-times" slot="icon-only" aria-hidden=true></ion-icon>
             </ion-button>
         </ion-buttons>
     </ion-toolbar>
diff --git a/src/core/features/sitehome/pages/index/index.html b/src/core/features/sitehome/pages/index/index.html
index 333569a0f..82ddf54ae 100644
--- a/src/core/features/sitehome/pages/index/index.html
+++ b/src/core/features/sitehome/pages/index/index.html
@@ -1,6 +1,6 @@
 <core-navbar-buttons slot="end">
     <ion-button *ngIf="searchEnabled" (click)="openSearch()" [attr.aria-label]="'core.courses.searchcourses' | translate">
-        <ion-icon name="fas-search" slot="icon-only"></ion-icon>
+        <ion-icon name="fas-search" slot="icon-only" aria-hidden="true"></ion-icon>
     </ion-button>
     <core-context-menu>
         <core-context-menu-item *ngIf="(downloadCourseEnabled || downloadCoursesEnabled)" [priority]="1000"
@@ -62,7 +62,7 @@
 
 <ng-template #allCourseList>
     <ion-item button class="ion-text-wrap" router-direction="forward" routerLink="/main/home/courses/all" detail>
-        <ion-icon name="fas-graduation-cap" fixed-width slot="start"></ion-icon>
+        <ion-icon name="fas-graduation-cap" fixed-width slot="start" aria-hidden="true"></ion-icon>
         <ion-label>
             <h2>{{ 'core.courses.availablecourses' | translate}}</h2>
         </ion-label>
@@ -76,7 +76,7 @@
 
 <ng-template #categories>
     <ion-item button class="ion-text-wrap" router-direction="forward" routerLink="/main/home/courses/categories" detail>
-        <ion-icon name="folder" slot="start"></ion-icon>
+        <ion-icon name="fas-folder" slot="start" aria-hidden="true"></ion-icon>
         <ion-label>
             <h2>{{ 'core.courses.categories' | translate}}</h2>
         </ion-label>
@@ -85,7 +85,7 @@
 
 <ng-template #enrolledCourseList>
     <ion-item button class="ion-text-wrap" router-direction="forward" routerLink="/main/home/courses/my" detail>
-        <ion-icon name="fas-graduation-cap" fixed-width slot="start">
+        <ion-icon name="fas-graduation-cap" fixed-width slot="start" aria-hidden="true">
         </ion-icon>
         <ion-label><h2>{{ 'core.courses.mycourses' | translate}}</h2></ion-label>
     </ion-item>
@@ -93,7 +93,7 @@
 
 <ng-template #courseSearch>
     <ion-item button class="ion-text-wrap" router-direction="forward" routerLink="/main/home/courses/search" detail>
-        <ion-icon name="fas-search" slot="start"></ion-icon>
+        <ion-icon name="fas-search" slot="start" aria-hidden="true"></ion-icon>
         <ion-label><h2>{{ 'core.courses.searchcourses' | translate}}</h2></ion-label>
     </ion-item>
 </ng-template>
diff --git a/src/core/features/tag/components/feed/core-tag-feed.html b/src/core/features/tag/components/feed/core-tag-feed.html
index 322459677..b0f626f67 100644
--- a/src/core/features/tag/components/feed/core-tag-feed.html
+++ b/src/core/features/tag/components/feed/core-tag-feed.html
@@ -9,4 +9,4 @@
         <h2>{{ item.heading }}</h2>
         <p *ngFor="let text of item.details">{{ text }}</p>
     </ion-label>
-</ion-item>
\ No newline at end of file
+</ion-item>
diff --git a/src/core/features/tag/pages/index/index.html b/src/core/features/tag/pages/index/index.html
index c87c188b5..17c94e4cb 100644
--- a/src/core/features/tag/pages/index/index.html
+++ b/src/core/features/tag/pages/index/index.html
@@ -15,7 +15,7 @@
         <core-loading [hideUntil]="loaded">
             <ion-list *ngIf="hasUnsupportedAreas || areas.length">
                 <ion-item *ngIf="hasUnsupportedAreas" class="core-warning-item">
-                    <ion-icon slot="start" name="fas-exclamation-triangle" color="warning"></ion-icon>
+                    <ion-icon slot="start" name="fas-exclamation-triangle" color="warning" aria-hidden="true"></ion-icon>
                     <ion-label class="ion-text-wrap">{{ 'core.tag.warningareasnotsupported' | translate }}</ion-label>
                 </ion-item>
                 <ion-item class="ion-text-wrap" *ngFor="let area of areas" [title]="area.nameKey | translate"
diff --git a/src/core/features/user/pages/participants/participants.html b/src/core/features/user/pages/participants/participants.html
index be2d7c93e..da2656d4a 100644
--- a/src/core/features/user/pages/participants/participants.html
+++ b/src/core/features/user/pages/participants/participants.html
@@ -1,6 +1,6 @@
 <core-navbar-buttons slot="end">
     <ion-button [hidden]="!searchEnabled" (click)="toggleSearch()" [attr.aria-label]="'core.search' | translate">
-        <ion-icon name="fas-search" slot="icon-only"></ion-icon>
+        <ion-icon name="fas-search" slot="icon-only" aria-hidden="true"></ion-icon>
     </ion-button>
 </core-navbar-buttons>
 
diff --git a/src/core/features/user/pages/profile/profile.html b/src/core/features/user/pages/profile/profile.html
index 413711ab8..960edc431 100644
--- a/src/core/features/user/pages/profile/profile.html
+++ b/src/core/features/user/pages/profile/profile.html
@@ -15,7 +15,8 @@
             <ion-item class="ion-text-center core-user-profile-maininfo">
                 <core-user-avatar [user]="user" [userId]="user.id" [linkProfile]="false" [checkOnline]="true">
                     <div class="core-icon-foreground" *ngIf="canChangeProfilePicture">
-                        <ion-icon name="fa-pen" (click)="changeProfilePicture()">
+                        <ion-icon name="fa-pen" (click)="changeProfilePicture()"
+                            [attr.aria-label]="'core.user.newpicture' | translate">
                         </ion-icon>
                     </div>
                 </core-user-avatar>
@@ -35,8 +36,8 @@
                     <ion-label>
                         <ion-button *ngFor="let handler of communicationHandlers" expand="block" size="default"
                             [ngClass]="['core-user-profile-handler', handler.class || '']" (click)="handlerClicked($event, handler)"
-                            [hidden]="handler.hidden" title="{{ handler.title | translate }}" [disabled]="handler.spinner">
-                            <ion-icon *ngIf="handler.icon" [name]="handler.icon" slot="start"></ion-icon>
+                            [hidden]="handler.hidden" [attr.aria-label]="handler.title | translate" [disabled]="handler.spinner">
+                            <ion-icon *ngIf="handler.icon" [name]="handler.icon" slot="start" aria-hidden="true"></ion-icon>
                             {{ handler.title | translate }}
                         </ion-button>
                     </ion-label>
@@ -48,8 +49,8 @@
 
 
             <ion-item button class="ion-text-wrap core-user-profile-handler" (click)="openUserDetails()"
-                title="{{ 'core.user.details' | translate }}" detail>
-                <ion-icon name="fa-user" slot="start"></ion-icon>
+                [attr.aria-label]="'core.user.details' | translate" detail>
+                <ion-icon name="fa-user" slot="start" aria-hidden="true"></ion-icon>
                 <ion-label>
                     <h2>{{ 'core.user.details' | translate }}</h2>
                 </ion-label>
@@ -60,8 +61,8 @@
 
             <ion-item button *ngFor="let handler of newPageHandlers" class="ion-text-wrap" (click)="handlerClicked($event, handler)"
                 [ngClass]="['core-user-profile-handler', handler.class || '']" [hidden]="handler.hidden"
-                title="{{ handler.title | translate }}" detail>
-                <ion-icon *ngIf="handler.icon" [name]="handler.icon" slot="start"></ion-icon>
+                [attr.aria-label]="handler.title | translate" detail>
+                <ion-icon *ngIf="handler.icon" [name]="handler.icon" slot="start" aria-hidden="true"></ion-icon>
                 <ion-label>
                     <h2>{{ handler.title | translate }}</h2>
                 </ion-label>
@@ -71,8 +72,8 @@
                 <ion-label>
                     <ion-button *ngFor="let handler of actionHandlers" expand="block" fill="outline" size="default"
                         [ngClass]="['core-user-profile-handler', handler.class || '']" (click)="handlerClicked($event, handler)"
-                        [hidden]="handler.hidden" title="{{ handler.title | translate }}" [disabled]="handler.spinner">
-                        <ion-icon *ngIf="handler.icon" [name]="handler.icon" slot="start"></ion-icon>
+                        [hidden]="handler.hidden" [attr.aria-label]="handler.title | translate" [disabled]="handler.spinner">
+                        <ion-icon *ngIf="handler.icon" [name]="handler.icon" slot="start" aria-hidden="true"></ion-icon>
                         {{ handler.title | translate }}
                         <ion-spinner *ngIf="handler.spinner" slot="end"></ion-spinner>
                     </ion-button>
diff --git a/src/core/features/viewer/components/image/image.html b/src/core/features/viewer/components/image/image.html
index e911e9d56..624200036 100644
--- a/src/core/features/viewer/components/image/image.html
+++ b/src/core/features/viewer/components/image/image.html
@@ -3,7 +3,7 @@
         <ion-title>{{ title }}</ion-title>
         <ion-buttons slot="end">
             <ion-button (click)="closeModal()" [attr.aria-label]="'core.close' | translate">
-                <ion-icon name="fas-times" slot="icon-only"></ion-icon>
+                <ion-icon name="fas-times" slot="icon-only" aria-hidden=true></ion-icon>
             </ion-button>
         </ion-buttons>
     </ion-toolbar>
diff --git a/src/core/features/viewer/components/qr-scanner/qr-scanner.html b/src/core/features/viewer/components/qr-scanner/qr-scanner.html
index 49cc60562..f70273deb 100644
--- a/src/core/features/viewer/components/qr-scanner/qr-scanner.html
+++ b/src/core/features/viewer/components/qr-scanner/qr-scanner.html
@@ -3,7 +3,7 @@
         <ion-title>{{ title }}</ion-title>
         <ion-buttons slot="end">
             <ion-button (click)="closeModal()" [attr.aria-label]="'core.close' | translate">
-                <ion-icon name="fas-times" slot="icon-only"></ion-icon>
+                <ion-icon name="fas-times" slot="icon-only" aria-hidden=true></ion-icon>
             </ion-button>
         </ion-buttons>
     </ion-toolbar>
diff --git a/src/core/features/viewer/components/text/text.html b/src/core/features/viewer/components/text/text.html
index 7aa9f0a87..631f2c250 100644
--- a/src/core/features/viewer/components/text/text.html
+++ b/src/core/features/viewer/components/text/text.html
@@ -4,7 +4,7 @@
 
         <ion-buttons slot="end">
             <ion-button (click)="closeModal()" [attr.aria-label]="'core.close' | translate">
-                <ion-icon slot="icon-only" name="fas-times"></ion-icon>
+                <ion-icon slot="icon-only" name="fas-times" aria-hidden="true"></ion-icon>
             </ion-button>
         </ion-buttons>
     </ion-toolbar>
diff --git a/src/core/lang.json b/src/core/lang.json
index 2a1dc13f5..a2b8c14b5 100644
--- a/src/core/lang.json
+++ b/src/core/lang.json
@@ -30,6 +30,7 @@
     "clicktohideshow": "Click to expand or collapse",
     "clicktoseefull": "Click to see full contents.",
     "close": "Close",
+    "collapse": "Collapse",
     "comments": "Comments",
     "commentscount": "Comments ({{$a}})",
     "completion-alt-auto-fail": "Completed: {{$a}} (did not achieve pass grade)",
@@ -108,6 +109,7 @@
     "errorsyncblocked": "This {{$a}} cannot be synchronised right now because of an ongoing process. Please try again later. If the problem persists, try restarting the app.",
     "errorurlschemeinvalidscheme": "This URL is meant to be used in another app: {{$a}}.",
     "errorurlschemeinvalidsite": "This site URL cannot be opened in this app.",
+    "expand": "Expand",
     "explanationdigitalminor": "This information is required to determine if your age is over the digital age of consent. This is the age when an individual can consent to terms and conditions and their data being legally stored and processed.",
     "favourites": "Starred",
     "filename": "Filename",
@@ -123,6 +125,7 @@
     "hasdatatosync": "This {{$a}} has offline data to be synchronised.",
     "help": "Help",
     "hide": "Hide",
+    "hideadvanced": "Hide advanced",
     "hour": "hour",
     "hours": "hours",
     "humanreadablesize": "{{size}} {{unit}}",
@@ -249,6 +252,7 @@
     "sending": "Sending",
     "serverconnection": "Error connecting to the server",
     "show": "Show",
+    "showadvanced": "Show advanced",
     "showless": "Show less...",
     "showmore": "Show more...",
     "site": "Site",
@@ -288,6 +292,7 @@
     "time": "Time",
     "timesup": "Time is up!",
     "today": "Today",
+    "toggledelete": "Toggle delete buttons",
     "tryagain": "Try again",
     "twoparagraphs": "{{p1}}<br><br>{{p2}}",
     "uhoh": "Uh oh!",
diff --git a/src/theme/theme.base.scss b/src/theme/theme.base.scss
index e62ed1f2a..285521bd4 100644
--- a/src/theme/theme.base.scss
+++ b/src/theme/theme.base.scss
@@ -508,3 +508,12 @@ ion-content > ion-fab[core-fab] {
 ion-back-button.md::part(text) {
     display: none;
 }
+
+[role="button"] {
+    cursor: pointer;
+
+    [disabled],
+    [aria-disabled="true"] {
+        cursor: auto;
+    }
+}