fix: update A11y regarding to 0.12.0 styles (#3385)

SAP · Sep 25, 2020 · ba54fcb · ba54fcb
1 parent 82c9257
commit ba54fcb
Showing 1 changed file with 4 additions and 4 deletions.
diff --git a/...core/component-docs/table/examples/table-popin-example/table-popin-example.component.html b/...core/component-docs/table/examples/table-popin-example/table-popin-example.component.html
@@ -19,7 +19,7 @@ <h4 class="table-example-popin-title">Mobile Mode</h4>
                     {{fruit.price}}
                 </td>
                 <td fd-table-cell [fitContent]="true" [noPadding]="true">
-                    <span fd-table-icon [glyph]="navigationArrow$ | async" [navigation]="true"></span>
+                    <i fd-table-icon [glyph]="navigationArrow$ | async" [navigation]="true" role="presentation"></i>
                 </td>
             </tr>
             <tr fd-table-row [secondary]="true">
@@ -73,7 +73,7 @@ <h4 class="table-example-popin-title">Tablet Mode</h4>
                     {{fruit.dateOfExpire}}
                 </td>
                 <td fd-table-cell [fitContent]="true" [noPadding]="true">
-                    <span fd-table-icon [glyph]="navigationArrow$ | async" [navigation]="true"></span>
+                    <i fd-table-icon [glyph]="navigationArrow$ | async" [navigation]="true" role="presentation"></i>
                 </td>
             </tr>
             <tr fd-table-row [secondary]="true">
@@ -126,7 +126,7 @@ <h4 class="table-example-popin-title">Desktop Mode</h4>
                     {{fruit.description}}
                 </td>
                 <td fd-table-cell [fitContent]="true" [noPadding]="true">
-                    <span fd-table-icon [glyph]="navigationArrow$ | async" [navigation]="true"></span>
+                    <i fd-table-icon [glyph]="navigationArrow$ | async" [navigation]="true" role="presentation"></i>
                 </td>
             </tr>
         </ng-container>
@@ -165,7 +165,7 @@ <h4 class="table-example-popin-title">Popin Mobile Mode with Checkboxes</h4>
                     {{fruit.price}}
                 </td>
                 <td fd-table-cell [fitContent]="true" [noPadding]="true">
-                    <span fd-table-icon [glyph]="navigationArrow$ | async" [navigation]="true"></span>
+                    <i fd-table-icon [glyph]="navigationArrow$ | async" [navigation]="true" role="presentation"></i>
                 </td>
             </tr>
             <tr fd-table-row [secondary]="true" [attr.aria-selected]="fruit.checked">