fix(card): removing card header role #12792 (#12793)

Author: kdinev

projects/igniteui-angular/src/lib/card/README.md

@@ -47,7 +47,6 @@ Supporting directives and components:
 ## igx-card-header
 | Name   |      Type      |  Description |
 |:----------|:-------------:|:------|
-| `role` | string | The role attribute of the card header. By default it's set to `header`. |
 | `vertical` | boolean | Sets the header layout direction. When set to `true` the card content is vertically layed out. |
 
 ## igx-card-media

projects/igniteui-angular/src/lib/card/card.component.ts

@@ -88,18 +88,6 @@ export class IgxCardHeaderComponent {
     @HostBinding('class.igx-card-header--vertical')
     @Input()
     public vertical = false;
-
-    /**
-     * An @Input property that sets the value of the `role` attribute of the card header.
-     * By default the value is set to `header`.
-     *
-     * @example
-     * ```html
-     * <igx-card-header role="header"></igx-card-header>
-     * ```
-     */
-    @HostBinding('attr.role')
-    public role = 'header';
 }
 
 /**

projects/igniteui-angular/src/lib/card/card.spec.ts

@@ -124,7 +124,9 @@ describe('Card', () => {
         const header = fixture.debugElement.query(By.css('igx-card-header')).nativeElement;
 
         expect(header).toBeDefined();
-        expect(header.getAttribute('role')).toEqual('header');
+        // K.D. March 20th, 2023 #12792 Card header should have no role
+        // expect(header.getAttribute('role')).toEqual('header');
+        expect(header.getAttribute('role')).toBeNull();
 
         expect(header).toHaveClass(classes.header.base);
         expect(header).not.toHaveClass(classes.header.vertical);