title: ARIA input fields do not have accessible names
body: <p>I have run my accessibility test in google chrome light house for my angular application and getting the following error</p>
  <p><a href="https://i.stack.imgur.com/HGiTd.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/HGiTd.png" alt="enter image description here" /></a></p>
  <p>I have added 'aria-labelledby', but doesn't seems to be working. can anyone assist me to fix this. below is the html code which is giving me this error.</p>
  <pre><code>&lt;div class=&quot;heading form-group col-md-4 col-xs-12&quot;&gt;
       &lt;label for=&quot;fuels&quot;&gt;Fuel Filter&lt;/label&gt;
       &lt;ng-select class=&quot;oss-ngselect&quot; [items]=&quot;fuelType&quot; bindLabel=&quot;name&quot;
             placeholder=&quot;View All&quot; [(ngModel)]=&quot;searchPremiseFuelType&quot; [dropdownPosition]=&quot;'bottom'&quot; 
             id=&quot;fuels&quot; name=&quot;fuels&quot; (change)=&quot;changeFuelType(searchPremiseFuelType.type)&quot;
             aria-labelledby=&quot;fuels&quot;&gt;
       &lt;/ng-select&gt;
  &lt;/div&gt;
  </code></pre>