primeng 11.2.0 p-dropdown 508 issue

UI Components for Angular
Post Reply
nadeem@theamins.com
Posts: 2
Joined: 02 Oct 2020, 14:50

10 Jun 2021, 13:41

we are using 11.2.0 and have encountered 508 compliance issue on dropdowns and other form components. For every dropdown, on its generated input, the compliance tool detects a missing label error : "A form control does not have a corresponding label"
see html below with "label_missing" icon where tool added error.


<p-dropdown _ngcontent-otv-c112="" aria-label="Organization" formcontrolname="org" placeholder="Organization" class="ng-tns-c89-67 ng-untouched ng-pristine p-inputwrapper-filled ng-valid"><div class="ng-tns-c89-67 p-dropdown p-component p-disabled"><div class="p-hidden-accessible ng-tns-c89-67"><input type="text" readonly="" aria-haspopup="listbox" class="ng-tns-c89-67" disabled="" wave5style="" style=""><img src="chrome-extension://jbbplnpkjmmeebjpijfedlgcdilocofh/img/icons/aria_haspopup.svg" class="wave5icon" tabindex="0" role="button" alt="ARIA: ARIA popup" style="border: none; vertical-align: middle; cursor: pointer; width: 44px; height: 44px; z-index: 1000; position: relative;"><img src="chrome-extension://jbbplnpkjmmeebjpijfedlgcdilocofh/img/icons/label_missing.svg" class="wave5icon" tabindex="0" role="button" alt="ERRORS: Missing form label" style="border: none; vertical-align: middle; cursor: pointer; width: 44px; height: 44px; z-index: 1000; position: relative; opacity: 1;"></div><span class="ng-tns-c89-67 p-dropdown-label p-inputtext ng-star-inserted" wave5style="">NHLBI - NATIONAL HEART, LUNG, AND BLOOD INSTITUTE<!----><!----><!----></span><!----><!----><!----><!----><div role="button" aria-haspopup="listbox" class="p-dropdown-trigger ng-tns-c89-67" style=""><span class="p-dropdown-trigger-icon ng-tns-c89-67 pi pi-chevron-down"></span><img src="chrome-extension://jbbplnpkjmmeebjpijfedlgcdilocofh/img/icons/aria_haspopup.svg" class="wave5icon" tabindex="0" role="button" alt="ARIA: ARIA popup" style="border: none; vertical-align: middle; cursor: pointer; width: 44px; height: 44px; z-index: 1000; position: relative;"></div><img src="chrome-extension://jbbplnpkjmmeebjpijfedlgcdilocofh/img/icons/aria_button.svg" class="wave5icon" tabindex="0" role="button" alt="ARIA: ARIA button" style="border: none; vertical-align: middle; cursor: pointer; width: 44px; height: 44px; z-index: 1000; position: relative;"><!----></div><img src="chrome-extension://jbbplnpkjmmeebjpijfedlgcdilocofh/img/icons/aria_label.svg" class="wave5icon" tabindex="0" role="button" alt="ARIA: ARIA label" style="border: none; vertical-align: middle; cursor: pointer; width: 44px; height: 44px; z-index: 1000; position: relative;"><span class="wave5text" style="display: inline; background-color: rgb(21, 120, 70); color: rgb(255, 255, 255); border: 1px solid rgb(204, 204, 204); height: auto; width: auto; z-index: 10; font-size: 14px; line-height: 20px; font-weight: normal; font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; margin: 0px; padding: 0px;">*aria-label="Organization"*</span></p-dropdown>

Post Reply

Return to “PrimeNG”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 26 guests