Accessibility Testing

Hi @ismaen

we are facing issue with input field for accessibility its default showing error as Empty form label can you please suggest how to resolve that error for input filed like text or phone or email.
acccess

Thanks,
Tanmay

Do you have any content in the label? What do the properties of the label look like?

Just to continue on @ismaen comment, here is where you would define an Aria-label for some of the inputs that you have present. Hope this helps.

1 Like

Hi @ismaen @zhawtof
we have added Arial-label but its not


working showing the same error.
Thanks,

hi @tanmay.sardar maybe it requires some placeholder text?

@ismaen adding a placeholder text doesn’t resolve it. This may be a feature enhancement/request.

@tanmay.sardar it looks like WAVE is trying to identify the label text which Airkit does not populate because the input element is nested in the Label element.

Here’s a basic HTML example

<form action="/action_page.php">
  <input type="radio" id="html" name="fav_language" value="HTML">
  <label for="html">HTML</label><br>
  <input type="submit" value="Submit">
</form>

But what WAVE shows is:

<label class="ru-string-input control control-input_text-input default v82aa79b52706 v8b97c27185aa">
  <input type="text" class="input" placeholder="Test placeholder" name="session.policy_number_input" inputmode="text" maxlength="15" aria-label="EnterPolicyNumber2" value="">
</label>

For now, it doesn’t look like their is a way to resolve the errors in WAVE until an enhancement is made to add a label text.

Modifying the html to use a label “Tester!” before the input, resolves the error.

gotcha! thanks for clarifying @gregrakozy! This is in our roadmap to fix! Just an FYI, even though the tester catches it and finds it as an issue, it does not affect any keyboard navigation or screen reader.