diff --git a/projects/ng-aquila/documentation/examples/action/action-indicator/action-indicator-example.html b/projects/ng-aquila/documentation/examples/action/action-indicator/action-indicator-example.html
index 89f38e36f..69035545c 100644
--- a/projects/ng-aquila/documentation/examples/action/action-indicator/action-indicator-example.html
+++ b/projects/ng-aquila/documentation/examples/action/action-indicator/action-indicator-example.html
@@ -4,7 +4,7 @@
     (click)="onSelect(action)"
     [selected]="action === selectedAction"
 >
-    <nx-icon nxActionIcon [name]="action.icon"></nx-icon>
+    <nx-icon nxActionIcon [name]="action.icon" aria-hidden="true"></nx-icon>
     <span class="label-content">
         {{action.label}}
         <nx-indicator
diff --git a/projects/ng-aquila/documentation/examples/action/action-with-router/action-with-router-example.html b/projects/ng-aquila/documentation/examples/action/action-with-router/action-with-router-example.html
index 9093e35a1..689836efd 100644
--- a/projects/ng-aquila/documentation/examples/action/action-with-router/action-with-router-example.html
+++ b/projects/ng-aquila/documentation/examples/action/action-with-router/action-with-router-example.html
@@ -5,6 +5,6 @@
     [queryParams]="action.query"
     routerLinkActive="is-selected"
 >
-    <nx-icon nxActionIcon [name]="action.icon"></nx-icon>
+    <nx-icon nxActionIcon [name]="action.icon" aria-hidden="true"></nx-icon>
     {{action.label}}
 </button>
diff --git a/projects/ng-aquila/documentation/examples/action/action/action-example.html b/projects/ng-aquila/documentation/examples/action/action/action-example.html
index eda0dc3b1..46806a87c 100644
--- a/projects/ng-aquila/documentation/examples/action/action/action-example.html
+++ b/projects/ng-aquila/documentation/examples/action/action/action-example.html
@@ -4,6 +4,6 @@
     (click)="onSelect(action)"
     [selected]="action === selectedAction"
 >
-    <nx-icon nxActionIcon [name]="action.icon"></nx-icon>
+    <nx-icon nxActionIcon [name]="action.icon" aria-hidden="true"></nx-icon>
     {{action.label}}
 </button>
diff --git a/projects/ng-aquila/documentation/examples/avatar/avatar-button/avatar-button-example.html b/projects/ng-aquila/documentation/examples/avatar/avatar-button/avatar-button-example.html
index daa8aa3f6..306edcbdb 100644
--- a/projects/ng-aquila/documentation/examples/avatar/avatar-button/avatar-button-example.html
+++ b/projects/ng-aquila/documentation/examples/avatar/avatar-button/avatar-button-example.html
@@ -3,7 +3,7 @@
 </button>
 
 <button nxAvatar aria-label="show user details" class="nx-margin-right-s">
-    <nx-icon name="user-o"></nx-icon>
+    <nx-icon name="user-o" aria-hidden="true"></nx-icon>
 </button>
 
 <button nxAvatar aria-label="show user details" class="nx-margin-right-s">
@@ -21,7 +21,7 @@
     disabled
     class="nx-margin-right-s"
 >
-    <nx-icon name="user-o"></nx-icon>
+    <nx-icon name="user-o" aria-hidden="true"></nx-icon>
 </button>
 
 <button nxAvatar aria-label="show user details" disabled>
diff --git a/projects/ng-aquila/documentation/examples/avatar/avatar-colors/avatar-colors-example.html b/projects/ng-aquila/documentation/examples/avatar/avatar-colors/avatar-colors-example.html
index 9c954b127..0c80bf4f0 100644
--- a/projects/ng-aquila/documentation/examples/avatar/avatar-colors/avatar-colors-example.html
+++ b/projects/ng-aquila/documentation/examples/avatar/avatar-colors/avatar-colors-example.html
@@ -2,7 +2,7 @@
     <div nxAvatar class="color-1 nx-margin-right-s">MD</div>
     <div nxAvatar class="color-2 nx-margin-right-s">MD</div>
     <div nxAvatar aria-label="Logged in" class="color-3">
-        <nx-icon name="user-o"></nx-icon>
+        <nx-icon name="user-o" aria-hidden="true"></nx-icon>
     </div>
 </div>
 
@@ -10,6 +10,6 @@
     <div nxAvatar class="color-4 nx-margin-right-s">MD</div>
     <div nxAvatar class="color-5 nx-margin-right-s">MD</div>
     <div nxAvatar aria-label="Logged in" class="color-6">
-        <nx-icon name="user-o"></nx-icon>
+        <nx-icon name="user-o" aria-hidden="true"></nx-icon>
     </div>
 </div>
diff --git a/projects/ng-aquila/documentation/examples/avatar/avatar/avatar-example.html b/projects/ng-aquila/documentation/examples/avatar/avatar/avatar-example.html
index 320845472..6ffbc2e0b 100644
--- a/projects/ng-aquila/documentation/examples/avatar/avatar/avatar-example.html
+++ b/projects/ng-aquila/documentation/examples/avatar/avatar/avatar-example.html
@@ -1,7 +1,7 @@
 <div nxAvatar class="nx-margin-right-s">MD</div>
 
 <div nxAvatar aria-label="Logged in" class="nx-margin-right-s">
-    <nx-icon name="user-o"></nx-icon>
+    <nx-icon name="user-o" aria-hidden="true"></nx-icon>
 </div>
 
 <div nxAvatar aria-label="Logged in as Samantha Owl">
diff --git a/projects/ng-aquila/documentation/examples/button/anchor-button/anchor-button-example.html b/projects/ng-aquila/documentation/examples/button/anchor-button/anchor-button-example.html
index a654acadc..05c6c5cdf 100644
--- a/projects/ng-aquila/documentation/examples/button/anchor-button/anchor-button-example.html
+++ b/projects/ng-aquila/documentation/examples/button/anchor-button/anchor-button-example.html
@@ -2,9 +2,14 @@
 <a nxButton="primary small" href="#" disabled>Small</a>
 
 <a nxButton="primary" href="#">
-    <nx-icon name="download" class="nx-margin-right-2xs"></nx-icon>Download
+    <nx-icon
+        name="download"
+        class="nx-margin-right-2xs"
+        aria-hidden="true"
+    ></nx-icon
+    >Download
 </a>
 
 <a nxIconButton="primary" aria-label="send mail" href="#">
-    <nx-icon name="mail-o"></nx-icon>
+    <nx-icon name="mail-o" aria-hidden="true"></nx-icon>
 </a>
diff --git a/projects/ng-aquila/documentation/examples/button/button-icon-indicator/button-icon-indicator-example.html b/projects/ng-aquila/documentation/examples/button/button-icon-indicator/button-icon-indicator-example.html
index e8aab4ec9..f1e535080 100644
--- a/projects/ng-aquila/documentation/examples/button/button-icon-indicator/button-icon-indicator-example.html
+++ b/projects/ng-aquila/documentation/examples/button/button-icon-indicator/button-icon-indicator-example.html
@@ -4,7 +4,7 @@
     type="button"
     class="nx-margin-bottom-0 nx-margin-right-xs"
 >
-    <nx-icon name="bell-o"></nx-icon>
+    <nx-icon name="bell-o" aria-hidden="true"></nx-icon>
     <nx-indicator position="over-icon"></nx-indicator>
 </button>
 
@@ -14,7 +14,7 @@
     type="button"
     class="nx-margin-bottom-0 nx-margin-right-xs"
 >
-    <nx-icon name="bell-o"></nx-icon>
+    <nx-icon name="bell-o" aria-hidden="true"></nx-icon>
     <nx-indicator position="over-icon">1</nx-indicator>
 </button>
 
@@ -24,6 +24,6 @@
     type="button"
     class="nx-margin-bottom-0"
 >
-    <nx-icon name="bell-o"></nx-icon>
+    <nx-icon name="bell-o" aria-hidden="true"></nx-icon>
     <nx-indicator position="over-icon">99+</nx-indicator>
 </button>
diff --git a/projects/ng-aquila/documentation/examples/button/button-icon/button-icon-example.html b/projects/ng-aquila/documentation/examples/button/button-icon/button-icon-example.html
index 7befdd57f..0a1775d81 100644
--- a/projects/ng-aquila/documentation/examples/button/button-icon/button-icon-example.html
+++ b/projects/ng-aquila/documentation/examples/button/button-icon/button-icon-example.html
@@ -1,15 +1,15 @@
 <button nxIconButton="primary" aria-label="send mail" type="button">
-    <nx-icon name="mail-o"></nx-icon>
+    <nx-icon name="mail-o" aria-hidden="true"></nx-icon>
 </button>
 <button nxIconButton="secondary" aria-label="like on facebook" type="button">
-    <nx-icon name="facebook"></nx-icon>
+    <nx-icon name="facebook" aria-hidden="true"></nx-icon>
 </button>
 <button nxIconButton="tertiary" aria-label="tweet" type="button">
-    <nx-icon name="twitter"></nx-icon>
+    <nx-icon name="twitter" aria-hidden="true"></nx-icon>
 </button>
 <button nxIconButton="cta" aria-label="send mail" type="button">
-    <nx-icon name="mail"></nx-icon>
+    <nx-icon name="mail" aria-hidden="true"></nx-icon>
 </button>
 <button nxIconButton="emphasis" disabled aria-label="send mail" type="button">
-    <nx-icon name="mail-o"></nx-icon>
+    <nx-icon name="mail-o" aria-hidden="true"></nx-icon>
 </button>
diff --git a/projects/ng-aquila/documentation/examples/button/button-plain-a1/button-plain-a1-example.html b/projects/ng-aquila/documentation/examples/button/button-plain-a1/button-plain-a1-example.html
index 75ff900ab..a4587af73 100644
--- a/projects/ng-aquila/documentation/examples/button/button-plain-a1/button-plain-a1-example.html
+++ b/projects/ng-aquila/documentation/examples/button/button-plain-a1/button-plain-a1-example.html
@@ -16,10 +16,11 @@ <h4 nxHeadline="subsection-xsmall" class="nx-margin-bottom-s">
     type="button"
     class="nx-margin-right-m"
 >
-    <nx-icon name="download" nxIconPositionStart></nx-icon>Download
+    <nx-icon name="download" nxIconPositionStart aria-hidden="true"></nx-icon
+    >Download
 </button>
 <button nxPlainButton variant="secondary" type="button" aria-label="add item">
-    <nx-icon name="plus"></nx-icon>
+    <nx-icon name="plus" aria-hidden="true"></nx-icon>
 </button>
 
 <h4 nxHeadline="subsection-xsmall" class="nx-margin-bottom-s nx-margin-top-l">
@@ -41,10 +42,11 @@ <h4 nxHeadline="subsection-xsmall" class="nx-margin-bottom-s nx-margin-top-l">
     type="button"
     class="nx-margin-right-m"
 >
-    <nx-icon name="download" nxIconPositionStart></nx-icon>Secondary small
+    <nx-icon name="download" nxIconPositionStart aria-hidden="true"></nx-icon
+    >Secondary small
 </button>
 <button nxPlainButton size="small" type="button" aria-label="add item">
-    <nx-icon name="plus"></nx-icon>
+    <nx-icon name="plus" aria-hidden="true"></nx-icon>
 </button>
 <br />
 <button nxPlainButton size="small" critical type="button">Danger</button>
diff --git a/projects/ng-aquila/documentation/examples/button/button-plain/button-plain-example.html b/projects/ng-aquila/documentation/examples/button/button-plain/button-plain-example.html
index 4a7960dd8..60c743c53 100644
--- a/projects/ng-aquila/documentation/examples/button/button-plain/button-plain-example.html
+++ b/projects/ng-aquila/documentation/examples/button/button-plain/button-plain-example.html
@@ -2,10 +2,11 @@
     Plain Button
 </button>
 <button nxPlainButton type="button" class="nx-margin-right-m">
-    <nx-icon name="download" nxIconPositionStart></nx-icon>Download
+    <nx-icon name="download" nxIconPositionStart aria-hidden="true"></nx-icon
+    >Download
 </button>
 <button nxPlainButton type="button" aria-label="add item">
-    <nx-icon name="plus"></nx-icon>
+    <nx-icon name="plus" aria-hidden="true"></nx-icon>
 </button>
 <br />
 <button nxPlainButton="danger" type="button">Danger</button>
diff --git a/projects/ng-aquila/documentation/examples/button/button-with-icon/button-with-icon-example.html b/projects/ng-aquila/documentation/examples/button/button-with-icon/button-with-icon-example.html
index 992b87fc4..6747b42d6 100644
--- a/projects/ng-aquila/documentation/examples/button/button-with-icon/button-with-icon-example.html
+++ b/projects/ng-aquila/documentation/examples/button/button-with-icon/button-with-icon-example.html
@@ -1,21 +1,25 @@
 <button nxButton="primary" type="button">
-    <nx-icon name="download" nxIconPositionStart></nx-icon>Download
+    <nx-icon name="download" nxIconPositionStart aria-hidden="true"></nx-icon
+    >Download
 </button>
 <button nxButton="secondary" type="button">
-    <nx-icon name="arrow-right" nxIconPositionEnd></nx-icon>
+    <nx-icon name="arrow-right" nxIconPositionEnd aria-hidden="true"></nx-icon>
     next
 </button>
 <button nxButton="tertiary" type="button">
-    <nx-icon name="arrow-right" nxIconPositionStart></nx-icon>Details
+    <nx-icon name="arrow-right" nxIconPositionStart aria-hidden="true"></nx-icon
+    >Details
 </button>
 
 <button nxButton="primary small" type="button">
-    <nx-icon name="download" nxIconPositionStart></nx-icon>Download
+    <nx-icon name="download" nxIconPositionStart aria-hidden="true"></nx-icon
+    >Download
 </button>
 <button nxButton="secondary small" type="button">
-    <nx-icon name="arrow-right" nxIconPositionEnd></nx-icon>
+    <nx-icon name="arrow-right" nxIconPositionEnd aria-hidden="true"></nx-icon>
     next
 </button>
 <button nxButton="tertiary small" type="button">
-    <nx-icon name="arrow-right" nxIconPositionStart></nx-icon>Details
+    <nx-icon name="arrow-right" nxIconPositionStart aria-hidden="true"></nx-icon
+    >Details
 </button>
diff --git a/projects/ng-aquila/documentation/examples/card/selectable-card-product/selectable-card-product-example.html b/projects/ng-aquila/documentation/examples/card/selectable-card-product/selectable-card-product-example.html
index 01a3917c1..5dd308160 100644
--- a/projects/ng-aquila/documentation/examples/card/selectable-card-product/selectable-card-product-example.html
+++ b/projects/ng-aquila/documentation/examples/card/selectable-card-product/selectable-card-product-example.html
@@ -25,8 +25,13 @@
                 class="nx-margin-left-xs"
                 [nxPopoverTriggerFor]="popover"
                 nxPopoverTrigger="click"
+                aria-label="More information"
             >
-                <nx-icon size="s" name="info-circle-o"></nx-icon>
+                <nx-icon
+                    size="s"
+                    name="info-circle-o"
+                    aria-hidden="true"
+                ></nx-icon>
             </button>
         </div>
     </div>
diff --git a/projects/ng-aquila/documentation/examples/comparison-table/comparison-table-disabled-columns/comparison-table-disabled-columns-example.html b/projects/ng-aquila/documentation/examples/comparison-table/comparison-table-disabled-columns/comparison-table-disabled-columns-example.html
index 6ecf4df5b..de7bb7729 100644
--- a/projects/ng-aquila/documentation/examples/comparison-table/comparison-table-disabled-columns/comparison-table-disabled-columns-example.html
+++ b/projects/ng-aquila/documentation/examples/comparison-table/comparison-table-disabled-columns/comparison-table-disabled-columns-example.html
@@ -58,7 +58,10 @@
                             nxPopoverTrigger="click"
                             type="button"
                         >
-                            <nx-icon name="info-circle-o"></nx-icon>
+                            <nx-icon
+                                name="info-circle-o"
+                                aria-hidden="true"
+                            ></nx-icon>
                         </button>
                         <nx-popover #popoverContent1>
                             <span>Summary of what all services include</span>
@@ -96,7 +99,10 @@
                             nxPopoverTrigger="click"
                             type="button"
                         >
-                            <nx-icon name="info-circle-o"></nx-icon>
+                            <nx-icon
+                                name="info-circle-o"
+                                aria-hidden="true"
+                            ></nx-icon>
                         </button>
                         <nx-popover #popoverContent2>
                             <span>Service headline popover content</span>
diff --git a/projects/ng-aquila/documentation/examples/comparison-table/comparison-table-dynamic/comparison-table-dynamic-example.html b/projects/ng-aquila/documentation/examples/comparison-table/comparison-table-dynamic/comparison-table-dynamic-example.html
index 441948d72..207e60da2 100644
--- a/projects/ng-aquila/documentation/examples/comparison-table/comparison-table-dynamic/comparison-table-dynamic-example.html
+++ b/projects/ng-aquila/documentation/examples/comparison-table/comparison-table-dynamic/comparison-table-dynamic-example.html
@@ -39,7 +39,10 @@
                                 nxPopoverTrigger="click"
                                 type="button"
                             >
-                                <nx-icon name="info-circle-o"></nx-icon>
+                                <nx-icon
+                                    name="info-circle-o"
+                                    aria-hidden="true"
+                                ></nx-icon>
                             </button>
                             <nx-popover #popoverContent>
                                 <span>{{ element['description'] }}</span>
@@ -99,7 +102,10 @@
                                     nxPopoverTrigger="click"
                                     type="button"
                                 >
-                                    <nx-icon name="info-circle-o"></nx-icon>
+                                    <nx-icon
+                                        name="info-circle-o"
+                                        aria-hidden="true"
+                                    ></nx-icon>
                                 </button>
                                 <nx-popover #popoverContent>
                                     <span>{{row['description']}}</span>
diff --git a/projects/ng-aquila/documentation/examples/comparison-table/comparison-table-error/comparison-table-error-example.html b/projects/ng-aquila/documentation/examples/comparison-table/comparison-table-error/comparison-table-error-example.html
index c1e9e1559..58ffd7ccb 100644
--- a/projects/ng-aquila/documentation/examples/comparison-table/comparison-table-error/comparison-table-error-example.html
+++ b/projects/ng-aquila/documentation/examples/comparison-table/comparison-table-error/comparison-table-error-example.html
@@ -16,7 +16,10 @@
                         aria-label="More information"
                         type="button"
                     >
-                        <nx-icon name="info-circle-o"></nx-icon>
+                        <nx-icon
+                            name="info-circle-o"
+                            aria-hidden="true"
+                        ></nx-icon>
                     </button>
                     <nx-popover #popover>
                         <span
@@ -75,7 +78,10 @@
                         nxPopoverTrigger="click"
                         type="button"
                     >
-                        <nx-icon name="info-circle-o"></nx-icon>
+                        <nx-icon
+                            name="info-circle-o"
+                            aria-hidden="true"
+                        ></nx-icon>
                     </button>
                     <nx-popover #popoverContent1>
                         <span>Service headline popover content</span>
@@ -99,7 +105,10 @@
                         nxPopoverTrigger="click"
                         type="button"
                     >
-                        <nx-icon name="info-circle-o"></nx-icon>
+                        <nx-icon
+                            name="info-circle-o"
+                            aria-hidden="true"
+                        ></nx-icon>
                     </button>
                     <nx-popover #popoverContent2>
                         <span>Service headline popover content</span>
diff --git a/projects/ng-aquila/documentation/examples/comparison-table/comparison-table-hidden-columns/comparison-table-hidden-columns-example.html b/projects/ng-aquila/documentation/examples/comparison-table/comparison-table-hidden-columns/comparison-table-hidden-columns-example.html
index 78c50826c..074203295 100644
--- a/projects/ng-aquila/documentation/examples/comparison-table/comparison-table-hidden-columns/comparison-table-hidden-columns-example.html
+++ b/projects/ng-aquila/documentation/examples/comparison-table/comparison-table-hidden-columns/comparison-table-hidden-columns-example.html
@@ -45,7 +45,10 @@
                             aria-label="More information"
                             type="button"
                         >
-                            <nx-icon name="info-circle-o"></nx-icon>
+                            <nx-icon
+                                name="info-circle-o"
+                                aria-hidden="true"
+                            ></nx-icon>
                         </button>
                         <nx-popover #popover>
                             <span
@@ -107,7 +110,10 @@
                             nxPopoverTrigger="click"
                             type="button"
                         >
-                            <nx-icon name="info-circle-o"></nx-icon>
+                            <nx-icon
+                                name="info-circle-o"
+                                aria-hidden="true"
+                            ></nx-icon>
                         </button>
                         <nx-popover #popoverContent1>
                             <span>Service headline popover content</span>
@@ -137,7 +143,10 @@
                             nxPopoverTrigger="click"
                             type="button"
                         >
-                            <nx-icon name="info-circle-o"></nx-icon>
+                            <nx-icon
+                                name="info-circle-o"
+                                aria-hidden="true"
+                            ></nx-icon>
                         </button>
                         <nx-popover #popoverContent2>
                             <span>Service headline popover content</span>
diff --git a/projects/ng-aquila/documentation/examples/comparison-table/comparison-table-non-sticky-header/comparison-table-non-sticky-header-example.html b/projects/ng-aquila/documentation/examples/comparison-table/comparison-table-non-sticky-header/comparison-table-non-sticky-header-example.html
index ec3ea22d4..876736838 100644
--- a/projects/ng-aquila/documentation/examples/comparison-table/comparison-table-non-sticky-header/comparison-table-non-sticky-header-example.html
+++ b/projects/ng-aquila/documentation/examples/comparison-table/comparison-table-non-sticky-header/comparison-table-non-sticky-header-example.html
@@ -14,7 +14,10 @@
                             aria-label="More information"
                             type="button"
                         >
-                            <nx-icon name="info-circle-o"></nx-icon>
+                            <nx-icon
+                                name="info-circle-o"
+                                aria-hidden="true"
+                            ></nx-icon>
                         </button>
                         <nx-popover #popover>
                             <span
@@ -76,7 +79,10 @@
                             nxPopoverTrigger="click"
                             type="button"
                         >
-                            <nx-icon name="info-circle-o"></nx-icon>
+                            <nx-icon
+                                name="info-circle-o"
+                                aria-hidden="true"
+                            ></nx-icon>
                         </button>
                         <nx-popover #popoverContent1>
                             <span>Service headline popover content</span>
@@ -106,7 +112,10 @@
                             nxPopoverTrigger="click"
                             type="button"
                         >
-                            <nx-icon name="info-circle-o"></nx-icon>
+                            <nx-icon
+                                name="info-circle-o"
+                                aria-hidden="true"
+                            ></nx-icon>
                         </button>
                         <nx-popover #popoverContent2>
                             <span>Service headline popover content</span>
diff --git a/projects/ng-aquila/documentation/examples/comparison-table/comparison-table-static/comparison-table-static-example.html b/projects/ng-aquila/documentation/examples/comparison-table/comparison-table-static/comparison-table-static-example.html
index fedf52923..e23a19e3a 100644
--- a/projects/ng-aquila/documentation/examples/comparison-table/comparison-table-static/comparison-table-static-example.html
+++ b/projects/ng-aquila/documentation/examples/comparison-table/comparison-table-static/comparison-table-static-example.html
@@ -30,7 +30,10 @@
                             aria-label="More information"
                             type="button"
                         >
-                            <nx-icon name="info-circle-o"></nx-icon>
+                            <nx-icon
+                                name="info-circle-o"
+                                aria-hidden="true"
+                            ></nx-icon>
                         </button>
                         <nx-popover #popover>
                             <span
@@ -92,7 +95,10 @@
                             nxPopoverTrigger="click"
                             type="button"
                         >
-                            <nx-icon name="info-circle-o"></nx-icon>
+                            <nx-icon
+                                name="info-circle-o"
+                                aria-hidden="true"
+                            ></nx-icon>
                         </button>
                         <nx-popover #popoverContent1>
                             <span>Service headline popover content</span>
@@ -122,7 +128,10 @@
                             nxPopoverTrigger="click"
                             type="button"
                         >
-                            <nx-icon name="info-circle-o"></nx-icon>
+                            <nx-icon
+                                name="info-circle-o"
+                                aria-hidden="true"
+                            ></nx-icon>
                         </button>
                         <nx-popover #popoverContent2>
                             <span>Service headline popover content</span>
diff --git a/projects/ng-aquila/documentation/examples/comparison-table/comparison-table-with-intersection/comparison-table-with-intersection-example.html b/projects/ng-aquila/documentation/examples/comparison-table/comparison-table-with-intersection/comparison-table-with-intersection-example.html
index 3d92e566e..c75401c56 100644
--- a/projects/ng-aquila/documentation/examples/comparison-table/comparison-table-with-intersection/comparison-table-with-intersection-example.html
+++ b/projects/ng-aquila/documentation/examples/comparison-table/comparison-table-with-intersection/comparison-table-with-intersection-example.html
@@ -27,7 +27,10 @@
                             nxPopoverTrigger="click"
                             type="button"
                         >
-                            <nx-icon name="info-circle-o"></nx-icon>
+                            <nx-icon
+                                name="info-circle-o"
+                                aria-hidden="true"
+                            ></nx-icon>
                         </button>
                         <nx-popover #popover>
                             <span
@@ -114,7 +117,10 @@
                             tabindex="0"
                             type="button"
                         >
-                            <nx-icon name="info-circle-o"></nx-icon>
+                            <nx-icon
+                                name="info-circle-o"
+                                aria-hidden="true"
+                            ></nx-icon>
                         </button>
                         <nx-popover #popoverContent1>
                             <span>Summary of what all services include</span>
@@ -140,7 +146,10 @@
                             nxPopoverTrigger="click"
                             type="button"
                         >
-                            <nx-icon name="info-circle-o"></nx-icon>
+                            <nx-icon
+                                name="info-circle-o"
+                                aria-hidden="true"
+                            ></nx-icon>
                         </button>
                         <nx-popover #popoverContent1>
                             <span>Service headline popover content</span>
@@ -176,7 +185,10 @@
                             nxPopoverTrigger="click"
                             type="button"
                         >
-                            <nx-icon name="info-circle-o"></nx-icon>
+                            <nx-icon
+                                name="info-circle-o"
+                                aria-hidden="true"
+                            ></nx-icon>
                         </button>
                         <nx-popover #popoverContent2>
                             <span>Service headline popover content</span>
diff --git a/projects/ng-aquila/documentation/examples/comparison-table/comparison-table/comparison-table-example.html b/projects/ng-aquila/documentation/examples/comparison-table/comparison-table/comparison-table-example.html
index a00681b20..33c5cf616 100644
--- a/projects/ng-aquila/documentation/examples/comparison-table/comparison-table/comparison-table-example.html
+++ b/projects/ng-aquila/documentation/examples/comparison-table/comparison-table/comparison-table-example.html
@@ -19,7 +19,10 @@
                             aria-label="More information"
                             type="button"
                         >
-                            <nx-icon name="info-circle-o"></nx-icon>
+                            <nx-icon
+                                name="info-circle-o"
+                                aria-hidden="true"
+                            ></nx-icon>
                         </button>
                         <nx-popover #popover>
                             <span
@@ -96,7 +99,10 @@
                             nxPopoverTrigger="click"
                             type="button"
                         >
-                            <nx-icon name="info-circle-o"></nx-icon>
+                            <nx-icon
+                                name="info-circle-o"
+                                aria-hidden="true"
+                            ></nx-icon>
                         </button>
                         <nx-popover #popoverContent1>
                             <span>Service headline popover content</span>
@@ -126,7 +132,10 @@
                             nxPopoverTrigger="click"
                             type="button"
                         >
-                            <nx-icon name="info-circle-o"></nx-icon>
+                            <nx-icon
+                                name="info-circle-o"
+                                aria-hidden="true"
+                            ></nx-icon>
                         </button>
                         <nx-popover #popoverContent2>
                             <span>Service headline popover content</span>
diff --git a/projects/ng-aquila/documentation/examples/file-uploader/file-uploader-auto/file-uploader-auto-example.html b/projects/ng-aquila/documentation/examples/file-uploader/file-uploader-auto/file-uploader-auto-example.html
index 60c10c82d..40a14a4ee 100644
--- a/projects/ng-aquila/documentation/examples/file-uploader/file-uploader-auto/file-uploader-auto-example.html
+++ b/projects/ng-aquila/documentation/examples/file-uploader/file-uploader-auto/file-uploader-auto-example.html
@@ -17,7 +17,7 @@
         class="nx-margin-bottom-s"
         nxFileUploadButton
     >
-        <nx-icon name="plus" nxIconPositionStart></nx-icon>
+        <nx-icon name="plus" nxIconPositionStart aria-hidden="true"></nx-icon>
         Add File
     </button>
 </nx-file-uploader>
diff --git a/projects/ng-aquila/documentation/examples/file-uploader/file-uploader-basic/file-uploader-basic-example.html b/projects/ng-aquila/documentation/examples/file-uploader/file-uploader-basic/file-uploader-basic-example.html
index 5b5aadcdb..3852c15cb 100644
--- a/projects/ng-aquila/documentation/examples/file-uploader/file-uploader-basic/file-uploader-basic-example.html
+++ b/projects/ng-aquila/documentation/examples/file-uploader/file-uploader-basic/file-uploader-basic-example.html
@@ -12,7 +12,11 @@
         class="nx-margin-bottom-s"
         nxFileUploadButton
     >
-        <nx-icon name="plus" class="nx-margin-right-2xs"></nx-icon>
+        <nx-icon
+            name="plus"
+            class="nx-margin-right-2xs"
+            aria-hidden="true"
+        ></nx-icon>
         Add File
     </button>
 </nx-file-uploader>
diff --git a/projects/ng-aquila/documentation/examples/file-uploader/file-uploader-custom-item/file-uploader-custom-item-example.html b/projects/ng-aquila/documentation/examples/file-uploader/file-uploader-custom-item/file-uploader-custom-item-example.html
index 0328b6ec1..85f27ac9a 100644
--- a/projects/ng-aquila/documentation/examples/file-uploader/file-uploader-custom-item/file-uploader-custom-item-example.html
+++ b/projects/ng-aquila/documentation/examples/file-uploader/file-uploader-custom-item/file-uploader-custom-item-example.html
@@ -15,7 +15,11 @@
         class="nx-margin-bottom-s"
         nxFileUploadButton
     >
-        <nx-icon name="plus" class="nx-margin-right-2xs"></nx-icon>
+        <nx-icon
+            name="plus"
+            class="nx-margin-right-2xs"
+            aria-hidden="true"
+        ></nx-icon>
         Add File
     </button>
 </nx-file-uploader>
diff --git a/projects/ng-aquila/documentation/examples/file-uploader/file-uploader-disable-common-validators/file-uploader-disable-common-validators-example.html b/projects/ng-aquila/documentation/examples/file-uploader/file-uploader-disable-common-validators/file-uploader-disable-common-validators-example.html
index 4fc6dab1d..b40db13a7 100644
--- a/projects/ng-aquila/documentation/examples/file-uploader/file-uploader-disable-common-validators/file-uploader-disable-common-validators-example.html
+++ b/projects/ng-aquila/documentation/examples/file-uploader/file-uploader-disable-common-validators/file-uploader-disable-common-validators-example.html
@@ -25,7 +25,11 @@
             class="nx-margin-bottom-s"
             nxFileUploadButton
         >
-            <nx-icon name="plus" class="nx-margin-right-2xs"></nx-icon>
+            <nx-icon
+                name="plus"
+                class="nx-margin-right-2xs"
+                aria-hidden="true"
+            ></nx-icon>
             Add File
         </button>
 
diff --git a/projects/ng-aquila/documentation/examples/file-uploader/file-uploader-drop-zone/file-uploader-drop-zone-example.html b/projects/ng-aquila/documentation/examples/file-uploader/file-uploader-drop-zone/file-uploader-drop-zone-example.html
index 39bc70c0c..b57fcaada 100644
--- a/projects/ng-aquila/documentation/examples/file-uploader/file-uploader-drop-zone/file-uploader-drop-zone-example.html
+++ b/projects/ng-aquila/documentation/examples/file-uploader/file-uploader-drop-zone/file-uploader-drop-zone-example.html
@@ -15,7 +15,11 @@
             type="button"
             nxFileUploadButton
         >
-            <nx-icon name="plus" class="nx-margin-right-2xs"></nx-icon>
+            <nx-icon
+                name="plus"
+                class="nx-margin-right-2xs"
+                aria-hidden="true"
+            ></nx-icon>
             Add File
         </button>
     </nx-file-uploader-drop-zone>
diff --git a/projects/ng-aquila/documentation/examples/file-uploader/file-uploader-error-list/file-uploader-error-list-example.html b/projects/ng-aquila/documentation/examples/file-uploader/file-uploader-error-list/file-uploader-error-list-example.html
index 0674b2b5b..19ea8518a 100644
--- a/projects/ng-aquila/documentation/examples/file-uploader/file-uploader-error-list/file-uploader-error-list-example.html
+++ b/projects/ng-aquila/documentation/examples/file-uploader/file-uploader-error-list/file-uploader-error-list-example.html
@@ -25,7 +25,11 @@
             class="nx-margin-bottom-s"
             nxFileUploadButton
         >
-            <nx-icon name="plus" class="nx-margin-right-2xs"></nx-icon>
+            <nx-icon
+                name="plus"
+                class="nx-margin-right-2xs"
+                aria-hidden="true"
+            ></nx-icon>
             Add File
         </button>
 
diff --git a/projects/ng-aquila/documentation/examples/file-uploader/file-uploader-expert/file-uploader-expert-example.html b/projects/ng-aquila/documentation/examples/file-uploader/file-uploader-expert/file-uploader-expert-example.html
index 6ae1b91c4..cbdf2f36a 100644
--- a/projects/ng-aquila/documentation/examples/file-uploader/file-uploader-expert/file-uploader-expert-example.html
+++ b/projects/ng-aquila/documentation/examples/file-uploader/file-uploader-expert/file-uploader-expert-example.html
@@ -12,7 +12,11 @@
         class="nx-margin-bottom-s"
         nxFileUploadButton
     >
-        <nx-icon name="plus" class="nx-margin-right-2xs"></nx-icon>
+        <nx-icon
+            name="plus"
+            class="nx-margin-right-2xs"
+            aria-hidden="true"
+        ></nx-icon>
         Add File
     </button>
 </nx-file-uploader>
diff --git a/projects/ng-aquila/documentation/examples/file-uploader/file-uploader-intl/file-uploader-intl-example.html b/projects/ng-aquila/documentation/examples/file-uploader/file-uploader-intl/file-uploader-intl-example.html
index 2addbf182..4deb0b910 100644
--- a/projects/ng-aquila/documentation/examples/file-uploader/file-uploader-intl/file-uploader-intl-example.html
+++ b/projects/ng-aquila/documentation/examples/file-uploader/file-uploader-intl/file-uploader-intl-example.html
@@ -12,7 +12,11 @@
         class="nx-margin-bottom-s"
         nxFileUploadButton
     >
-        <nx-icon name="plus" class="nx-margin-right-2xs"></nx-icon>
+        <nx-icon
+            name="plus"
+            class="nx-margin-right-2xs"
+            aria-hidden="true"
+        ></nx-icon>
         Add File
     </button>
 </nx-file-uploader>
diff --git a/projects/ng-aquila/documentation/examples/file-uploader/file-uploader-max-file-number/file-uploader-max-file-number-example.html b/projects/ng-aquila/documentation/examples/file-uploader/file-uploader-max-file-number/file-uploader-max-file-number-example.html
index 058e8c94d..6e11d079e 100644
--- a/projects/ng-aquila/documentation/examples/file-uploader/file-uploader-max-file-number/file-uploader-max-file-number-example.html
+++ b/projects/ng-aquila/documentation/examples/file-uploader/file-uploader-max-file-number/file-uploader-max-file-number-example.html
@@ -21,7 +21,11 @@
             class="nx-margin-bottom-s"
             nxFileUploadButton
         >
-            <nx-icon name="plus" class="nx-margin-right-2xs"></nx-icon>
+            <nx-icon
+                name="plus"
+                class="nx-margin-right-2xs"
+                aria-hidden="true"
+            ></nx-icon>
             Add File
         </button>
 
diff --git a/projects/ng-aquila/documentation/examples/file-uploader/file-uploader-reactive/file-uploader-reactive-example.html b/projects/ng-aquila/documentation/examples/file-uploader/file-uploader-reactive/file-uploader-reactive-example.html
index 4aac55802..74370ef04 100644
--- a/projects/ng-aquila/documentation/examples/file-uploader/file-uploader-reactive/file-uploader-reactive-example.html
+++ b/projects/ng-aquila/documentation/examples/file-uploader/file-uploader-reactive/file-uploader-reactive-example.html
@@ -20,7 +20,11 @@
             class="nx-margin-bottom-s"
             nxFileUploadButton
         >
-            <nx-icon name="plus" class="nx-margin-right-2xs"></nx-icon>
+            <nx-icon
+                name="plus"
+                class="nx-margin-right-2xs"
+                aria-hidden="true"
+            ></nx-icon>
             Add File
         </button>
 
diff --git a/projects/ng-aquila/documentation/examples/file-uploader/file-uploader-separate-requests/file-uploader-separate-requests-example.html b/projects/ng-aquila/documentation/examples/file-uploader/file-uploader-separate-requests/file-uploader-separate-requests-example.html
index f6aa187af..0bb25660c 100644
--- a/projects/ng-aquila/documentation/examples/file-uploader/file-uploader-separate-requests/file-uploader-separate-requests-example.html
+++ b/projects/ng-aquila/documentation/examples/file-uploader/file-uploader-separate-requests/file-uploader-separate-requests-example.html
@@ -12,7 +12,11 @@
         class="nx-margin-bottom-s"
         nxFileUploadButton
     >
-        <nx-icon name="plus" class="nx-margin-right-2xs"></nx-icon>
+        <nx-icon
+            name="plus"
+            class="nx-margin-right-2xs"
+            aria-hidden="true"
+        ></nx-icon>
         Add File
     </button>
 </nx-file-uploader>
diff --git a/projects/ng-aquila/documentation/examples/file-uploader/file-uploader-strict-type-validation/file-uploader-strict-type-validation-example.html b/projects/ng-aquila/documentation/examples/file-uploader/file-uploader-strict-type-validation/file-uploader-strict-type-validation-example.html
index 884a10abb..222352a93 100644
--- a/projects/ng-aquila/documentation/examples/file-uploader/file-uploader-strict-type-validation/file-uploader-strict-type-validation-example.html
+++ b/projects/ng-aquila/documentation/examples/file-uploader/file-uploader-strict-type-validation/file-uploader-strict-type-validation-example.html
@@ -26,7 +26,11 @@
 
         <nx-file-uploader-drop-zone class="nx-margin-bottom-m">
             <button nxButton="primary" type="button" nxFileUploadButton>
-                <nx-icon name="plus" class="nx-margin-right-2xs"></nx-icon>
+                <nx-icon
+                    name="plus"
+                    class="nx-margin-right-2xs"
+                    aria-hidden="true"
+                ></nx-icon>
                 Add File
             </button>
         </nx-file-uploader-drop-zone>
diff --git a/projects/ng-aquila/documentation/examples/file-uploader/file-uploader-template-driven/file-uploader-template-driven-example.html b/projects/ng-aquila/documentation/examples/file-uploader/file-uploader-template-driven/file-uploader-template-driven-example.html
index 8327174c1..c7fd9f4bb 100644
--- a/projects/ng-aquila/documentation/examples/file-uploader/file-uploader-template-driven/file-uploader-template-driven-example.html
+++ b/projects/ng-aquila/documentation/examples/file-uploader/file-uploader-template-driven/file-uploader-template-driven-example.html
@@ -12,7 +12,11 @@
         class="nx-margin-bottom-s"
         nxFileUploadButton
     >
-        <nx-icon name="plus" class="nx-margin-right-2xs"></nx-icon>
+        <nx-icon
+            name="plus"
+            class="nx-margin-right-2xs"
+            aria-hidden="true"
+        ></nx-icon>
         Add File
     </button>
 </nx-file-uploader>
diff --git a/projects/ng-aquila/documentation/examples/file-uploader/file-uploader-type-validation/file-uploader-type-validation-example.html b/projects/ng-aquila/documentation/examples/file-uploader/file-uploader-type-validation/file-uploader-type-validation-example.html
index 04a97e18a..3915ab367 100644
--- a/projects/ng-aquila/documentation/examples/file-uploader/file-uploader-type-validation/file-uploader-type-validation-example.html
+++ b/projects/ng-aquila/documentation/examples/file-uploader/file-uploader-type-validation/file-uploader-type-validation-example.html
@@ -17,7 +17,11 @@
 
         <nx-file-uploader-drop-zone class="nx-margin-bottom-m">
             <button nxButton="primary" type="button" nxFileUploadButton>
-                <nx-icon name="plus" class="nx-margin-right-2xs"></nx-icon>
+                <nx-icon
+                    name="plus"
+                    class="nx-margin-right-2xs"
+                    aria-hidden="true"
+                ></nx-icon>
                 Add File
             </button>
         </nx-file-uploader-drop-zone>
diff --git a/projects/ng-aquila/documentation/examples/file-uploader/file-uploader-validation/file-uploader-validation-example.html b/projects/ng-aquila/documentation/examples/file-uploader/file-uploader-validation/file-uploader-validation-example.html
index 30e012489..52a76984c 100644
--- a/projects/ng-aquila/documentation/examples/file-uploader/file-uploader-validation/file-uploader-validation-example.html
+++ b/projects/ng-aquila/documentation/examples/file-uploader/file-uploader-validation/file-uploader-validation-example.html
@@ -21,7 +21,11 @@
             class="nx-margin-bottom-s"
             nxFileUploadButton
         >
-            <nx-icon name="plus" class="nx-margin-right-2xs"></nx-icon>
+            <nx-icon
+                name="plus"
+                class="nx-margin-right-2xs"
+                aria-hidden="true"
+            ></nx-icon>
             Add File
         </button>
 
diff --git a/projects/ng-aquila/documentation/examples/file-uploader/file-uploader-with-request/file-uploader-with-request-example.html b/projects/ng-aquila/documentation/examples/file-uploader/file-uploader-with-request/file-uploader-with-request-example.html
index 73aab4f0a..068663200 100644
--- a/projects/ng-aquila/documentation/examples/file-uploader/file-uploader-with-request/file-uploader-with-request-example.html
+++ b/projects/ng-aquila/documentation/examples/file-uploader/file-uploader-with-request/file-uploader-with-request-example.html
@@ -12,7 +12,11 @@
         class="nx-margin-bottom-s"
         nxFileUploadButton
     >
-        <nx-icon name="plus" class="nx-margin-right-2xs"></nx-icon>
+        <nx-icon
+            name="plus"
+            class="nx-margin-right-2xs"
+            aria-hidden="true"
+        ></nx-icon>
         Add File
     </button>
 </nx-file-uploader>
diff --git a/projects/ng-aquila/documentation/examples/formfield/formfield-custom-label/formfield-custom-label-example.html b/projects/ng-aquila/documentation/examples/formfield/formfield-custom-label/formfield-custom-label-example.html
index debd6b33c..dd45acd8b 100644
--- a/projects/ng-aquila/documentation/examples/formfield/formfield-custom-label/formfield-custom-label-example.html
+++ b/projects/ng-aquila/documentation/examples/formfield/formfield-custom-label/formfield-custom-label-example.html
@@ -1,7 +1,7 @@
 <nx-formfield class="nx-margin-bottom-s">
     <nx-formfield-label>
         Favourite Animal
-        <nx-icon name="product-heart"></nx-icon>
+        <nx-icon name="product-heart" aria-hidden="true"></nx-icon>
         {{isOptional}}</nx-formfield-label
     >
     <input nxInput />
@@ -10,7 +10,8 @@
 
 <nx-formfield appearance="outline" floatLabel="always">
     <nx-formfield-label>
-        Favourite Animal <nx-icon name="product-heart"></nx-icon>
+        Favourite Animal
+        <nx-icon name="product-heart" aria-hidden="true"></nx-icon>
         <span class="nx-font-weight-regular">
             {{isOptional}}</span
         ></nx-formfield-label
diff --git a/projects/ng-aquila/documentation/examples/formfield/formfield-hint/formfield-hint-example.html b/projects/ng-aquila/documentation/examples/formfield/formfield-hint/formfield-hint-example.html
index 7aa184a28..e10d846db 100644
--- a/projects/ng-aquila/documentation/examples/formfield/formfield-hint/formfield-hint-example.html
+++ b/projects/ng-aquila/documentation/examples/formfield/formfield-hint/formfield-hint-example.html
@@ -6,8 +6,9 @@
             [nxPopoverTriggerFor]="popoverAppendixExample"
             nxPopoverDirection="top"
             nxPopoverTrigger="hover"
+            aria-label="More information"
         >
-            <nx-icon name="info-circle-o"></nx-icon>
+            <nx-icon name="info-circle-o" aria-hidden="true"></nx-icon>
         </a>
     </span>
 </nx-formfield>
diff --git a/projects/ng-aquila/documentation/examples/formfield/formfield-prefix-suffix-appendix/formfield-prefix-suffix-appendix-example.html b/projects/ng-aquila/documentation/examples/formfield/formfield-prefix-suffix-appendix/formfield-prefix-suffix-appendix-example.html
index 6e6ceb994..394e23576 100644
--- a/projects/ng-aquila/documentation/examples/formfield/formfield-prefix-suffix-appendix/formfield-prefix-suffix-appendix-example.html
+++ b/projects/ng-aquila/documentation/examples/formfield/formfield-prefix-suffix-appendix/formfield-prefix-suffix-appendix-example.html
@@ -15,8 +15,9 @@
             [nxPopoverTriggerFor]="popoverAppendixExample"
             nxPopoverDirection="top"
             nxPopoverTrigger="hover"
+            aria-label="More information"
         >
-            <nx-icon name="info-circle-o"></nx-icon>
+            <nx-icon name="info-circle-o" aria-hidden="true"></nx-icon>
         </a>
     </span>
 </nx-formfield>
diff --git a/projects/ng-aquila/documentation/examples/header/header-cobranding/header-cobranding-example.html b/projects/ng-aquila/documentation/examples/header/header-cobranding/header-cobranding-example.html
index e1bfe7ed6..9ea4b50db 100644
--- a/projects/ng-aquila/documentation/examples/header/header-cobranding/header-cobranding-example.html
+++ b/projects/ng-aquila/documentation/examples/header/header-cobranding/header-cobranding-example.html
@@ -59,27 +59,25 @@
         </nx-header-navigation>
 
         <nx-header-actions>
-            <button nxPlainButton>
-                <nx-icon name="search" aria-label="Open Search Bar"></nx-icon>
+            <button nxPlainButton aria-label="Open Search Bar">
+                <nx-icon name="search" aria-hidden="true"></nx-icon>
             </button>
             <nx-link class="nx-margin-left-s" nxStyle="icon-only">
-                <a routerLink="#"
-                    ><nx-icon name="setting" aria-label="Settings"></nx-icon
+                <a routerLink="#" aria-label="Settings"
+                    ><nx-icon name="setting" aria-hidden="true"></nx-icon
                 ></a>
             </nx-link>
             <nx-link class="nx-margin-left-s" nxStyle="icon-only">
-                <a routerLink="#"
-                    ><nx-icon
-                        name="info-circle-o"
-                        aria-label="More information"
-                    ></nx-icon
+                <a routerLink="#" aria-label="More information"
+                    ><nx-icon name="info-circle-o" aria-hidden="true"></nx-icon
                 ></a>
             </nx-link>
-            <button nxPlainButton class="nx-margin-left-s">
-                <nx-icon
-                    name="bell-o"
-                    aria-label="Show notifications"
-                ></nx-icon>
+            <button
+                nxPlainButton
+                class="nx-margin-left-s"
+                aria-label="Show notifications"
+            >
+                <nx-icon name="bell-o" aria-hidden="true"></nx-icon>
             </button>
         </nx-header-actions>
     </nx-header-row>
diff --git a/projects/ng-aquila/documentation/examples/header/header-icons/header-icons-example.html b/projects/ng-aquila/documentation/examples/header/header-icons/header-icons-example.html
index 3209489a9..cd8df573d 100644
--- a/projects/ng-aquila/documentation/examples/header/header-icons/header-icons-example.html
+++ b/projects/ng-aquila/documentation/examples/header/header-icons/header-icons-example.html
@@ -16,24 +16,25 @@
     </nx-header-brand>
 
     <nx-header-actions>
-        <button nxPlainButton>
-            <nx-icon name="search" aria-label="Open Search Bar"></nx-icon>
+        <button nxPlainButton aria-label="Open Search Bar">
+            <nx-icon name="search" aria-hidden="true"></nx-icon>
         </button>
         <nx-link class="nx-margin-left-s" nxStyle="icon-only">
-            <a routerLink="#"
-                ><nx-icon name="setting" aria-label="Settings"></nx-icon
+            <a routerLink="#" aria-label="Settings"
+                ><nx-icon name="setting" aria-hidden="true"></nx-icon
             ></a>
         </nx-link>
         <nx-link class="nx-margin-left-s" nxStyle="icon-only">
-            <a routerLink="#"
-                ><nx-icon
-                    name="info-circle-o"
-                    aria-label="More information"
-                ></nx-icon
+            <a routerLink="#" aria-label="More information"
+                ><nx-icon name="info-circle-o" aria-hidden="true"></nx-icon
             ></a>
         </nx-link>
-        <button nxPlainButton class="nx-margin-left-s">
-            <nx-icon name="bell-o" aria-label="Show notifications"></nx-icon>
+        <button
+            nxPlainButton
+            class="nx-margin-left-s"
+            aria-label="Show notifications"
+        >
+            <nx-icon name="bell-o" aria-hidden="true"></nx-icon>
         </button>
     </nx-header-actions>
 </header>
diff --git a/projects/ng-aquila/documentation/examples/icon/icon-essential-icons/icon-essential-icons-example.html b/projects/ng-aquila/documentation/examples/icon/icon-essential-icons/icon-essential-icons-example.html
index 77747c2dd..c45cb894e 100644
--- a/projects/ng-aquila/documentation/examples/icon/icon-essential-icons/icon-essential-icons-example.html
+++ b/projects/ng-aquila/documentation/examples/icon/icon-essential-icons/icon-essential-icons-example.html
@@ -1,6 +1,6 @@
 <ul class="iconlist">
     <li class="iconlist__item" *ngFor="let icon of iconList">
-        <nx-icon [name]="icon" size="s"></nx-icon>
+        <nx-icon [name]="icon" size="s" aria-hidden="true"></nx-icon>
         <span>{{ icon }}</span>
     </li>
 </ul>
diff --git a/projects/ng-aquila/documentation/examples/icon/icon-essential-override/icon-essential-override-example.html b/projects/ng-aquila/documentation/examples/icon/icon-essential-override/icon-essential-override-example.html
index 5fa94bace..799a78051 100644
--- a/projects/ng-aquila/documentation/examples/icon/icon-essential-override/icon-essential-override-example.html
+++ b/projects/ng-aquila/documentation/examples/icon/icon-essential-override/icon-essential-override-example.html
@@ -1,10 +1,10 @@
 <ul class="iconlist">
     <li class="iconlist__item">
-        <nx-icon name="play" size="s"></nx-icon>
+        <nx-icon name="play" size="s" aria-hidden="true"></nx-icon>
         <span>Play with SVG</span>
     </li>
     <li class="iconlist__item">
-        <nx-icon name="calendar" size="s"></nx-icon>
+        <nx-icon name="calendar" size="s" aria-hidden="true"></nx-icon>
         <span>Calendar from FontAwesome</span>
     </li>
 </ul>
diff --git a/projects/ng-aquila/documentation/examples/icon/icon-filled/icon-filled-example.html b/projects/ng-aquila/documentation/examples/icon/icon-filled/icon-filled-example.html
index b61320bc9..5925dd6e6 100644
--- a/projects/ng-aquila/documentation/examples/icon/icon-filled/icon-filled-example.html
+++ b/projects/ng-aquila/documentation/examples/icon/icon-filled/icon-filled-example.html
@@ -4,23 +4,27 @@
         fill="true"
         outline="true"
         size="s"
+        aria-hidden="true"
     ></nx-icon>
     <nx-icon
         name="product-care-insurance"
         fill="true"
         outline="true"
         size="m"
+        aria-hidden="true"
     ></nx-icon>
     <nx-icon
         name="product-care-insurance"
         fill="true"
         outline="true"
         size="l"
+        aria-hidden="true"
     ></nx-icon>
     <nx-icon
         name="product-care-insurance"
         fill="true"
         outline="true"
         size="xl"
+        aria-hidden="true"
     ></nx-icon>
 </div>
diff --git a/projects/ng-aquila/documentation/examples/icon/icon-general/icon-general-example.html b/projects/ng-aquila/documentation/examples/icon/icon-general/icon-general-example.html
index 5e7b124b3..8bffa8d8c 100644
--- a/projects/ng-aquila/documentation/examples/icon/icon-general/icon-general-example.html
+++ b/projects/ng-aquila/documentation/examples/icon/icon-general/icon-general-example.html
@@ -1,6 +1,6 @@
 <div>
-    <nx-icon name="product-heart" size="s"></nx-icon>
-    <nx-icon name="exclamation-triangle" size="s"></nx-icon>
-    <nx-icon name="facebook" size="s"></nx-icon>
-    <nx-icon name="setting" size="s"></nx-icon>
+    <nx-icon name="product-heart" size="s" aria-hidden="true"></nx-icon>
+    <nx-icon name="exclamation-triangle" size="s" aria-hidden="true"></nx-icon>
+    <nx-icon name="facebook" size="s" aria-hidden="true"></nx-icon>
+    <nx-icon name="setting" size="s" aria-hidden="true"></nx-icon>
 </div>
diff --git a/projects/ng-aquila/documentation/examples/icon/icon-outline/icon-outline-example.html b/projects/ng-aquila/documentation/examples/icon/icon-outline/icon-outline-example.html
index 2fee57414..aecde85ce 100644
--- a/projects/ng-aquila/documentation/examples/icon/icon-outline/icon-outline-example.html
+++ b/projects/ng-aquila/documentation/examples/icon/icon-outline/icon-outline-example.html
@@ -1,6 +1,26 @@
 <div>
-    <nx-icon name="product-care-insurance" outline="true" size="s"></nx-icon>
-    <nx-icon name="product-care-insurance" outline="true" size="m"></nx-icon>
-    <nx-icon name="product-care-insurance" outline="true" size="l"></nx-icon>
-    <nx-icon name="product-care-insurance" outline="true" size="xl"></nx-icon>
+    <nx-icon
+        name="product-care-insurance"
+        outline="true"
+        size="s"
+        aria-hidden="true"
+    ></nx-icon>
+    <nx-icon
+        name="product-care-insurance"
+        outline="true"
+        size="m"
+        aria-hidden="true"
+    ></nx-icon>
+    <nx-icon
+        name="product-care-insurance"
+        outline="true"
+        size="l"
+        aria-hidden="true"
+    ></nx-icon>
+    <nx-icon
+        name="product-care-insurance"
+        outline="true"
+        size="xl"
+        aria-hidden="true"
+    ></nx-icon>
 </div>
diff --git a/projects/ng-aquila/documentation/examples/icon/icon-registry/icon-registry-example.html b/projects/ng-aquila/documentation/examples/icon/icon-registry/icon-registry-example.html
index 6fe47e8e4..9fc39227c 100644
--- a/projects/ng-aquila/documentation/examples/icon/icon-registry/icon-registry-example.html
+++ b/projects/ng-aquila/documentation/examples/icon/icon-registry/icon-registry-example.html
@@ -1,12 +1,12 @@
 <div>
     <h4 class="nx-margin-bottom-xs">Registered SVG icon literal</h4>
-    <nx-icon name="search" size="m"></nx-icon>
+    <nx-icon name="search" size="m" aria-hidden="true"></nx-icon>
 
     <h4 class="nx-margin-top-s nx-margin-bottom-xs">Registered SVG icon URL</h4>
-    <nx-icon name="setting" size="m"></nx-icon>
+    <nx-icon name="setting" size="m" aria-hidden="true"></nx-icon>
 
     <h4 class="nx-margin-top-s nx-margin-bottom-xs">
         Registered icon as CSS class (here from font awesome)
     </h4>
-    <nx-icon name="feather" font="fa" size="m"></nx-icon>
+    <nx-icon name="feather" font="fa" size="m" aria-hidden="true"></nx-icon>
 </div>
diff --git a/projects/ng-aquila/documentation/examples/icon/icon-sizes/icon-sizes-example.html b/projects/ng-aquila/documentation/examples/icon/icon-sizes/icon-sizes-example.html
index e94123fb6..a0085f38f 100644
--- a/projects/ng-aquila/documentation/examples/icon/icon-sizes/icon-sizes-example.html
+++ b/projects/ng-aquila/documentation/examples/icon/icon-sizes/icon-sizes-example.html
@@ -1,7 +1,7 @@
 <div>
-    <nx-icon name="product-heart" size="auto"></nx-icon>
-    <nx-icon name="product-heart" size="s"></nx-icon>
-    <nx-icon name="product-heart" size="m"></nx-icon>
-    <nx-icon name="product-heart" size="l"></nx-icon>
-    <nx-icon name="product-heart" size="xl"></nx-icon>
+    <nx-icon name="product-heart" size="auto" aria-hidden="true"></nx-icon>
+    <nx-icon name="product-heart" size="s" aria-hidden="true"></nx-icon>
+    <nx-icon name="product-heart" size="m" aria-hidden="true"></nx-icon>
+    <nx-icon name="product-heart" size="l" aria-hidden="true"></nx-icon>
+    <nx-icon name="product-heart" size="xl" aria-hidden="true"></nx-icon>
 </div>
diff --git a/projects/ng-aquila/documentation/examples/link/link-icons/link-icons-example.html b/projects/ng-aquila/documentation/examples/link/link-icons/link-icons-example.html
index 653aa6a48..f9f38761f 100644
--- a/projects/ng-aquila/documentation/examples/link/link-icons/link-icons-example.html
+++ b/projects/ng-aquila/documentation/examples/link/link-icons/link-icons-example.html
@@ -6,7 +6,7 @@
 <div>
     <nx-link nxStyle="block">
         <a routerLink="/documentation">
-            <nx-icon name="arrow-right"></nx-icon>
+            <nx-icon name="arrow-right" aria-hidden="true"></nx-icon>
             Link
         </a>
     </nx-link>
@@ -17,7 +17,7 @@
 <div>
     <nx-link nxStyle="block icon-right">
         <a routerLink="/documentation"
-            ><nx-icon name="arrow-right"></nx-icon> Next</a
+            ><nx-icon name="arrow-right" aria-hidden="true"></nx-icon> Next</a
         >
     </nx-link>
 </div>
@@ -29,8 +29,8 @@
 
 <div>
     <nx-link nxStyle="block icon-only">
-        <a routerLink="/documentation"
-            ><nx-icon name="arrow-right"></nx-icon
+        <a routerLink="/documentation" aria-label="Next"
+            ><nx-icon name="arrow-right" aria-hidden="true"></nx-icon
         ></a>
     </nx-link>
 </div>
diff --git a/projects/ng-aquila/documentation/examples/link/link-multiple/link-multiple-example.html b/projects/ng-aquila/documentation/examples/link/link-multiple/link-multiple-example.html
index 745e42502..b6278d6bc 100644
--- a/projects/ng-aquila/documentation/examples/link/link-multiple/link-multiple-example.html
+++ b/projects/ng-aquila/documentation/examples/link/link-multiple/link-multiple-example.html
@@ -1,7 +1,7 @@
 <div class="docs-inverse-container">
     <nx-link nxStyle="negative icon-right">
         <a routerLink="/documentation"
-            ><nx-icon name="user-o"></nx-icon> Link</a
+            ><nx-icon name="user-o" aria-hidden="true"></nx-icon> Link</a
         >
     </nx-link>
 </div>
diff --git a/projects/ng-aquila/documentation/examples/menu/menu-button/menu-button-example.html b/projects/ng-aquila/documentation/examples/menu/menu-button/menu-button-example.html
index aacf35124..091df1357 100644
--- a/projects/ng-aquila/documentation/examples/menu/menu-button/menu-button-example.html
+++ b/projects/ng-aquila/documentation/examples/menu/menu-button/menu-button-example.html
@@ -1,5 +1,5 @@
 <button nxMenuButton menuButtonType="root" type="button">
-    <nx-icon name="file" size="s" nxMenuButtonIcon></nx-icon>
+    <nx-icon name="file" size="s" nxMenuButtonIcon aria-hidden="true"></nx-icon>
     Option 1 (root level)
 </button>
 
@@ -11,7 +11,7 @@
     (click)="primaryExpanded=!primaryExpanded"
     type="button"
 >
-    <nx-icon name="file" size="s" nxMenuButtonIcon></nx-icon>
+    <nx-icon name="file" size="s" nxMenuButtonIcon aria-hidden="true"></nx-icon>
     Option 2 (root level, expandable)
 </button>
 
diff --git a/projects/ng-aquila/documentation/examples/menu/menu-item-with-icons/menu-item-with-icons-example.html b/projects/ng-aquila/documentation/examples/menu/menu-item-with-icons/menu-item-with-icons-example.html
index 92ca31eff..18c4acceb 100644
--- a/projects/ng-aquila/documentation/examples/menu/menu-item-with-icons/menu-item-with-icons-example.html
+++ b/projects/ng-aquila/documentation/examples/menu/menu-item-with-icons/menu-item-with-icons-example.html
@@ -8,7 +8,12 @@
         [expanded]="item.expanded"
         type="button"
     >
-        <nx-icon nxMenuButtonIcon [name]="item.icon" size="s"></nx-icon>
+        <nx-icon
+            nxMenuButtonIcon
+            [name]="item.icon"
+            size="s"
+            aria-hidden="true"
+        ></nx-icon>
         {{item.label}}
     </button>
     <div nxMenuItem="l" *ngIf="item.children && item.expanded">
diff --git a/projects/ng-aquila/documentation/examples/menu/menu/menu-example.html b/projects/ng-aquila/documentation/examples/menu/menu/menu-example.html
index 19044436b..2c77774fb 100644
--- a/projects/ng-aquila/documentation/examples/menu/menu/menu-example.html
+++ b/projects/ng-aquila/documentation/examples/menu/menu/menu-example.html
@@ -1,5 +1,5 @@
 <button nxPlainButton (click)="menu.toggle()" aria-label="open menu">
-    <nx-icon name="bars"></nx-icon>
+    <nx-icon name="bars" aria-hidden="true"></nx-icon>
 </button>
 
 <nx-menu #menu>
diff --git a/projects/ng-aquila/documentation/examples/notification-panel/notification-panel-actions/notification-panel-actions-example.html b/projects/ng-aquila/documentation/examples/notification-panel/notification-panel-actions/notification-panel-actions-example.html
index c80c4afcc..546d0f88f 100644
--- a/projects/ng-aquila/documentation/examples/notification-panel/notification-panel-actions/notification-panel-actions-example.html
+++ b/projects/ng-aquila/documentation/examples/notification-panel/notification-panel-actions/notification-panel-actions-example.html
@@ -3,8 +3,9 @@
     class="nx-margin-0"
     [nxNotificationPanelTriggerFor]="panel1"
     title="Notifications"
+    aria-label="Notifications"
 >
-    <nx-icon name="bell-o"></nx-icon>
+    <nx-icon name="bell-o" aria-hidden="true"></nx-icon>
 </button>
 
 <ng-template #panel1>
@@ -13,7 +14,11 @@
             <h3 nxCopytext="large" class="nx-font-weight-semibold">Unread</h3>
             <button nxPlainButton="small" type="button">
                 Mark all as read
-                <nx-icon name="check" class="nx-margin-left-2xs"></nx-icon>
+                <nx-icon
+                    name="check"
+                    class="nx-margin-left-2xs"
+                    aria-hidden="true"
+                ></nx-icon>
             </button>
         </nx-notification-header>
 
@@ -35,7 +40,12 @@ <h3 nxCopytext="large" class="nx-font-weight-semibold">Unread</h3>
             </nx-notification-item-content>
             <nx-notification-item-actions>
                 <nx-link><a href="#file-link">Edit file</a></nx-link>
-                <button nxPlainButton="small" type="button" title="Delete">
+                <button
+                    nxPlainButton="small"
+                    type="button"
+                    title="Delete"
+                    aria-label="Delete"
+                >
                     <nx-icon name="trash-o" aria-hidden="true"></nx-icon>
                 </button>
             </nx-notification-item-actions>
@@ -59,6 +69,7 @@ <h3 nxCopytext="large" class="nx-font-weight-semibold">Unread</h3>
                     class=""
                     type="button"
                     title="Delete"
+                    aria-label="Delete"
                 >
                     <nx-icon name="trash-o" aria-hidden="true"></nx-icon>
                 </button>
diff --git a/projects/ng-aquila/documentation/examples/notification-panel/notification-panel-clickable/notification-panel-clickable-example.html b/projects/ng-aquila/documentation/examples/notification-panel/notification-panel-clickable/notification-panel-clickable-example.html
index f4e52f570..e05aad329 100644
--- a/projects/ng-aquila/documentation/examples/notification-panel/notification-panel-clickable/notification-panel-clickable-example.html
+++ b/projects/ng-aquila/documentation/examples/notification-panel/notification-panel-clickable/notification-panel-clickable-example.html
@@ -2,8 +2,9 @@
     nxIconButton="small tertiary"
     [nxNotificationPanelTriggerFor]="panel1"
     title="Notifications"
+    aria-label="Notifications"
 >
-    <nx-icon name="bell-o"></nx-icon>
+    <nx-icon name="bell-o" aria-hidden="true"></nx-icon>
 </button>
 
 <ng-template #panel1>
@@ -12,7 +13,11 @@
             <h3 nxCopytext="large" class="nx-font-weight-semibold">Unread</h3>
             <button nxPlainButton="small" type="button">
                 Mark all as read
-                <nx-icon name="check" class="nx-margin-left-2xs"></nx-icon>
+                <nx-icon
+                    name="check"
+                    class="nx-margin-left-2xs"
+                    aria-hidden="true"
+                ></nx-icon>
             </button>
         </nx-notification-header>
 
diff --git a/projects/ng-aquila/documentation/examples/notification-panel/notification-panel-mixed/notification-panel-mixed-example.html b/projects/ng-aquila/documentation/examples/notification-panel/notification-panel-mixed/notification-panel-mixed-example.html
index 9a298fc92..3acae059c 100644
--- a/projects/ng-aquila/documentation/examples/notification-panel/notification-panel-mixed/notification-panel-mixed-example.html
+++ b/projects/ng-aquila/documentation/examples/notification-panel/notification-panel-mixed/notification-panel-mixed-example.html
@@ -3,7 +3,7 @@
     [nxNotificationPanelTriggerFor]="panel1"
     title="Notifications"
 >
-    <nx-icon name="bell-o"></nx-icon>
+    <nx-icon name="bell-o" aria-hidden="true"></nx-icon>
 </button>
 
 <ng-template #panel1>
@@ -12,7 +12,11 @@
             <h3 nxCopytext="large" class="nx-font-weight-semibold">Unread</h3>
             <button nxPlainButton="small" type="button">
                 Mark all as read
-                <nx-icon name="check" class="nx-margin-left-2xs"></nx-icon>
+                <nx-icon
+                    name="check"
+                    class="nx-margin-left-2xs"
+                    aria-hidden="true"
+                ></nx-icon>
             </button>
         </nx-notification-header>
 
diff --git a/projects/ng-aquila/documentation/examples/notification-panel/notification-panel-scroll-strategy-provider/notification-panel-scroll-strategy-provider-example.html b/projects/ng-aquila/documentation/examples/notification-panel/notification-panel-scroll-strategy-provider/notification-panel-scroll-strategy-provider-example.html
index ecde5750b..8d0a16ccd 100644
--- a/projects/ng-aquila/documentation/examples/notification-panel/notification-panel-scroll-strategy-provider/notification-panel-scroll-strategy-provider-example.html
+++ b/projects/ng-aquila/documentation/examples/notification-panel/notification-panel-scroll-strategy-provider/notification-panel-scroll-strategy-provider-example.html
@@ -3,8 +3,9 @@
     class="nx-margin-0"
     [nxNotificationPanelTriggerFor]="panel1"
     title="Notifications"
+    aria-label="Notifications"
 >
-    <nx-icon name="bell-o"></nx-icon>
+    <nx-icon name="bell-o" aria-hidden="true"></nx-icon>
 </button>
 
 <ng-template #panel1>
@@ -13,7 +14,11 @@
             <h3 nxCopytext="large" class="nx-font-weight-semibold">Unread</h3>
             <button nxPlainButton="small" type="button">
                 Mark all as read
-                <nx-icon name="check" nxIconPositionEnd></nx-icon>
+                <nx-icon
+                    name="check"
+                    nxIconPositionEnd
+                    aria-hidden="true"
+                ></nx-icon>
             </button>
         </nx-notification-header>
 
@@ -35,7 +40,12 @@ <h3 nxCopytext="large" class="nx-font-weight-semibold">Unread</h3>
             </nx-notification-item-content>
             <nx-notification-item-actions>
                 <nx-link><a href="#file-link">Edit file</a></nx-link>
-                <button nxPlainButton="small" type="button" title="Delete">
+                <button
+                    nxPlainButton="small"
+                    type="button"
+                    title="Delete"
+                    aria-label="Delete"
+                >
                     <nx-icon name="trash-o" aria-hidden="true"></nx-icon>
                 </button>
             </nx-notification-item-actions>
diff --git a/projects/ng-aquila/documentation/examples/popover/popover-trigger/popover-trigger-example.html b/projects/ng-aquila/documentation/examples/popover/popover-trigger/popover-trigger-example.html
index a136dac2e..757ff962b 100755
--- a/projects/ng-aquila/documentation/examples/popover/popover-trigger/popover-trigger-example.html
+++ b/projects/ng-aquila/documentation/examples/popover/popover-trigger/popover-trigger-example.html
@@ -8,7 +8,7 @@
         aria-label="trigger by click"
         class="nx-popover__button nx-margin-right-3xs"
     >
-        <nx-icon name="info-circle-o" size="s"> </nx-icon>
+        <nx-icon name="info-circle-o" size="s" aria-hidden="true"> </nx-icon>
     </button>
     Triggered by click
 </p>
@@ -31,7 +31,7 @@
         aria-label="trigger manually"
         class="nx-popover__button nx-margin-right-3xs"
     >
-        <nx-icon name="info-circle-o" size="s"> </nx-icon>
+        <nx-icon name="info-circle-o" size="s" aria-hidden="true"> </nx-icon>
     </button>
     Triggered manually
 </p>
diff --git a/projects/ng-aquila/documentation/examples/popover/popover-without-arrow/popover-without-arrow-example.html b/projects/ng-aquila/documentation/examples/popover/popover-without-arrow/popover-without-arrow-example.html
index 798aad3f4..7cc81e990 100755
--- a/projects/ng-aquila/documentation/examples/popover/popover-without-arrow/popover-without-arrow-example.html
+++ b/projects/ng-aquila/documentation/examples/popover/popover-without-arrow/popover-without-arrow-example.html
@@ -24,7 +24,10 @@ <h3 nxHeadline="subsection-small" class="nx-margin-bottom-s">
             <div class="nx-popover__footer">
                 <nx-link nxStyle="block">
                     <a routerLink="/documentation">
-                        <nx-icon name="arrow-right"></nx-icon>
+                        <nx-icon
+                            name="arrow-right"
+                            aria-hidden="true"
+                        ></nx-icon>
                         More recommendations
                     </a>
                 </nx-link>
diff --git a/projects/ng-aquila/documentation/examples/radio-toggle/radio-toggle-custom/radio-toggle-custom-example.html b/projects/ng-aquila/documentation/examples/radio-toggle/radio-toggle-custom/radio-toggle-custom-example.html
index f5d6221da..45a1b9603 100755
--- a/projects/ng-aquila/documentation/examples/radio-toggle/radio-toggle-custom/radio-toggle-custom-example.html
+++ b/projects/ng-aquila/documentation/examples/radio-toggle/radio-toggle-custom/radio-toggle-custom-example.html
@@ -1,14 +1,14 @@
 <nx-radio-toggle>
     <nx-radio-toggle-button value="A">
-        <nx-icon name="product-heart"></nx-icon>
+        <nx-icon name="product-heart" aria-hidden="true"></nx-icon>
     </nx-radio-toggle-button>
     <nx-radio-toggle-button value="B">
-        <nx-icon name="exclamation-triangle"></nx-icon>
+        <nx-icon name="exclamation-triangle" aria-hidden="true"></nx-icon>
     </nx-radio-toggle-button>
     <nx-radio-toggle-button value="B">
-        <nx-icon name="facebook"></nx-icon>
+        <nx-icon name="facebook" aria-hidden="true"></nx-icon>
     </nx-radio-toggle-button>
     <nx-radio-toggle-button value="B">
-        <nx-icon name="setting"></nx-icon>
+        <nx-icon name="setting" aria-hidden="true"></nx-icon>
     </nx-radio-toggle-button>
 </nx-radio-toggle>
diff --git a/projects/ng-aquila/documentation/examples/sidebar/sidebar-footer/sidebar-footer-example.html b/projects/ng-aquila/documentation/examples/sidebar/sidebar-footer/sidebar-footer-example.html
index 7b222cb07..033ed7ebb 100644
--- a/projects/ng-aquila/documentation/examples/sidebar/sidebar-footer/sidebar-footer-example.html
+++ b/projects/ng-aquila/documentation/examples/sidebar/sidebar-footer/sidebar-footer-example.html
@@ -7,7 +7,7 @@
         routerLinkActive="is-selected"
         type="button"
     >
-        <nx-icon nxActionIcon [name]="action.icon"></nx-icon>
+        <nx-icon nxActionIcon [name]="action.icon" aria-hidden="true"></nx-icon>
         {{action.label}}
     </button>
 
@@ -19,7 +19,7 @@
             class="nx-margin-0"
             type="button"
         >
-            <nx-icon name="setting"></nx-icon>
+            <nx-icon name="setting" aria-hidden="true"></nx-icon>
         </button>
         <button
             nxSidebarToggle
diff --git a/projects/ng-aquila/documentation/examples/sidebar/sidebar-methods/sidebar-methods-example.html b/projects/ng-aquila/documentation/examples/sidebar/sidebar-methods/sidebar-methods-example.html
index d7e6a526e..f91fb56dc 100644
--- a/projects/ng-aquila/documentation/examples/sidebar/sidebar-methods/sidebar-methods-example.html
+++ b/projects/ng-aquila/documentation/examples/sidebar/sidebar-methods/sidebar-methods-example.html
@@ -7,7 +7,7 @@
         routerLinkActive="is-selected"
         type="button"
     >
-        <nx-icon nxActionIcon [name]="action.icon"></nx-icon>
+        <nx-icon nxActionIcon [name]="action.icon" aria-hidden="true"></nx-icon>
         {{action.label}}
     </button>
 </nx-sidebar>
diff --git a/projects/ng-aquila/documentation/examples/sidebar/sidebar/sidebar-example.html b/projects/ng-aquila/documentation/examples/sidebar/sidebar/sidebar-example.html
index f08d7f7a8..78b7e731b 100644
--- a/projects/ng-aquila/documentation/examples/sidebar/sidebar/sidebar-example.html
+++ b/projects/ng-aquila/documentation/examples/sidebar/sidebar/sidebar-example.html
@@ -7,7 +7,7 @@
         routerLinkActive="is-selected"
         type="button"
     >
-        <nx-icon nxActionIcon [name]="action.icon"></nx-icon>
+        <nx-icon nxActionIcon [name]="action.icon" aria-hidden="true"></nx-icon>
         {{action.label}}
     </button>
 </nx-sidebar>
diff --git a/projects/ng-aquila/documentation/examples/slider/slider-appendix/slider-appendix-example.html b/projects/ng-aquila/documentation/examples/slider/slider-appendix/slider-appendix-example.html
index ebfe5eacb..0375d083e 100755
--- a/projects/ng-aquila/documentation/examples/slider/slider-appendix/slider-appendix-example.html
+++ b/projects/ng-aquila/documentation/examples/slider/slider-appendix/slider-appendix-example.html
@@ -13,8 +13,9 @@
         [nxPopoverTriggerFor]="sliderAppendixExample"
         nxPopoverDirection="top"
         [nxPopoverMaxWidth]="popoverMaxWidth"
+        aria-label="More information"
     >
-        <nx-icon name="info-circle-o"></nx-icon>
+        <nx-icon name="info-circle-o" aria-hidden="true"></nx-icon>
     </button>
 </nx-slider>
 
diff --git a/projects/ng-aquila/documentation/examples/small-stage/small-stage-content-variation/small-stage-content-variation-example.html b/projects/ng-aquila/documentation/examples/small-stage/small-stage-content-variation/small-stage-content-variation-example.html
index d2e7b0cac..cd3fbbf85 100644
--- a/projects/ng-aquila/documentation/examples/small-stage/small-stage-content-variation/small-stage-content-variation-example.html
+++ b/projects/ng-aquila/documentation/examples/small-stage/small-stage-content-variation/small-stage-content-variation-example.html
@@ -1,7 +1,7 @@
 <nx-small-stage class="nx-margin-bottom-m">
     <nx-link nxSmallStageHeader>
         <a (click)="false" href="#">
-            <nx-icon name="arrow-left"></nx-icon>
+            <nx-icon name="arrow-left" aria-hidden="true"></nx-icon>
             Back to the shop
         </a>
     </nx-link>
diff --git a/projects/ng-aquila/documentation/examples/table/table-form-elements/table-form-elements-example.html b/projects/ng-aquila/documentation/examples/table/table-form-elements/table-form-elements-example.html
index 6b945b2a3..bcce9beb0 100644
--- a/projects/ng-aquila/documentation/examples/table/table-form-elements/table-form-elements-example.html
+++ b/projects/ng-aquila/documentation/examples/table/table-form-elements/table-form-elements-example.html
@@ -63,7 +63,7 @@
                         (click)="removeRow(i)"
                         aria-label="Remove row"
                     >
-                        <nx-icon name="trash-o"></nx-icon>
+                        <nx-icon name="trash-o" aria-hidden="true"></nx-icon>
                     </button>
                 </td>
             </tr>
@@ -72,5 +72,6 @@
 </div>
 
 <button nxPlainButton (click)="addRow()">
-    <nx-icon name="plus" nxIconPositionStart></nx-icon>Add row
+    <nx-icon name="plus" nxIconPositionStart aria-hidden="true"></nx-icon>Add
+    row
 </button>
diff --git a/projects/ng-aquila/documentation/examples/toolbar/toolbar-divider/toolbar-divider-example.html b/projects/ng-aquila/documentation/examples/toolbar/toolbar-divider/toolbar-divider-example.html
index fca875945..a02b3c8a6 100644
--- a/projects/ng-aquila/documentation/examples/toolbar/toolbar-divider/toolbar-divider-example.html
+++ b/projects/ng-aquila/documentation/examples/toolbar/toolbar-divider/toolbar-divider-example.html
@@ -5,7 +5,7 @@
         aria-label="a useful label"
         class="back"
     >
-        <nx-icon name="arrow-left"></nx-icon>
+        <nx-icon name="arrow-left" aria-hidden="true"></nx-icon>
     </button>
 
     <nx-toolbar-divider></nx-toolbar-divider>
@@ -21,7 +21,7 @@
         type="button"
         class="nx-margin-right-2xs nx-margin-bottom-0"
     >
-        <nx-icon name="speech-bubble-o"></nx-icon>
+        <nx-icon name="speech-bubble-o" aria-hidden="true"></nx-icon>
     </button>
     <button
         nxIconButton="tertiary small"
@@ -29,7 +29,7 @@
         type="button"
         class="nx-margin-right-2xs nx-margin-bottom-0"
     >
-        <nx-icon name="close"></nx-icon>
+        <nx-icon name="close" aria-hidden="true"></nx-icon>
     </button>
     <button
         nxIconButton="tertiary small"
@@ -37,7 +37,7 @@
         type="button"
         class="nx-margin-right-2xs nx-margin-bottom-0"
     >
-        <nx-icon name="refresh"></nx-icon>
+        <nx-icon name="refresh" aria-hidden="true"></nx-icon>
     </button>
 
     <button
@@ -47,11 +47,16 @@
         type="button"
         class="nx-margin-right-2xs nx-margin-bottom-0"
     >
-        <nx-icon aria-hidden="true" name="ellipsis-h"></nx-icon>
+        <nx-icon name="ellipsis-h" aria-hidden="true"></nx-icon>
     </button>
 
     <button nxButton="primary small" type="button">
-        <nx-icon name="save-o" class="nx-margin-right-2xs"></nx-icon>Primary
+        <nx-icon
+            name="save-o"
+            class="nx-margin-right-2xs"
+            aria-hidden="true"
+        ></nx-icon
+        >Primary
     </button>
 </nx-toolbar>
 
diff --git a/projects/ng-aquila/documentation/examples/toolbar/toolbar-positioning-content/toolbar-positioning-content-example.html b/projects/ng-aquila/documentation/examples/toolbar/toolbar-positioning-content/toolbar-positioning-content-example.html
index b129eca3d..9f288d7c3 100644
--- a/projects/ng-aquila/documentation/examples/toolbar/toolbar-positioning-content/toolbar-positioning-content-example.html
+++ b/projects/ng-aquila/documentation/examples/toolbar/toolbar-positioning-content/toolbar-positioning-content-example.html
@@ -5,8 +5,12 @@
         aria-label="a useful label"
         class="back"
     >
-        <nx-icon name="arrow-left" nxIconPositionStart></nx-icon>Previous Page
-        Title
+        <nx-icon
+            name="arrow-left"
+            nxIconPositionStart
+            aria-hidden="true"
+        ></nx-icon
+        >Previous Page Title
     </button>
 
     <button
@@ -15,7 +19,7 @@
         type="button"
         class="nx-margin-right-2xs nx-margin-bottom-0"
     >
-        <nx-icon name="speech-bubble-o"></nx-icon>
+        <nx-icon name="speech-bubble-o" aria-hidden="true"></nx-icon>
     </button>
     <button
         nxIconButton="tertiary small"
@@ -23,7 +27,7 @@
         type="button"
         class="nx-margin-right-2xs nx-margin-bottom-0"
     >
-        <nx-icon name="close"></nx-icon>
+        <nx-icon name="close" aria-hidden="true"></nx-icon>
     </button>
     <button
         nxIconButton="tertiary small"
@@ -31,7 +35,7 @@
         type="button"
         class="nx-margin-right-2xs nx-margin-bottom-0"
     >
-        <nx-icon name="refresh"></nx-icon>
+        <nx-icon name="refresh" aria-hidden="true"></nx-icon>
     </button>
 
     <button
@@ -41,12 +45,16 @@
         type="button"
         class="nx-margin-right-2xs nx-margin-bottom-0"
     >
-        <nx-icon aria-hidden="true" name="ellipsis-h"></nx-icon>
+        <nx-icon name="ellipsis-h" aria-hidden="true"></nx-icon>
     </button>
 
     <button nxButton="primary small" type="button">
-        <nx-icon name="save-o" class="nx-margin-right-2xs"></nx-icon>Save
-        changes
+        <nx-icon
+            name="save-o"
+            class="nx-margin-right-2xs"
+            aria-hidden="true"
+        ></nx-icon
+        >Save changes
     </button>
 </nx-toolbar>
 
diff --git a/projects/ng-aquila/documentation/examples/viewport/viewport-change/viewport-change-example.html b/projects/ng-aquila/documentation/examples/viewport/viewport-change/viewport-change-example.html
index ed6b9147b..754335192 100644
--- a/projects/ng-aquila/documentation/examples/viewport/viewport-change/viewport-change-example.html
+++ b/projects/ng-aquila/documentation/examples/viewport/viewport-change/viewport-change-example.html
@@ -11,7 +11,7 @@
         routerLinkActive="is-selected"
         type="button"
     >
-        <nx-icon nxActionIcon [name]="action.icon"></nx-icon>
+        <nx-icon nxActionIcon [name]="action.icon" aria-hidden="true"></nx-icon>
         {{action.label}}
     </button>
 </nx-sidebar>
diff --git a/projects/ng-aquila/src/accordion/expansion-panel-header.html b/projects/ng-aquila/src/accordion/expansion-panel-header.html
index e404fba17..dc63d492a 100644
--- a/projects/ng-aquila/src/accordion/expansion-panel-header.html
+++ b/projects/ng-aquila/src/accordion/expansion-panel-header.html
@@ -1,5 +1,5 @@
 <div class="nx-expansion-panel__header-content">
     <ng-content select="nx-expansion-panel-title"></ng-content>
     <ng-content select="nx-expansion-panel-description"></ng-content>
-    <nx-icon [@indicatorRotate]="getOpenState()" class="nx-expansion-panel__chevron" name="chevron-down"> </nx-icon>
+    <nx-icon [@indicatorRotate]="getOpenState()" class="nx-expansion-panel__chevron" name="chevron-down" aria-hidden="true"> </nx-icon>
 </div>
diff --git a/projects/ng-aquila/src/action/action.component.html b/projects/ng-aquila/src/action/action.component.html
index 2d2b36a82..62e3d56f3 100644
--- a/projects/ng-aquila/src/action/action.component.html
+++ b/projects/ng-aquila/src/action/action.component.html
@@ -1,6 +1,6 @@
 <div class="nx-action__wrapper">
     <ng-container *ngIf="expandable">
-        <nx-icon class="nx-action__expand-icon" name="chevron-right"></nx-icon>
+        <nx-icon class="nx-action__expand-icon" name="chevron-right" aria-hidden="true"></nx-icon>
     </ng-container>
     <span class="nx-action-icon__container" *ngIf="_iconChild">
         <ng-content select="[nxActionIcon]"></ng-content>
diff --git a/projects/ng-aquila/src/circle-toggle/icon-toggle-button/icon-toggle-button.component.html b/projects/ng-aquila/src/circle-toggle/icon-toggle-button/icon-toggle-button.component.html
index bb55016cd..cc1be4a33 100644
--- a/projects/ng-aquila/src/circle-toggle/icon-toggle-button/icon-toggle-button.component.html
+++ b/projects/ng-aquila/src/circle-toggle/icon-toggle-button/icon-toggle-button.component.html
@@ -1,12 +1,12 @@
 <div class="nx-toggle-circle__icon-wrapper">
     <ng-container *ngIf="!inGroup">
         <span class="nx-toggle-circle__check-icon">
-            <nx-icon name="check"></nx-icon>
+            <nx-icon name="check" aria-hidden="true"></nx-icon>
         </span>
         <div class="nx-toggle-circle__check-focus"></div>
     </ng-container>
     <span class="nx-toggle-circle__icon">
-        <nx-icon size="m" *ngIf="icon" [name]="icon"></nx-icon>
+        <nx-icon size="m" *ngIf="icon" [name]="icon" aria-hidden="true"></nx-icon>
         <img *ngIf="svgUrl" class="nx-toggle-circle__icon-image" [src]="svgUrl" />
         <span *ngIf="circleText" class="nx-toggle-circle__content-text">{{ circleText }}</span>
     </span>
diff --git a/projects/ng-aquila/src/datefield/datepicker/calendar.html b/projects/ng-aquila/src/datefield/datepicker/calendar.html
index 560ae4228..158d8a34d 100644
--- a/projects/ng-aquila/src/datefield/datepicker/calendar.html
+++ b/projects/ng-aquila/src/datefield/datepicker/calendar.html
@@ -7,13 +7,13 @@
             (click)="_previousClicked()"
             [attr.aria-label]="_prevButtonLabel"
         >
-            <nx-icon [name]="this._isRtl ? 'chevron-right' : 'chevron-left'"></nx-icon>
+            <nx-icon [name]="this._isRtl ? 'chevron-right' : 'chevron-left'" aria-hidden="true"></nx-icon>
         </button>
 
         <span class="nx-calendar-period-label"> {{_periodButtonText}} </span>
 
         <button #nextButton class="nx-calendar-next-button" [disabled]="!_nextEnabled()" (click)="_nextClicked()" [attr.aria-label]="_nextButtonLabel">
-            <nx-icon [name]="this._isRtl ? 'chevron-left' : 'chevron-right'"></nx-icon>
+            <nx-icon [name]="this._isRtl ? 'chevron-left' : 'chevron-right'" aria-hidden="true"></nx-icon>
         </button>
     </div>
 
diff --git a/projects/ng-aquila/src/datefield/datepicker/datepicker-content.component.html b/projects/ng-aquila/src/datefield/datepicker/datepicker-content.component.html
index 66b3e74c9..db051ea79 100644
--- a/projects/ng-aquila/src/datefield/datepicker/datepicker-content.component.html
+++ b/projects/ng-aquila/src/datefield/datepicker/datepicker-content.component.html
@@ -7,7 +7,7 @@
             #closeButton
             [attr.aria-label]="_intl.closeIconLabel || 'Close calendar'"
         >
-            <nx-icon name="close"></nx-icon>
+            <nx-icon name="close" aria-hidden="true"></nx-icon>
         </button>
     </div>
 
diff --git a/projects/ng-aquila/src/datefield/datepicker/datepicker-toggle.html b/projects/ng-aquila/src/datefield/datepicker/datepicker-toggle.html
index 92d03933a..4767fbefe 100644
--- a/projects/ng-aquila/src/datefield/datepicker/datepicker-toggle.html
+++ b/projects/ng-aquila/src/datefield/datepicker/datepicker-toggle.html
@@ -7,7 +7,7 @@
     [disabled]="disabled"
     (click)="_open($event)"
 >
-    <nx-icon name="calendar" *ngIf="!_customIcon"></nx-icon>
+    <nx-icon name="calendar" *ngIf="!_customIcon" aria-hidden="true"></nx-icon>
 
     <ng-content select="[nxDatepickerToggleIcon]"></ng-content>
 </button>
diff --git a/projects/ng-aquila/src/dropdown/dropdown.html b/projects/ng-aquila/src/dropdown/dropdown.html
index 8318b0252..e31693329 100644
--- a/projects/ng-aquila/src/dropdown/dropdown.html
+++ b/projects/ng-aquila/src/dropdown/dropdown.html
@@ -7,7 +7,7 @@
         </ng-container>
     </div>
     <div class="nx-dropdown__icon">
-        <nx-icon class="nx-dropdown__chevron" name="chevron-down"></nx-icon>
+        <nx-icon class="nx-dropdown__chevron" name="chevron-down" aria-hidden="true"></nx-icon>
     </div>
 </div>
 
diff --git a/projects/ng-aquila/src/icon/status-icon/status-icon.component.html b/projects/ng-aquila/src/icon/status-icon/status-icon.component.html
index c2ee32507..e3d25ca74 100644
--- a/projects/ng-aquila/src/icon/status-icon/status-icon.component.html
+++ b/projects/ng-aquila/src/icon/status-icon/status-icon.component.html
@@ -1 +1 @@
-<nx-icon [name]="icon" [size]="size" [ngClass]="typeClass"></nx-icon>
+<nx-icon [name]="icon" [size]="size" [ngClass]="typeClass" aria-hidden="true"></nx-icon>
diff --git a/projects/ng-aquila/src/menu/menu-button.component.html b/projects/ng-aquila/src/menu/menu-button.component.html
index ddb4542c2..e3da48e6b 100644
--- a/projects/ng-aquila/src/menu/menu-button.component.html
+++ b/projects/ng-aquila/src/menu/menu-button.component.html
@@ -2,4 +2,4 @@
 <span class="nx-menu-button__label">
     <ng-content></ng-content>
 </span>
-<nx-icon *ngIf="expandable" class="nx-menu-button__expand-icon" name="chevron-down"></nx-icon>
+<nx-icon *ngIf="expandable" class="nx-menu-button__expand-icon" name="chevron-down" aria-hidden="true"></nx-icon>
diff --git a/projects/ng-aquila/src/menu/menu-button.html b/projects/ng-aquila/src/menu/menu-button.html
index e326854f8..d6a959905 100644
--- a/projects/ng-aquila/src/menu/menu-button.html
+++ b/projects/ng-aquila/src/menu/menu-button.html
@@ -1,5 +1,5 @@
 <div class="nx-menu-button__wrapper">
-    <nx-icon *ngIf="expandable" class="nx-menu-button__expand-icon" name="chevron-down"></nx-icon>
+    <nx-icon *ngIf="expandable" class="nx-menu-button__expand-icon" name="chevron-down" aria-hidden="true"></nx-icon>
     <ng-content select="nx-icon"></ng-content>
     <span class="nx-menu-button__label">
         <ng-content></ng-content>
diff --git a/projects/ng-aquila/src/modal/dialog/modal-container.component.html b/projects/ng-aquila/src/modal/dialog/modal-container.component.html
index 3f2576f09..7beed7ffa 100644
--- a/projects/ng-aquila/src/modal/dialog/modal-container.component.html
+++ b/projects/ng-aquila/src/modal/dialog/modal-container.component.html
@@ -6,7 +6,7 @@
     class="nx-modal__close"
     type="button"
 >
-    <nx-icon name="close"></nx-icon>
+    <nx-icon name="close" aria-hidden="true"></nx-icon>
 </button>
 
 <ng-template cdkPortalOutlet></ng-template>
diff --git a/projects/ng-aquila/src/modal/modal.component.html b/projects/ng-aquila/src/modal/modal.component.html
index 4d53742a8..c3cac137e 100644
--- a/projects/ng-aquila/src/modal/modal.component.html
+++ b/projects/ng-aquila/src/modal/modal.component.html
@@ -10,7 +10,7 @@
                     class="nx-modal__close"
                     type="button"
                 >
-                    <nx-icon name="close"></nx-icon>
+                    <nx-icon name="close" aria-hidden="true"></nx-icon>
                 </button>
 
                 <div class="nx-modal__content-wrapper" cdkScrollable>
diff --git a/projects/ng-aquila/src/number-stepper/number-stepper.component.html b/projects/ng-aquila/src/number-stepper/number-stepper.component.html
index dc90aea97..0d97e35ca 100644
--- a/projects/ng-aquila/src/number-stepper/number-stepper.component.html
+++ b/projects/ng-aquila/src/number-stepper/number-stepper.component.html
@@ -15,7 +15,7 @@
         [disabled]="disabled || (value || 0) <= min"
         type="button"
     >
-        <nx-icon name="minus" size="s"></nx-icon>
+        <nx-icon name="minus" size="s" aria-hidden="true"></nx-icon>
     </button>
     <div class="nx-stepper__input-wrapper">
         <div class="nx-stepper__inner-wrapper">
@@ -51,6 +51,6 @@
         [disabled]="disabled || (value || 0) >= max"
         type="button"
     >
-        <nx-icon name="plus" size="s"></nx-icon>
+        <nx-icon name="plus" size="s" aria-hidden="true"></nx-icon>
     </button>
 </div>
diff --git a/projects/ng-aquila/src/pagination/pagination.component.html b/projects/ng-aquila/src/pagination/pagination.component.html
index 9e3546083..d3d8124a7 100644
--- a/projects/ng-aquila/src/pagination/pagination.component.html
+++ b/projects/ng-aquila/src/pagination/pagination.component.html
@@ -10,7 +10,7 @@
                 (click)="onFirst()"
                 type="button"
             >
-                <nx-icon class="nx-pagination__arrow" [name]="_isRTL ? 'arrow-last' : 'arrow-first'"></nx-icon>
+                <nx-icon class="nx-pagination__arrow" [name]="_isRTL ? 'arrow-last' : 'arrow-first'" aria-hidden="true"></nx-icon>
             </button>
         </li>
         <li class="nx-pagination__item nx-pagination__item-previous">
@@ -23,7 +23,7 @@
                 (click)="onPrev()"
                 type="button"
             >
-                <nx-icon class="nx-pagination__arrow" [name]="_isRTL ? 'arrow-right' : 'arrow-left'"></nx-icon>
+                <nx-icon class="nx-pagination__arrow" [name]="_isRTL ? 'arrow-right' : 'arrow-left'" aria-hidden="true"></nx-icon>
             </button>
         </li>
         <li *ngFor="let pageNum of getPages()" class="nx-pagination__item nx-pagination__item--desktop" [ngClass]="getPaginationItemClasses(pageNum)">
@@ -64,7 +64,7 @@
                 (click)="onNext()"
                 type="button"
             >
-                <nx-icon class="nx-pagination__arrow" [name]="_isRTL ? 'arrow-left' : 'arrow-right'"></nx-icon>
+                <nx-icon class="nx-pagination__arrow" [name]="_isRTL ? 'arrow-left' : 'arrow-right'" aria-hidden="true"></nx-icon>
             </button>
         </li>
         <li class="nx-pagination__item">
@@ -77,7 +77,7 @@
                 (click)="onLast()"
                 type="button"
             >
-                <nx-icon class="nx-pagination__arrow" [name]="_isRTL ? 'arrow-first' : 'arrow-last'"></nx-icon>
+                <nx-icon class="nx-pagination__arrow" [name]="_isRTL ? 'arrow-first' : 'arrow-last'" aria-hidden="true"></nx-icon>
             </button>
         </li>
     </ul>
@@ -92,7 +92,7 @@
         (click)="onPrev()"
         type="button"
     >
-        <nx-icon class="nx-pagination__arrow" [name]="_isRTL ? 'arrow-right' : 'arrow-left'"></nx-icon>
+        <nx-icon class="nx-pagination__arrow" [name]="_isRTL ? 'arrow-right' : 'arrow-left'" aria-hidden="true"></nx-icon>
         <span class="nx-pagination-compact__direction-label">
             {{ paginationTexts.previous }}
         </span>
@@ -112,7 +112,7 @@
         type="button"
     >
         <span class="nx-pagination-compact__direction-label"> {{ paginationTexts.next }} </span>
-        <nx-icon class="nx-pagination__arrow" [name]="_isRTL ? 'arrow-left' : 'arrow-right'"></nx-icon>
+        <nx-icon class="nx-pagination__arrow" [name]="_isRTL ? 'arrow-left' : 'arrow-right'" aria-hidden="true"></nx-icon>
     </button>
 </nav>
 <nav *ngIf="isPaginationSliderVisible()" [attr.aria-label]="ariaLabel" class="nx-pagination-slider">
@@ -127,7 +127,7 @@
                 (click)="onPrev()"
                 type="button"
             >
-                <nx-icon class="nx-pagination__arrow" [name]="_isRTL ? 'arrow-right' : 'arrow-left'"></nx-icon>
+                <nx-icon class="nx-pagination__arrow" [name]="_isRTL ? 'arrow-right' : 'arrow-left'" aria-hidden="true"></nx-icon>
             </button>
         </li>
         <li *ngFor="let pageNum of getSlides()" class="nx-pagination__item">
@@ -150,7 +150,7 @@
                 (click)="onNext()"
                 type="button"
             >
-                <nx-icon class="nx-pagination__arrow" [name]="_isRTL ? 'arrow-left' : 'arrow-right'"></nx-icon>
+                <nx-icon class="nx-pagination__arrow" [name]="_isRTL ? 'arrow-left' : 'arrow-right'" aria-hidden="true"></nx-icon>
             </button>
         </li>
     </ul>
diff --git a/projects/ng-aquila/src/switcher/switcher.component.html b/projects/ng-aquila/src/switcher/switcher.component.html
index 39974d403..73a9b9d41 100644
--- a/projects/ng-aquila/src/switcher/switcher.component.html
+++ b/projects/ng-aquila/src/switcher/switcher.component.html
@@ -14,7 +14,7 @@
 <label [attr.for]="id" class="nx-switcher__label" [class.has-label]="labelHasContent">
     <div class="nx-switcher__toggle">
         <div class="nx-switcher__dot">
-            <nx-icon *ngIf="big" name="check"></nx-icon>
+            <nx-icon *ngIf="big" name="check" aria-hidden="true"></nx-icon>
         </div>
     </div>
     <div class="nx-switcher__label-text" #switcherLabelWrapper (cdkObserveContent)="labelContentChanged()">
diff --git a/projects/ng-aquila/src/table/sort-header/sort-header.component.html b/projects/ng-aquila/src/table/sort-header/sort-header.component.html
index 27fe03c08..2b3fb84aa 100644
--- a/projects/ng-aquila/src/table/sort-header/sort-header.component.html
+++ b/projects/ng-aquila/src/table/sort-header/sort-header.component.html
@@ -1,10 +1,10 @@
 <div #focusContainer class="nx-sort-header__focus-container" role="button" tabindex="0" [title]="_getTitle()" aria-live="polite" aria-hidden="true">
     <ng-content></ng-content>
     <div class="nx-sort-header__icons-container" [attr.aria-label]="_getAriaLabel()">
-        <nx-icon *ngIf="!_isSorted()" name="chevron-up-small" class="nx-sort-header__unsorted"> </nx-icon>
-        <nx-icon *ngIf="!_isSorted()" name="chevron-down-small" class="nx-sort-header__unsorted"> </nx-icon>
+        <nx-icon *ngIf="!_isSorted()" name="chevron-up-small" class="nx-sort-header__unsorted" aria-hidden="true"> </nx-icon>
+        <nx-icon *ngIf="!_isSorted()" name="chevron-down-small" class="nx-sort-header__unsorted" aria-hidden="true"> </nx-icon>
 
-        <nx-icon *ngIf="_isSortedAscending()" name="arrow-left" class="nx-sort-header__ascend"> </nx-icon>
-        <nx-icon *ngIf="_isSortedDescending()" name="arrow-right" class="nx-sort-header__descend"> </nx-icon>
+        <nx-icon *ngIf="_isSortedAscending()" name="arrow-left" class="nx-sort-header__ascend" aria-hidden="true"> </nx-icon>
+        <nx-icon *ngIf="_isSortedDescending()" name="arrow-right" class="nx-sort-header__descend" aria-hidden="true"> </nx-icon>
     </div>
 </div>
diff --git a/projects/ng-aquila/src/taglist/tag.component.html b/projects/ng-aquila/src/taglist/tag.component.html
index 3702d1726..1767bcccc 100644
--- a/projects/ng-aquila/src/taglist/tag.component.html
+++ b/projects/ng-aquila/src/taglist/tag.component.html
@@ -1,4 +1,4 @@
 {{ value }}
 <span role="link" aria-label="close" class="nx-tag__close" *ngIf="removable" (click)="removeClickHandler($event)">
-    <nx-icon class="nx-tag__close-icon" name="close"></nx-icon>
+    <nx-icon class="nx-tag__close-icon" name="close" aria-hidden="true"></nx-icon>
 </span>
diff --git a/projects/ng-aquila/src/video/video.component.html b/projects/ng-aquila/src/video/video.component.html
index 9ac5f9cbe..76181c72f 100644
--- a/projects/ng-aquila/src/video/video.component.html
+++ b/projects/ng-aquila/src/video/video.component.html
@@ -2,7 +2,7 @@
     <div class="nx-video__iframe">
         <div *ngIf="!showPlayer">
             <button #playButton class="nx-video__play-button" (click)="select()" [attr.aria-label]="playButtonAriaLabel" (keydown.enter)="select()">
-                <nx-icon class="nx-video__high-contrast-icon" name="play" size="s"></nx-icon>
+                <nx-icon class="nx-video__high-contrast-icon" name="play" size="s" aria-hidden="true"></nx-icon>
             </button>
             <img [src]="imgSrc" class="nx-video__thumbnail" [alt]="altText" (click)="select()" (keydown.enter)="select()" />
         </div>