title: Angular Material mat-option with *ngFor ARIA label fails at Lighthouse
body: <p>I wonder if anybody has come to this same issue.</p>
  
  <pre class="lang-html prettyprint-override"><code> &lt;mat-select formControlName="tag" aria-label="Select a Tag"&gt;
    &lt;mat-option *ngFor="let tag of tags"
                        [value]="tag"
                        role="option"&gt;
              {{tag | translate}}
    &lt;/mat-option&gt;
   &lt;/mat-select&gt;
  </code></pre>
  
  <p>This code actually fails at <strong>Lighthouse Audit Report</strong> with the following reason:</p>
  
  <blockquote>
    <p>Elements with an ARIA [role] that require children to contain a specific [role] are missing some or all of those required children</p>
  </blockquote>
  
  <p>Does anybody managed to solve something like this? I would love to see some solution or tips to avoid Lighthouse fail.</p>
  
  <p>thanks in advance</p>