fix(ion-alert): remove aria-labelledby and aria-describedby due the usage of focus.

Author: joselrio

core/src/components/alert/alert.tsx

@@ -744,21 +744,13 @@ export class Alert implements ComponentInterface, OverlayInterface {
   }
 
   render() {
-    const { overlayIndex, header, subHeader, message, htmlAttributes } = this;
+    const { overlayIndex, header, subHeader, htmlAttributes } = this;
     const mode = getIonMode(this);
     const hdrId = `alert-${overlayIndex}-hdr`;
     const msgId = `alert-${overlayIndex}-msg`;
     const subHdrId = `alert-${overlayIndex}-sub-hdr`;
     const role = this.inputs.length > 0 || this.buttons.length > 0 ? 'alertdialog' : 'alert';
 
-    /**
-     * Use both the header and subHeader ids if they are defined.
-     * If only the header is defined, use the header id.
-     * If only the subHeader is defined, use the subHeader id.
-     * If neither are defined, do not set aria-labelledby.
-     */
-    const ariaLabelledBy = header && subHeader ? `${hdrId} ${subHdrId}` : header ? hdrId : subHeader ? subHdrId : null;
-
     return (
       <Host
         tabindex="-1"
@@ -778,7 +770,7 @@ export class Alert implements ComponentInterface, OverlayInterface {
 
         <div tabindex="0" aria-hidden="true"></div>
 
-        <div class="alert-wrapper ion-overlay-wrapper" role={role} aria-modal="true" aria-labelledby={ariaLabelledBy} aria-describedby={message !== undefined ? msgId : null} tabindex="0" ref={(el) => (this.wrapperEl = el)} {...(htmlAttributes as any)}>
+        <div class="alert-wrapper ion-overlay-wrapper" role={role} aria-modal="true" tabindex="0" ref={(el) => (this.wrapperEl = el)} {...(htmlAttributes as any)}>
           <div class="alert-head">
             {header && (
               <h2 id={hdrId} class="alert-title">