91272: Fixed accessibility violation

src/app/admin/admin-sidebar/admin-sidebar-section/admin-sidebar-section.component.ts

@@ -14,6 +14,8 @@ import { Router } from '@angular/router';
 @Component({
   /* eslint-disable @angular-eslint/component-selector */
   selector: 'li[ds-admin-sidebar-section]',
+  // To theme this element remove the surrounding li[] in this component but leave it in the new
+  // ThemedAdminSidebarSectionComponent
   templateUrl: './admin-sidebar-section.component.html',
   styleUrls: ['./admin-sidebar-section.component.scss'],
 

src/app/admin/admin-sidebar/expandable-admin-sidebar-section/expandable-admin-sidebar-section.component.ts

@@ -17,6 +17,8 @@ import { Router } from '@angular/router';
 @Component({
   /* eslint-disable @angular-eslint/component-selector */
   selector: 'li[ds-expandable-admin-sidebar-section]',
+  // To theme this element remove the surrounding li[] in this component but leave it in the new
+  // ThemedExpandableAdminSidebarSectionComponent
   templateUrl: './expandable-admin-sidebar-section.component.html',
   styleUrls: ['./expandable-admin-sidebar-section.component.scss'],
   animations: [rotate, slide, bgColor]

src/app/navbar/expandable-navbar-section/expandable-navbar-section.component.ts

@@ -11,8 +11,7 @@ import { MenuID } from '../../shared/menu/menu-id.model';
  * Represents an expandable section in the navbar
  */
 @Component({
-  /* eslint-disable @angular-eslint/component-selector */
+  selector: 'ds-expandable-navbar-section',
-  selector: 'li[ds-expandable-navbar-section]',
   templateUrl: './expandable-navbar-section.component.html',
   styleUrls: ['./expandable-navbar-section.component.scss'],
   animations: [slide]

src/app/navbar/navbar-section/navbar-section.component.ts

@@ -10,6 +10,8 @@ import { MenuID } from '../../shared/menu/menu-id.model';
 @Component({
   /* eslint-disable @angular-eslint/component-selector */
   selector: 'li[ds-navbar-section]',
+  // To theme this element remove the surrounding li[] in this component but leave it in the new
+  // ThemedNavbarSectionComponent
   templateUrl: './navbar-section.component.html',
   styleUrls: ['./navbar-section.component.scss']
 })

src/themes/custom/app/navbar/expandable-navbar-section/expandable-navbar-section.component.ts

@@ -10,8 +10,7 @@ import { MenuID } from '../../../../../app/shared/menu/menu-id.model';
  * Represents an expandable section in the navbar
  */
 @Component({
-  /* eslint-disable @angular-eslint/component-selector */
+  selector: 'ds-expandable-navbar-section',
-  selector: 'li[ds-expandable-navbar-section]',
   // templateUrl: './expandable-navbar-section.component.html',
   templateUrl: '../../../../../app/navbar/expandable-navbar-section/expandable-navbar-section.component.html',
   // styleUrls: ['./expandable-navbar-section.component.scss'],