diff --git a/libs/core/src/lib/list/list-item/list-item.component.ts b/libs/core/src/lib/list/list-item/list-item.component.ts
index fb42d1a0d5f..e8576ec7e25 100644
--- a/libs/core/src/lib/list/list-item/list-item.component.ts
+++ b/libs/core/src/lib/list/list-item/list-item.component.ts
@@ -1,6 +1,7 @@
 /* eslint-disable @typescript-eslint/member-ordering */
 import {
     AfterContentInit,
+    Attribute,
     ChangeDetectionStrategy,
     ChangeDetectorRef,
     Component,
@@ -132,6 +133,10 @@ export class ListItemComponent<T = any>
     @HostBinding('class.fd-list__item--link')
     link = false;
 
+    /** Aria-role attribute. */
+    @Input()
+    ariaRole: Nullable<string>;
+
     /** @hidden */
     @ContentChild(FD_RADIO_BUTTON_COMPONENT)
     set radio(value: RadioButtonComponent) {
@@ -187,6 +192,11 @@ export class ListItemComponent<T = any>
 
     /** @hidden */
     @HostBinding('attr.role')
+    private get roleAttr(): string {
+        return this.ariaRole || this._role;
+    }
+
+    /** @hidden */
     private _role = 'listitem'; // default for li elements
 
     /** @hidden */
@@ -201,6 +211,7 @@ export class ListItemComponent<T = any>
     constructor(
         public readonly elementRef: ElementRef,
         private readonly _changeDetectorRef: ChangeDetectorRef,
+        @Attribute('role') private readonly _defaultRole: string | null,
         @Optional() @Inject(FD_LIST_UNREAD_INDICATOR) private readonly _unreadIndicator?: ListUnreadIndicator
     ) {
         super(elementRef);
diff --git a/libs/docs/platform/list/examples/platform-list-with-group-header-example.component.html b/libs/docs/platform/list/examples/platform-list-with-group-header-example.component.html
index 90b7450a8f1..ae39157ab4f 100644
--- a/libs/docs/platform/list/examples/platform-list-with-group-header-example.component.html
+++ b/libs/docs/platform/list/examples/platform-list-with-group-header-example.component.html
@@ -1,6 +1,6 @@
 <h5>Cozy</h5>
-<fdp-list>
-    <fdp-list-group-header groupHeaderTitle="Group header 1"></fdp-list-group-header>
+<fdp-list ariaLabel="Grouped list">
+    <fdp-list-group-header groupHeaderTitle="Group header 1" ariaLabel="Group header 1"></fdp-list-group-header>
     <fdp-standard-list-item title="Title1"></fdp-standard-list-item>
     <fdp-standard-list-item title="Title2"></fdp-standard-list-item>
     <fdp-standard-list-item title="Title3"></fdp-standard-list-item>
diff --git a/libs/docs/platform/list/examples/platform-list-with-infinite-scroll-example.component.ts b/libs/docs/platform/list/examples/platform-list-with-infinite-scroll-example.component.ts
index 03727cd1419..7386f7d8136 100644
--- a/libs/docs/platform/list/examples/platform-list-with-infinite-scroll-example.component.ts
+++ b/libs/docs/platform/list/examples/platform-list-with-infinite-scroll-example.component.ts
@@ -1,7 +1,7 @@
-import { Component, ChangeDetectionStrategy } from '@angular/core';
-import { Observable, of } from 'rxjs';
+import { ChangeDetectionStrategy, Component } from '@angular/core';
+import { BehaviorSubject, Observable, of } from 'rxjs';
 
-import { ListDataSource, DataProvider } from '@fundamental-ngx/platform/shared';
+import { DataProvider, ListDataSource } from '@fundamental-ngx/platform/shared';
 
 export interface User {
     firstName: string;
@@ -114,9 +114,13 @@ const list_elements: User[] = [
 ];
 
 export class ListDataProvider extends DataProvider<User> {
+    private readonly _totalItems = new BehaviorSubject(0);
     constructor() {
         super();
     }
+    getTotalItems(): Observable<number> {
+        return this._totalItems.asObservable();
+    }
     fetch(params: Map<string, string>): Observable<User[]> {
         let data = list_elements;
         const name = params.get('name');
@@ -125,6 +129,8 @@ export class ListDataProvider extends DataProvider<User> {
             data = data.filter((user) => user.firstName.toLowerCase().indexOf(keyword) > -1);
         }
 
+        this._totalItems.next(data.length);
+
         return of(data);
     }
 }
diff --git a/libs/docs/platform/list/examples/platform-list-with-more-button-example.component.ts b/libs/docs/platform/list/examples/platform-list-with-more-button-example.component.ts
index df8e40108ba..ee30d4fca23 100644
--- a/libs/docs/platform/list/examples/platform-list-with-more-button-example.component.ts
+++ b/libs/docs/platform/list/examples/platform-list-with-more-button-example.component.ts
@@ -1,7 +1,7 @@
-import { Component, ChangeDetectionStrategy } from '@angular/core';
-import { Observable, of } from 'rxjs';
+import { ChangeDetectionStrategy, Component } from '@angular/core';
+import { BehaviorSubject, Observable, of } from 'rxjs';
 
-import { ListDataSource, DataProvider } from '@fundamental-ngx/platform/shared';
+import { DataProvider, ListDataSource } from '@fundamental-ngx/platform/shared';
 
 export interface User {
     firstName: string;
@@ -114,9 +114,13 @@ const list_elements: User[] = [
 ];
 
 export class ListDataProvider extends DataProvider<User> {
+    private readonly _totalItems = new BehaviorSubject(0);
     constructor() {
         super();
     }
+    getTotalItems(): Observable<number> {
+        return this._totalItems.asObservable();
+    }
     fetch(params: Map<string, string>): Observable<User[]> {
         let data = list_elements;
         const name = params.get('name');
@@ -125,6 +129,9 @@ export class ListDataProvider extends DataProvider<User> {
             data = data.filter((user) => user.firstName.toLowerCase().indexOf(keyword) > -1);
         }
 
+        // Update total items count when new request completed.
+        this._totalItems.next(data.length);
+
         return of(data);
     }
 }
diff --git a/libs/docs/platform/list/examples/platform-list-with-selection-example.component.html b/libs/docs/platform/list/examples/platform-list-with-selection-example.component.html
index 8cba62d70cd..1229693bf43 100644
--- a/libs/docs/platform/list/examples/platform-list-with-selection-example.component.html
+++ b/libs/docs/platform/list/examples/platform-list-with-selection-example.component.html
@@ -9,6 +9,7 @@
     (selectedItemChange)="_showItemInfo($event)"
     [selection]="true"
     [ariaMultiselectable]="true"
+    role="listbox"
 >
     <fdp-standard-list-item *fdpItemDef="let address" [title]="address.name"></fdp-standard-list-item>
 </fdp-list>
diff --git a/libs/docs/platform/list/examples/platform-list-with-single-selection-example.component.html b/libs/docs/platform/list/examples/platform-list-with-single-selection-example.component.html
index 360c6b93485..55346234698 100644
--- a/libs/docs/platform/list/examples/platform-list-with-single-selection-example.component.html
+++ b/libs/docs/platform/list/examples/platform-list-with-single-selection-example.component.html
@@ -9,6 +9,7 @@
     (selectedItemChange)="_showItemInfo($event)"
     [selection]="true"
     [ariaMultiselectable]="false"
+    role="listbox"
 >
     <fdp-standard-list-item
         *fdpItemDef="let address"
diff --git a/libs/platform/src/lib/list/action-list-item/action-list-item.component.html b/libs/platform/src/lib/list/action-list-item/action-list-item.component.html
index 4349c6d2663..9c288b45e61 100644
--- a/libs/platform/src/lib/list/action-list-item/action-list-item.component.html
+++ b/libs/platform/src/lib/list/action-list-item/action-list-item.component.html
@@ -8,8 +8,10 @@
     (keyup)="_onKeyUp($event)"
     [attr.aria-label]="ariaLabel"
     [attr.aria-level]="ariaLevel"
-    [attr.aria-posinet]="ariaPosinet"
-    [attr.role]="role"
+    [attr.aria-posinset]="ariaPosinset"
+    [attr.aria-setsize]="ariaSetSize | async"
+    [ariaRole]="_listItemRole"
+    [attr.aria-selected]="_selectedAttr"
 >
     <button #action class="fd-list__title" [attr.aria-label]="title" [attr.title]="title" (click)="_onActionClick()">
         {{ title }}
diff --git a/libs/platform/src/lib/list/action-list-item/action-list-item.component.spec.ts b/libs/platform/src/lib/list/action-list-item/action-list-item.component.spec.ts
index b621fcef9c8..e58e8fc24a9 100644
--- a/libs/platform/src/lib/list/action-list-item/action-list-item.component.spec.ts
+++ b/libs/platform/src/lib/list/action-list-item/action-list-item.component.spec.ts
@@ -1,3 +1,4 @@
+/* eslint-disable @typescript-eslint/member-ordering */
 import { Component, ElementRef, ViewChild } from '@angular/core';
 import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 import { By } from '@angular/platform-browser';
@@ -6,6 +7,9 @@ import { RouterTestingModule } from '@angular/router/testing';
 import { ActionListItemComponent } from './action-list-item.component';
 
 import { PlatformListModule } from '../list.module';
+import { SelectionType } from '../models/list';
+import { BaseListItem } from '../base-list-item';
+import { ListComponent } from '../list.component';
 
 export interface Action {
     title: string;
@@ -14,7 +18,7 @@ export interface Action {
 @Component({
     selector: 'fdp-test-fdp-action-list-item',
     template: `
-        <fdp-list>
+        <fdp-list [selectionMode]="selectionMode">
             <fdp-action-list-item title="Action 1"> </fdp-action-list-item>
             <fdp-action-list-item title="Action 2"> </fdp-action-list-item>
             <fdp-action-list-item title="Action 3"> </fdp-action-list-item>
@@ -26,9 +30,14 @@ class ActionListItemComponentTestComponent {
     @ViewChild(ActionListItemComponent, { read: ElementRef, static: true })
     actionListElement: ElementRef;
 
+    @ViewChild(ListComponent)
+    list: ListComponent<any>;
+
     itemclick: string;
     enterPress: string;
 
+    selectionMode: SelectionType = 'none';
+
     onItemClick(): void {
         this.itemclick = 'mouse is clicked';
     }
@@ -84,10 +93,35 @@ describe('ActionListItemComponent', () => {
         expect(actionItems[0].nativeElement.classList).toContain('fd-list__item--action');
     });
 
-    it('Should display action item with role as option', () => {
+    it('Should display list item with role as listitem', () => {
         const listContainer = fixture.debugElement.query(By.css('fdp-action-list-item .fd-list__item--action'));
         fixture.detectChanges();
+        expect(listContainer.nativeElement.getAttribute('role')).toEqual('listitem');
+    });
+
+    it('Should display action item with role as option', async () => {
+        component.selectionMode = 'multi';
+        fixture.detectChanges();
+        const listItem = fixture.debugElement.query(By.css('fdp-action-list-item')).componentInstance as BaseListItem;
+        listItem.ngAfterViewInit();
+        fixture.detectChanges();
+        await fixture.whenStable();
+        let listContainer = fixture.debugElement.query(By.css('fdp-action-list-item .fd-list__item--action'));
         expect(listContainer.nativeElement.getAttribute('role')).toEqual('option');
+        component.selectionMode = 'single';
+        fixture.detectChanges();
+        listItem.ngAfterViewInit();
+        fixture.detectChanges();
+        await fixture.whenStable();
+        listContainer = fixture.debugElement.query(By.css('fdp-action-list-item .fd-list__item--action'));
+        expect(listContainer.nativeElement.getAttribute('role')).toEqual('option');
+        component.selectionMode = 'none';
+        fixture.detectChanges();
+        listItem.ngAfterViewInit();
+        fixture.detectChanges();
+        await fixture.whenStable();
+        listContainer = fixture.debugElement.query(By.css('fdp-action-list-item .fd-list__item--action'));
+        expect(listContainer.nativeElement.getAttribute('role')).toEqual('listitem');
     });
 
     it('Should Action 1 Action 2 Action 3 and as Action 4  as list item', () => {
diff --git a/libs/platform/src/lib/list/action-list-item/action-list-item.component.ts b/libs/platform/src/lib/list/action-list-item/action-list-item.component.ts
index 648b4aac47c..1068d2ac25f 100644
--- a/libs/platform/src/lib/list/action-list-item/action-list-item.component.ts
+++ b/libs/platform/src/lib/list/action-list-item/action-list-item.component.ts
@@ -1,3 +1,4 @@
+import { ENTER, SPACE } from '@angular/cdk/keycodes';
 import {
     ChangeDetectionStrategy,
     Component,
@@ -7,7 +8,6 @@ import {
     Output,
     ViewChild
 } from '@angular/core';
-import { ENTER, SPACE } from '@angular/cdk/keycodes';
 
 import { KeyUtil } from '@fundamental-ngx/cdk/utils';
 
@@ -22,7 +22,10 @@ export class ActionChangeEvent {
     selector: 'fdp-action-list-item',
     templateUrl: './action-list-item.component.html',
     providers: [{ provide: BaseListItem, useExisting: forwardRef(() => ActionListItemComponent) }],
-    changeDetection: ChangeDetectionStrategy.OnPush
+    changeDetection: ChangeDetectionStrategy.OnPush,
+    host: {
+        role: 'none'
+    }
 })
 export class ActionListItemComponent extends BaseListItem {
     /** Access button element*/
diff --git a/libs/platform/src/lib/list/base-list-item.ts b/libs/platform/src/lib/list/base-list-item.ts
index 8b9b08d3e47..0956df6e99c 100644
--- a/libs/platform/src/lib/list/base-list-item.ts
+++ b/libs/platform/src/lib/list/base-list-item.ts
@@ -1,3 +1,5 @@
+/* eslint-disable @typescript-eslint/member-ordering */
+import { ENTER, SPACE } from '@angular/cdk/keycodes';
 import {
     AfterViewChecked,
     AfterViewInit,
@@ -16,19 +18,18 @@ import {
     TemplateRef,
     ViewChild
 } from '@angular/core';
-import { ENTER, SPACE } from '@angular/cdk/keycodes';
 
-import { ColorAccent, KeyUtil, Size } from '@fundamental-ngx/cdk/utils';
-import { Nullable } from '@fundamental-ngx/cdk/utils';
+import { ColorAccent, KeyUtil, Nullable, Size } from '@fundamental-ngx/cdk/utils';
 import { CheckboxComponent } from '@fundamental-ngx/core/checkbox';
+import { IconComponent } from '@fundamental-ngx/core/icon';
+import { FD_LIST_UNREAD_INDICATOR, ListUnreadIndicator } from '@fundamental-ngx/core/list';
 import { RadioButtonComponent } from '@fundamental-ngx/core/radio';
 import { BaseComponent, isPresent } from '@fundamental-ngx/platform/shared';
-import { ListConfig } from './list.config';
+import { merge } from 'lodash-es';
+import { Observable } from 'rxjs';
 import { FdpListComponent } from './fdpListComponent.token';
-import merge from 'lodash-es/merge';
-import { IconComponent } from '@fundamental-ngx/core/icon';
+import { ListConfig } from './list.config';
 import { FdpList, ListType, SelectionType } from './models/list';
-import { FD_LIST_UNREAD_INDICATOR, ListUnreadIndicator } from '@fundamental-ngx/core/list';
 
 export const IS_ACTIVE_CLASS = 'is-active';
 let nextListItemId = 0;
@@ -107,6 +108,13 @@ export interface ListAdvancedDescription {
 
 export type ListDescription = string | ListAdvancedDescription;
 
+export enum LIST_ITEM_TYPE {
+    ITEM = 'item',
+    GROUP = 'group',
+    FOOTER = 'footer',
+    HEADER = 'header'
+}
+
 export class ModifyItemEvent {
     /** List Item component */
     source: BaseListItem;
@@ -137,7 +145,7 @@ export class BaseListItem extends BaseComponent implements OnInit, AfterViewInit
 
     /** define position of item for screen reader */
     @Input()
-    ariaPosinet: number;
+    ariaPosinset: number;
 
     /** Avatar component properties. @see AvatarComponent for more details */
     @Input()
@@ -277,7 +285,14 @@ export class BaseListItem extends BaseComponent implements OnInit, AfterViewInit
 
     /** By default selection mode is 'none' */
     @Input()
-    selectionMode: SelectionType = 'none';
+    set selectionMode(value: SelectionType) {
+        this._selectionMode = value;
+        this._setAttrRole();
+    }
+
+    get selectionMode(): SelectionType {
+        return this._selectionMode;
+    }
 
     /** By default selection mode is 'active' */
     @Input()
@@ -300,7 +315,7 @@ export class BaseListItem extends BaseComponent implements OnInit, AfterViewInit
 
     /** role */
     @Input()
-    role = 'option';
+    role: Nullable<string>;
 
     /**
      * event emitter for selected item
@@ -343,6 +358,9 @@ export class BaseListItem extends BaseComponent implements OnInit, AfterViewInit
     @ViewChild(RadioButtonComponent)
     radioButtonComponent: RadioButtonComponent;
 
+    /** @hidden */
+    _type: LIST_ITEM_TYPE = LIST_ITEM_TYPE.ITEM;
+
     /**
      * @hidden
      * Whether By line mode is included to list component, by which
@@ -354,7 +372,14 @@ export class BaseListItem extends BaseComponent implements OnInit, AfterViewInit
      * @hidden
      * Whether listitem has row level selection enabled
      */
-    rowSelection: boolean;
+    set rowSelection(value: boolean) {
+        this._rowSelection = value;
+        this._setAttrRole();
+    }
+
+    get rowSelection(): boolean {
+        return this._rowSelection;
+    }
 
     /**
      * @hidden
@@ -362,12 +387,31 @@ export class BaseListItem extends BaseComponent implements OnInit, AfterViewInit
      */
     _selected = false;
 
+    /** @hidden */
+    get _selectedAttr(): boolean | null {
+        return !this.rowSelection && this.selectionMode === 'none' ? null : this._selected;
+    }
+
     /**
      * @hidden
      * get the focused element for key manager
      */
     _focused: boolean;
 
+    /** @hidden */
+    get _listItemRole(): string {
+        return this.role || this._defaultRole;
+    }
+
+    /** @hidden */
+    ariaSetSize: Observable<number>;
+
+    /** @hidden */
+    private _rowSelection = false;
+
+    /** @hidden */
+    private _defaultRole = 'listitem';
+
     /** @hidden */
     private _listComponent = inject<FdpList>(FdpListComponent);
 
@@ -377,9 +421,18 @@ export class BaseListItem extends BaseComponent implements OnInit, AfterViewInit
     /** @hidden */
     private _iconConfig: ListIconConfig = new ListIconConfig();
 
+    /**
+     * @hidden
+     * radio button selected value binded to template
+     */
+    private _selectionValue: Nullable<string>;
+
+    /** @hidden */
+    private _selectionMode: SelectionType = 'none';
+
     /** @hidden */
     constructor(
-        protected _changeDetectorRef: ChangeDetectorRef,
+        _changeDetectorRef: ChangeDetectorRef,
         public itemEl: ElementRef<HTMLElement>,
         protected _listConfig: ListConfig,
         @Optional() @Inject(FD_LIST_UNREAD_INDICATOR) private readonly _list: ListUnreadIndicator
@@ -387,12 +440,6 @@ export class BaseListItem extends BaseComponent implements OnInit, AfterViewInit
         super(_changeDetectorRef);
     }
 
-    /**
-     * @hidden
-     * radio button selected value binded to template
-     */
-    private _selectionValue: Nullable<string>;
-
     /** Selection value */
     @Input()
     set selectionValue(value: Nullable<string>) {
@@ -406,74 +453,6 @@ export class BaseListItem extends BaseComponent implements OnInit, AfterViewInit
         return this._selectionValue;
     }
 
-    /**
-     * @hidden
-     * Show navigation for single list
-     */
-    ngOnInit(): void {
-        this.id = `fdp-list-item-${nextListItemId++}`;
-    }
-
-    /** @hidden */
-    ngOnDestroy(): void {
-        super.ngOnDestroy();
-        this.itemSelected.complete();
-    }
-
-    /** @hidden */
-    ngAfterViewInit(): void {
-        this._listComponent._setupListItem(this);
-    }
-
-    /**
-     * @hidden
-     * To detect changes from parent-listbox to list item
-     * for example single, multi option selection those details
-     * will be deducted in list item
-     */
-    ngAfterViewChecked(): void {
-        const currentItem: Nullable<HTMLLIElement> = this.itemEl.nativeElement.querySelector('li');
-        if (!currentItem) {
-            return;
-        }
-
-        currentItem.setAttribute('role', 'option');
-        const parentNode = currentItem.parentNode instanceof HTMLElement && currentItem.parentNode;
-        if (parentNode) {
-            parentNode.removeAttribute('title');
-            parentNode.removeAttribute('aria-label');
-        }
-
-        if (this.rowSelection || this.selectionMode === 'multi' || this.selectionMode === 'single') {
-            currentItem.setAttribute('aria-selected', `${!!this._selected}`);
-        }
-
-        this._changeDetectorRef.detectChanges();
-    }
-
-    /**
-     * @hidden
-     * Created focus on list item on mouseclick,
-     * Up,down arrow press
-     */
-    focus(): void {
-        this.listItem.nativeElement.focus();
-    }
-
-    /**
-     * Programmatically set selected state of the list item.
-     * @param selected Whether the list item is selected
-     */
-    setSelected(selected: boolean): void {
-        if (selected === this._selected) {
-            return;
-        }
-        const event = new ModifyItemEvent();
-        event.source = this;
-        this._selected = selected;
-        this._changeDetectorRef.detectChanges();
-    }
-
     /**
      * @hidden
      * On item click event will be emitted
@@ -488,7 +467,7 @@ export class BaseListItem extends BaseComponent implements OnInit, AfterViewInit
         event.source = this;
         this._focused = !this._focused;
         this.itemSelected.emit(event);
-        this._changeDetectorRef.markForCheck();
+        this._cd.markForCheck();
     }
 
     /** @hidden */
@@ -511,7 +490,7 @@ export class BaseListItem extends BaseComponent implements OnInit, AfterViewInit
         const $event = new ModifyItemEvent();
         $event.source = this;
         this.itemSelected.emit($event);
-        this._changeDetectorRef.markForCheck();
+        this._cd.markForCheck();
     }
 
     /**
@@ -530,7 +509,7 @@ export class BaseListItem extends BaseComponent implements OnInit, AfterViewInit
             this.radioButtonComponent?.valueChange(event);
         }
 
-        this._changeDetectorRef.markForCheck();
+        this._cd.markForCheck();
         const $event = new ModifyItemEvent();
         $event.source = this;
         this.itemSelected.emit($event);
@@ -547,6 +526,68 @@ export class BaseListItem extends BaseComponent implements OnInit, AfterViewInit
         }
     }
 
+    /**
+     * @hidden
+     * Show navigation for single list
+     */
+    ngOnInit(): void {
+        this.id = `fdp-list-item-${nextListItemId++}`;
+    }
+
+    /** @hidden */
+    ngOnDestroy(): void {
+        super.ngOnDestroy();
+        this.itemSelected.complete();
+    }
+
+    /** @hidden */
+    ngAfterViewInit(): void {
+        this._listComponent._setupListItem(this);
+    }
+
+    /**
+     * @hidden
+     * To detect changes from parent-listbox to list item
+     * for example single, multi option selection those details
+     * will be deducted in list item
+     */
+    ngAfterViewChecked(): void {
+        const currentItem: Nullable<HTMLLIElement> = this.itemEl.nativeElement.querySelector('li');
+        if (!currentItem) {
+            return;
+        }
+
+        const parentNode = currentItem.parentNode instanceof HTMLElement && currentItem.parentNode;
+        if (parentNode) {
+            parentNode.removeAttribute('title');
+            parentNode.removeAttribute('aria-label');
+        }
+        this._cd.detectChanges();
+    }
+
+    /**
+     * @hidden
+     * Created focus on list item on mouseclick,
+     * Up,down arrow press
+     */
+    focus(): void {
+        this.listItem.nativeElement.focus();
+    }
+
+    /**
+     * Programmatically set selected state of the list item.
+     * @param selected Whether the list item is selected
+     */
+    setSelected(selected: boolean): void {
+        if (selected === this._selected) {
+            return;
+        }
+        const event = new ModifyItemEvent();
+        event.source = this;
+        this._selected = selected;
+        this._cd.detectChanges();
+    }
+
     /**
      * @hidden
      * on keydown append active styles on actionable item
@@ -605,9 +646,18 @@ export class BaseListItem extends BaseComponent implements OnInit, AfterViewInit
         this.checkboxComponent?.nextValue();
         this.radioButtonComponent?.valueChange(event);
 
-        this._changeDetectorRef.markForCheck();
+        this._cd.markForCheck();
         const $event = new ModifyItemEvent();
         $event.source = this;
         this.itemSelected.emit($event);
     }
+
+    /** @hidden */
+    private _setAttrRole(): void {
+        this._defaultRole =
+            this.rowSelection || this.selectionMode === 'single' || this.selectionMode === 'multi'
+                ? 'option'
+                : 'listitem';
+        this._cd.detectChanges();
+    }
 }
diff --git a/libs/platform/src/lib/list/display-list-item/display-list-item.component.html b/libs/platform/src/lib/list/display-list-item/display-list-item.component.html
index a41c0c7cc2b..258794d13a2 100644
--- a/libs/platform/src/lib/list/display-list-item/display-list-item.component.html
+++ b/libs/platform/src/lib/list/display-list-item/display-list-item.component.html
@@ -12,8 +12,10 @@
         [class.fd-list__item--inactive]="listType === 'inactive'"
         [attr.aria-label]="ariaLabel"
         [attr.aria-level]="ariaLevel"
-        [attr.aria-posinet]="ariaPosinet"
-        [attr.role]="role"
+        [attr.aria-posinset]="ariaPosinset"
+        [attr.aria-setsize]="ariaSetSize | async"
+        [ariaRole]="_listItemRole"
+        [attr.aria-selected]="_selectedAttr"
     >
         <a
             #linkElement
@@ -39,9 +41,11 @@
         (keyup)="_onKeyUp($event)"
         [attr.aria-label]="ariaLabel"
         [attr.aria-level]="ariaLevel"
-        [attr.aria-posinet]="ariaPosinet"
+        [attr.aria-posinset]="ariaPosinset"
+        [attr.aria-setsize]="ariaSetSize | async"
         [class.fd-list__item--inactive]="listType === 'inactive'"
-        [attr.role]="role"
+        [ariaRole]="_listItemRole"
+        [attr.aria-selected]="_selectedAttr"
     >
         <ng-container *ngTemplateOutlet="commonTemplate"></ng-container>
     </li>
diff --git a/libs/platform/src/lib/list/display-list-item/display-list-item.component.spec.ts b/libs/platform/src/lib/list/display-list-item/display-list-item.component.spec.ts
index 1b0535e4dac..0bb9fd59685 100644
--- a/libs/platform/src/lib/list/display-list-item/display-list-item.component.spec.ts
+++ b/libs/platform/src/lib/list/display-list-item/display-list-item.component.spec.ts
@@ -1,3 +1,4 @@
+/* eslint-disable @typescript-eslint/member-ordering */
 import { Component, ElementRef, ViewChild } from '@angular/core';
 import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 import { By } from '@angular/platform-browser';
@@ -76,10 +77,10 @@ describe('DisplayListItemComponent', () => {
         expect(secondaryItems[0].nativeElement.getAttribute('aria-label')).toContain('secondary 1');
     });
 
-    it('Should display item role as option', () => {
+    it('Should display item role as listitem', () => {
         const listContainer = fixture.debugElement.query(By.css('fdp-display-list-item .fd-list__item'));
         fixture.detectChanges();
-        expect(listContainer.nativeElement.getAttribute('role')).toEqual('option');
+        expect(listContainer.nativeElement.getAttribute('role')).toEqual('listitem');
     });
 
     it('Should title 1 title2 2 title 3 and as title 4 as list item', () => {
diff --git a/libs/platform/src/lib/list/display-list-item/display-list-item.component.ts b/libs/platform/src/lib/list/display-list-item/display-list-item.component.ts
index 5715e1c5eea..207aeba7751 100644
--- a/libs/platform/src/lib/list/display-list-item/display-list-item.component.ts
+++ b/libs/platform/src/lib/list/display-list-item/display-list-item.component.ts
@@ -6,6 +6,9 @@ import { BaseListItem } from '../base-list-item';
     selector: 'fdp-display-list-item',
     templateUrl: './display-list-item.component.html',
     providers: [{ provide: BaseListItem, useExisting: forwardRef(() => DisplayListItemComponent) }],
-    changeDetection: ChangeDetectionStrategy.OnPush
+    changeDetection: ChangeDetectionStrategy.OnPush,
+    host: {
+        role: 'none'
+    }
 })
 export class DisplayListItemComponent extends BaseListItem {}
diff --git a/libs/platform/src/lib/list/free-content-list-item/free-content-list-item.component.html b/libs/platform/src/lib/list/free-content-list-item/free-content-list-item.component.html
index 012797ddcdd..3924e71f34a 100644
--- a/libs/platform/src/lib/list/free-content-list-item/free-content-list-item.component.html
+++ b/libs/platform/src/lib/list/free-content-list-item/free-content-list-item.component.html
@@ -13,8 +13,10 @@
     [attr.aria-label]="ariaLabel"
     [ariaDescribedBy]="ariaDescribedBy"
     [attr.aria-level]="ariaLevel"
-    [attr.aria-posinet]="ariaPosinet"
-    [attr.role]="role"
+    [attr.aria-posinset]="ariaPosinset"
+    [attr.aria-setsize]="ariaSetSize | async"
+    [ariaRole]="_listItemRole"
+    [attr.aria-selected]="_selectedAttr"
 >
     <ng-content></ng-content>
 </li>
diff --git a/libs/platform/src/lib/list/free-content-list-item/free-content-list-item.component.ts b/libs/platform/src/lib/list/free-content-list-item/free-content-list-item.component.ts
index 36b72988a3c..90f0130eead 100644
--- a/libs/platform/src/lib/list/free-content-list-item/free-content-list-item.component.ts
+++ b/libs/platform/src/lib/list/free-content-list-item/free-content-list-item.component.ts
@@ -7,6 +7,9 @@ import { BaseListItem } from '../base-list-item';
     styleUrls: ['./free-content-list-item.component.scss'],
     encapsulation: ViewEncapsulation.None,
     changeDetection: ChangeDetectionStrategy.OnPush,
-    providers: [{ provide: BaseListItem, useExisting: forwardRef(() => FreeContentListItemComponent) }]
+    providers: [{ provide: BaseListItem, useExisting: forwardRef(() => FreeContentListItemComponent) }],
+    host: {
+        role: 'none'
+    }
 })
 export class FreeContentListItemComponent extends BaseListItem {}
diff --git a/libs/platform/src/lib/list/list-group-footer.component.ts b/libs/platform/src/lib/list/list-group-footer.component.ts
index 9018bbe92d7..fb2d42a64f9 100644
--- a/libs/platform/src/lib/list/list-group-footer.component.ts
+++ b/libs/platform/src/lib/list/list-group-footer.component.ts
@@ -1,8 +1,15 @@
 import { Component } from '@angular/core';
 import { BaseComponent } from '@fundamental-ngx/platform/shared';
+import { LIST_ITEM_TYPE } from './base-list-item';
 
 @Component({
     selector: 'fdp-list-footer',
-    template: `<li #listFooter class="fd-list__footer" [attr.id]="id" role="option"><ng-content></ng-content></li>`
+    template: `<li #listFooter class="fd-list__footer" [attr.id]="id" role="option"><ng-content></ng-content></li>`,
+    host: {
+        role: 'none'
+    }
 })
-export class ListFooterComponent extends BaseComponent {}
+export class ListFooterComponent extends BaseComponent {
+    /** @hidden */
+    _type = LIST_ITEM_TYPE.FOOTER;
+}
diff --git a/libs/platform/src/lib/list/list-group-header.component.ts b/libs/platform/src/lib/list/list-group-header.component.ts
index 101dee2a80d..84c4a839c1c 100644
--- a/libs/platform/src/lib/list/list-group-header.component.ts
+++ b/libs/platform/src/lib/list/list-group-header.component.ts
@@ -1,15 +1,27 @@
+/* eslint-disable @typescript-eslint/member-ordering */
 import { Component, forwardRef, Input, OnInit } from '@angular/core';
-import { BaseListItem } from './base-list-item';
+import { BaseListItem, LIST_ITEM_TYPE } from './base-list-item';
 
 let nextListGrpHeaderId = 0;
 
 @Component({
     selector: 'fdp-list-group-header',
-    template: ` <li #listItem fd-list-group-header [attr.id]="id" role="option" [tabindex]="0">
+    template: ` <li
+        #listItem
+        fd-list-group-header
+        [attr.aria-labelledby]="ariaLabelledBy"
+        [attr.aria-label]="ariaLabel"
+        [attr.id]="id"
+        role="group"
+        [tabindex]="0"
+    >
         <span fd-list-title>{{ groupHeaderTitle }}</span>
         <ng-content></ng-content>
     </li>`,
-    providers: [{ provide: BaseListItem, useExisting: forwardRef(() => ListGroupHeaderComponent) }]
+    providers: [{ provide: BaseListItem, useExisting: forwardRef(() => ListGroupHeaderComponent) }],
+    host: {
+        role: 'none'
+    }
 })
 export class ListGroupHeaderComponent extends BaseListItem implements OnInit {
     /** Displays list group header title */
@@ -22,6 +34,9 @@ export class ListGroupHeaderComponent extends BaseListItem implements OnInit {
         this.groupHeaderTitle = value;
     }
 
+    /** @hidden */
+    _type = LIST_ITEM_TYPE.HEADER;
+
     /**
      * @hidden
      * Initialization of the list header component
diff --git a/libs/platform/src/lib/list/list.component.html b/libs/platform/src/lib/list/list.component.html
index e2e1d68b1c4..cf8c28976d8 100644
--- a/libs/platform/src/lib/list/list.component.html
+++ b/libs/platform/src/lib/list/list.component.html
@@ -10,8 +10,9 @@
     style="outline: none"
     (keydown)="_keyManager?.onKeydown($event); _handleKeyDown($event)"
     (change)="_onSelectionChanged($event)"
-    [attr.aria-setsize]="ariaSetsize"
+    [attr.aria-setsize]="_ariaSetSize | async"
     [attr.aria-label]="ariaLabel"
+    [attr.aria-labelledby]="ariaLabelledBy"
     [attr.aria-multiselectable]="ariaMultiselectable"
     [role]="role"
     [unreadIndicator]="unreadIndicator"
diff --git a/libs/platform/src/lib/list/list.component.ts b/libs/platform/src/lib/list/list.component.ts
index d71b49a2b3c..0c78f1d55cf 100644
--- a/libs/platform/src/lib/list/list.component.ts
+++ b/libs/platform/src/lib/list/list.component.ts
@@ -59,7 +59,7 @@ import {
     isDataSource,
     isPresent
 } from '@fundamental-ngx/platform/shared';
-import { BaseListItem, ListItemDef } from './base-list-item';
+import { BaseListItem, LIST_ITEM_TYPE, ListItemDef } from './base-list-item';
 import { FdpListComponent } from './fdpListComponent.token';
 import { ListConfig } from './list.config';
 import { LoadMoreContentContext, LoadMoreContentDirective } from './load-more-content.directive';
@@ -318,7 +318,10 @@ export class ListComponent<T>
     _destroyed = new Subject<void>();
 
     /** @hidden */
-    protected _dataSource: FdpListDataSource<T>;
+    _ariaSetSize: Observable<number> = new Observable();
+
+    /** @hidden */
+    protected _dataSource: ListDataSource<T>;
 
     /** @hidden */
     private _translationResolver = new TranslationResolver();
@@ -420,9 +423,49 @@ export class ListComponent<T>
         this._init();
     }
 
-    /** @hidden */
-    private async _init(): Promise<void> {
-        this._language = await firstValueFrom(this._language$);
+    /**
+     * @hidden
+     * on Update navgiation styles for non navigated items
+     * event:any to avoid code duplication
+     * seprate PR for custom event
+     */
+    @HostListener('click', ['$event'])
+    _updateNavigation(event: Event): void {
+        let selectedItemId: Nullable<string> = '0';
+        const element: Nullable<HTMLElement> = event.target instanceof HTMLElement ? event.target : null;
+        const parent = element?.closest('.fd-list__item');
+        if (isPresent(parent)) {
+            selectedItemId = parent?.getAttribute('id');
+        }
+
+        this.listItems.forEach((item, index) => {
+            item.anchor?.nativeElement.classList.remove('is-navigated');
+
+            if (item._focused) {
+                this._keyManager?.updateActiveItem(index);
+            }
+        });
+
+        const el = event.target instanceof HTMLElement && event.target;
+        if (!el) {
+            return;
+        }
+
+        const linkElement = el.querySelector('a');
+        if (el.tagName.toLowerCase() === 'a') {
+            el.classList.add('is-navigated');
+        } else if (el.tagName.toLowerCase() === 'li' && !!linkElement) {
+            linkElement.classList.add('is-navigated');
+        }
+
+        // TODO: selection management should be completely changed https://github.com/SAP/fundamental-ngx/issues/8008
+        if (this.rowSelection) {
+            this._handleRowSelect(selectedItemId);
+        } else if (this.selectionMode === 'single') {
+            this._handleSingleSelect(event, selectedItemId);
+        } else if (this.selectionMode === 'multi') {
+            this._handleMultiSelect(selectedItemId);
+        }
     }
 
     /** Get context for load more button */
@@ -609,49 +652,16 @@ export class ListComponent<T>
         this._updateNavigation(event);
     }
 
-    /**
-     * @hidden
-     * on Update navgiation styles for non navigated items
-     * event:any to avoid code duplication
-     * seprate PR for custom event
-     */
-    @HostListener('click', ['$event'])
-    _updateNavigation(event: Event): void {
-        let selectedItemId: Nullable<string> = '0';
-        const element: Nullable<HTMLElement> = event.target instanceof HTMLElement ? event.target : null;
-        const parent = element?.closest('.fd-list__item');
-        if (isPresent(parent)) {
-            selectedItemId = parent?.getAttribute('id');
-        }
-
-        this.listItems.forEach((item, index) => {
-            item.anchor?.nativeElement.classList.remove('is-navigated');
-
-            if (item._focused) {
-                this._keyManager?.updateActiveItem(index);
-            }
+    /** @hidden */
+    _setupListItem(item: BaseListItem): void {
+        item.selectionMode = this.selectionMode;
+        item.rowSelection = this.rowSelection;
+        item._hasByLine = this.hasByLine;
+        item.itemSelected.subscribe(() => {
+            this._keyManager?.setActiveItem(this.listItems.toArray().indexOf(item));
         });
 
-        const el = event.target instanceof HTMLElement && event.target;
-        if (!el) {
-            return;
-        }
-
-        const linkElement = el.querySelector('a');
-        if (el.tagName.toLowerCase() === 'a') {
-            el.classList.add('is-navigated');
-        } else if (el.tagName.toLowerCase() === 'li' && !!linkElement) {
-            linkElement.classList.add('is-navigated');
-        }
-
-        // TODO: selection management should be completely changed https://github.com/SAP/fundamental-ngx/issues/8008
-        if (this.rowSelection) {
-            this._handleRowSelect(selectedItemId);
-        } else if (this.selectionMode === 'single') {
-            this._handleSingleSelect(event, selectedItemId);
-        } else if (this.selectionMode === 'multi') {
-            this._handleMultiSelect(selectedItemId);
-        }
+        this.stateChanges.next(item);
     }
 
     /** @hidden */
@@ -870,18 +880,6 @@ export class ListComponent<T>
         });
     }
 
-    /** @hidden */
-    _setupListItem(item: BaseListItem): void {
-        item.selectionMode = this.selectionMode;
-        item.rowSelection = this.rowSelection;
-        item._hasByLine = this.hasByLine;
-        item.itemSelected.subscribe(() => {
-            this._keyManager?.setActiveItem(this.listItems.toArray().indexOf(item));
-        });
-
-        this.stateChanges.next(item);
-    }
-
     /**
      * @hidden
      * Setting values from list to list items
@@ -897,20 +895,46 @@ export class ListComponent<T>
             this.listItems.first.listItem.nativeElement.setAttribute('tabindex', '0');
         }
 
-        if (!this.ariaLabel) {
-            this.ariaSetsize = this.listItems.length;
-        }
+        this._ariaSetSize = this.ariaSetsize
+            ? of(this.ariaSetsize)
+            : this._dataSource && this._dataSource.dataProvider?.getTotalItems
+            ? this._dataSource.dataProvider.getTotalItems()
+            : of(this.listItems.length);
 
         this._partialNavigation = this.listItems.some((item) => item.navigationIndicator || item.listType === 'detail');
 
-        this.listItems.forEach((item, index) => {
+        let currentGroup: BaseListItem | null = null;
+        let currentGroupItemIds: string[] = [];
+        // Since we cannot use index from the iteration due to possible group item existence, we need to track it manually.
+        let itemIndex = 0;
+
+        this.listItems.forEach((item) => {
             if (!this._partialNavigation) {
                 item.navigated = this.navigated;
                 item.navigationIndicator = this.navigationIndicator;
                 item.listType = this.listType;
             }
+            if (item._type === LIST_ITEM_TYPE.HEADER) {
+                currentGroup?.listItem.nativeElement.setAttribute('aria-owns', currentGroupItemIds.join(' '));
+                currentGroupItemIds = [];
+                currentGroup = item;
+                return;
+            }
+            if (item._type !== LIST_ITEM_TYPE.ITEM) {
+                return;
+            }
+
+            item.ariaSetSize = this._ariaSetSize;
 
-            item.ariaPosinet = index;
+            item.ariaPosinset = ++itemIndex;
+
+            if (currentGroup) {
+                currentGroupItemIds.push(item.listItem.nativeElement.id);
+            }
+
+            if (item === this.listItems.last) {
+                currentGroup?.listItem.nativeElement.setAttribute('aria-owns', currentGroupItemIds.join(' '));
+            }
         });
 
         this._cd.markForCheck();
@@ -928,4 +952,9 @@ export class ListComponent<T>
                 )
             );
     }
+
+    /** @hidden */
+    private async _init(): Promise<void> {
+        this._language = await firstValueFrom(this._language$);
+    }
 }
diff --git a/libs/platform/src/lib/list/object-list-item/object-list-item.component.html b/libs/platform/src/lib/list/object-list-item/object-list-item.component.html
index 10d3f9a4438..e35b7a4b02c 100644
--- a/libs/platform/src/lib/list/object-list-item/object-list-item.component.html
+++ b/libs/platform/src/lib/list/object-list-item/object-list-item.component.html
@@ -13,8 +13,11 @@
         [class.fd-list__item--inactive]="listType === 'inactive'"
         [attr.aria-label]="ariaLabel"
         [attr.aria-level]="ariaLevel"
-        [attr.aria-posinet]="ariaPosinet"
-        [attr.role]="role"
+        [attr.aria-posinset]="ariaPosinset"
+        [attr.aria-setsize]="ariaSetSize | async"
+        [attr.aria-selected]="_selected"
+        [ariaRole]="_listItemRole"
+        [attr.aria-selected]="_selectedAttr"
     >
         <ng-container *ngTemplateOutlet="selectionTemplate"> </ng-container>
         <a
@@ -44,10 +47,12 @@
         (keyup)="_onKeyUp($event)"
         [attr.aria-label]="ariaLabel"
         [attr.aria-level]="ariaLevel"
-        [attr.aria-posinet]="ariaPosinet"
+        [attr.aria-posinset]="ariaPosinset"
+        [attr.aria-setsize]="ariaSetSize | async"
         [class.fd-list__item--inactive]="listType === 'inactive'"
         (click)="_onItemClick()"
-        [attr.role]="role"
+        [ariaRole]="role"
+        [attr.aria-selected]="_selectedAttr"
     >
         <ng-container *ngTemplateOutlet="selectionTemplate"></ng-container>
         <ng-container *ngTemplateOutlet="objectTemplate"></ng-container>
@@ -62,7 +67,8 @@
         [attr.aria-label]="ariaLabel"
         class="fd-object-list__item"
         [attr.aria-level]="ariaLevel"
-        [attr.aria-posinet]="ariaPosinet"
+        [attr.aria-posinset]="ariaPosinset"
+        [attr.aria-setsize]="ariaSetSize | async"
     >
         <span fd-list-title [attr.aria-label]="noDataText" [attr.title]="noDataText">{{ noDataText }}</span>
     </li>
diff --git a/libs/platform/src/lib/list/object-list-item/object-list-item.component.spec.ts b/libs/platform/src/lib/list/object-list-item/object-list-item.component.spec.ts
index f0c8659ac5d..2c4a55dc497 100644
--- a/libs/platform/src/lib/list/object-list-item/object-list-item.component.spec.ts
+++ b/libs/platform/src/lib/list/object-list-item/object-list-item.component.spec.ts
@@ -81,11 +81,11 @@ describe('ObjectListItemComponent', () => {
         });
     });
 
-    it('Object list item has role as option', () => {
+    it('Object list item has role as listitem', () => {
         const listItems = fixture.debugElement.queryAll(By.css('fdp-object-list-item .fd-object-list__item'));
         fixture.detectChanges();
         listItems.forEach((listElem) => {
-            expect(listElem.nativeElement.getAttribute('role')).toEqual('option');
+            expect(listElem.nativeElement.getAttribute('role')).toEqual('listitem');
         });
     });
 
diff --git a/libs/platform/src/lib/list/object-list-item/object-list-item.component.ts b/libs/platform/src/lib/list/object-list-item/object-list-item.component.ts
index 85a9136de1e..c1c168a136d 100644
--- a/libs/platform/src/lib/list/object-list-item/object-list-item.component.ts
+++ b/libs/platform/src/lib/list/object-list-item/object-list-item.component.ts
@@ -18,7 +18,10 @@ import { ObjectListItemRowComponent } from './object-list-item-row.component';
     styleUrls: ['./object-list-item.component.scss'],
     encapsulation: ViewEncapsulation.None,
     providers: [{ provide: BaseListItem, useExisting: forwardRef(() => ObjectListItemComponent) }],
-    changeDetection: ChangeDetectionStrategy.OnPush
+    changeDetection: ChangeDetectionStrategy.OnPush,
+    host: {
+        role: 'none'
+    }
 })
 export class ObjectListItemComponent extends BaseListItem {
     /** define label for screen reader */
diff --git a/libs/platform/src/lib/list/standard-list-item/standard-list-item.component.html b/libs/platform/src/lib/list/standard-list-item/standard-list-item.component.html
index 8c1a33cffa3..4ac923550bb 100644
--- a/libs/platform/src/lib/list/standard-list-item/standard-list-item.component.html
+++ b/libs/platform/src/lib/list/standard-list-item/standard-list-item.component.html
@@ -14,8 +14,10 @@
         [attr.aria-label]="ariaLabel"
         [ariaDescribedBy]="ariaDescribedBy"
         [attr.aria-level]="ariaLevel"
-        [attr.aria-posinet]="ariaPosinet"
-        [attr.role]="role"
+        [attr.aria-posinset]="ariaPosinset"
+        [ariaRole]="_listItemRole"
+        [attr.aria-selected]="_selectedAttr"
+        [attr.aria-setsize]="ariaSetSize | async"
     >
         <ng-container *ngTemplateOutlet="selectionTemplate"> </ng-container>
         <a
@@ -44,9 +46,11 @@
         [attr.aria-label]="ariaLabel"
         [ariaDescribedBy]="ariaDescribedBy"
         [attr.aria-level]="ariaLevel"
-        [attr.aria-posinet]="ariaPosinet"
+        [attr.aria-posinset]="ariaPosinset"
         [class.fd-list__item--inactive]="listType === 'inactive'"
-        [attr.role]="role"
+        [ariaRole]="_listItemRole"
+        [attr.aria-selected]="_selectedAttr"
+        [attr.aria-setsize]="ariaSetSize | async"
     >
         <ng-container *ngTemplateOutlet="selectionTemplate"></ng-container>
         <ng-container *ngTemplateOutlet="_hasByLine ? byLineTemplate : commonTemplate"></ng-container>
@@ -61,7 +65,8 @@
         [tabindex]="0"
         [attr.aria-label]="ariaLabel"
         [attr.aria-level]="ariaLevel"
-        [attr.aria-posinet]="ariaPosinet"
+        [attr.aria-posinset]="ariaPosinset"
+        [attr.aria-setsize]="ariaSetSize | async"
     >
         <span fd-list-title [attr.aria-label]="noDataText" [attr.title]="noDataText">{{ noDataText }}</span>
     </li>
diff --git a/libs/platform/src/lib/list/standard-list-item/standard-list-item.component.ts b/libs/platform/src/lib/list/standard-list-item/standard-list-item.component.ts
index 60d247156ed..8c66e40ccfa 100644
--- a/libs/platform/src/lib/list/standard-list-item/standard-list-item.component.ts
+++ b/libs/platform/src/lib/list/standard-list-item/standard-list-item.component.ts
@@ -7,6 +7,9 @@ import { BaseListItem } from '../base-list-item';
     templateUrl: './standard-list-item.component.html',
     providers: [{ provide: BaseListItem, useExisting: forwardRef(() => StandardListItemComponent) }],
     changeDetection: ChangeDetectionStrategy.OnPush,
-    encapsulation: ViewEncapsulation.None
+    encapsulation: ViewEncapsulation.None,
+    host: {
+        role: 'none'
+    }
 })
 export class StandardListItemComponent extends BaseListItem {}
diff --git a/libs/platform/src/lib/shared/domain/data-source.ts b/libs/platform/src/lib/shared/domain/data-source.ts
index 85d0f828c50..feef57901fd 100644
--- a/libs/platform/src/lib/shared/domain/data-source.ts
+++ b/libs/platform/src/lib/shared/domain/data-source.ts
@@ -1,3 +1,4 @@
+/* eslint-disable @typescript-eslint/member-ordering */
 /* eslint-disable @typescript-eslint/no-unused-vars */
 /**
  *
@@ -111,6 +112,8 @@ export type ProviderParams = ReadonlyMap<string, any>;
  *
  */
 export abstract class DataProvider<T> {
+    abstract fetch(params: ProviderParams, start?: number, end?: number): Observable<T[]>;
+
     /** @hidden */
     protected _keyPath: string;
 
@@ -120,7 +123,8 @@ export abstract class DataProvider<T> {
     /** @hidden */
     protected _matchingBy: MatchingBy | null = null;
 
-    abstract fetch(params: ProviderParams, start?: number, end?: number): Observable<T[]>;
+    /** @hidden */
+    getTotalItems?(): Observable<number>;
 
     /**
      * Tells if this DataProvider supports INSERT, REMOVE