feat(microchart-line): improve accessibility

Author: akashsonune

projects/native-charts-ng/microchart-line/si-microchart-line.component.ts

@@ -19,7 +19,10 @@ export interface MicrochartLineSeries {
 @Component({
   selector: 'si-microchart-line',
   templateUrl: './si-microchart-line.component.html',
-  changeDetection: ChangeDetectionStrategy.OnPush
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  host: {
+    role: 'img'
+  }
 })
 export class SiMicrochartLineComponent {
   /**

src/app/examples/si-ncharts/si-micro-charts.html

@@ -2,13 +2,14 @@
   <div class="card">
     <div class="card-header">Line micro chart</div>
     <div class="card-body d-flex flex-row gap-8 align-items-center">
-      <si-microchart-line [series]="lineSeries" />
+      <si-microchart-line aria-label="Example 1" [series]="lineSeries" />
       <si-microchart-line
         markerColor="element-data-2"
+        aria-label="Example 2"
         [showMarkers]="true"
         [series]="lineMarkerSeries"
       />
-      <si-microchart-line [showArea]="true" [series]="lineAreaSeries" />
+      <si-microchart-line aria-label="Example 3" [showArea]="true" [series]="lineAreaSeries" />
     </div>
   </div>