Aria-Invalid=”True”

[dinspire]

hello,
need the screen reader to work correctly. So, when we don’t have inputs in the required fields. added
Aria-Invalid=”True”

Like this reference : https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Reference/Attributes/aria-invalid

[Ally]

You don't have permission to view this content. Please log in or register and then verify your purchases to gain access.

[dinspire]

I using this code to add Aria-Invalid=”True” to fields.
but I don’t know how run it only when error message shows .

jQuery(function ($) {

$(‘.quform-field-1_4_2’).attr(‘aria-invalid’, ‘true’);

$(‘.quform-field-1_4_4’).attr(‘aria-invalid’, ‘true’);

$(‘.quform-field-1_5’).attr(‘aria-invalid’, ‘true’);

$(‘.quform-field-1_6’).attr(‘aria-invalid’, ‘true’);

$(‘.quform-field-1_15’).attr(‘aria-invalid’, ‘true’);

$(‘.quform-field-1_7’).attr(‘aria-invalid’, ‘true’);

$(‘.quform-field-1_8’).attr(‘aria-invalid’, ‘true’);

$(‘.quform-field-1_15’).attr(‘aria-invalid’, ‘true’);

$(‘.quform-field-1_31_1’).attr(‘aria-invalid’, ‘true’);

$(‘.quform-field-1_31_2’).attr(‘aria-invalid’, ‘true’);

$(‘.quform-field-1_31_3’).attr(‘aria-invalid’, ‘true’);

$(‘.quform-field-1_31_4’).attr(‘aria-invalid’, ‘true’);

$(‘.quform-field-1_68_1’).attr(‘aria-invalid’, ‘true’);

$(‘.quform-field-1_68_2’).attr(‘aria-invalid’, ‘true’);

$(‘.quform-field-1_68_3’).attr(‘aria-invalid’, ‘true’);

$(‘.quform-field-1_68_4’).attr(‘aria-invalid’, ‘true’);

$(‘.quform-field-1_68_5’).attr(‘aria-invalid’, ‘true’);

$(‘.quform-field-1_68_6’).attr(‘aria-invalid’, ‘true’);

$(‘.quform-field-1_24_1’).attr(‘aria-invalid’, ‘true’);

$(‘.quform-field-1_24_4’).attr(‘aria-invalid’, ‘true’);

$(‘.quform-field-1_24_5’).attr(‘aria-invalid’, ‘true’);

$(‘.quform-field-1_43_1’).attr(‘aria-invalid’, ‘true’);

$(‘.quform-field-1_43_2’).attr(‘aria-invalid’, ‘true’);

$(‘.quform-field-1_43_3’).attr(‘aria-invalid’, ‘true’);

$(‘.quform-field-1_43_4’).attr(‘aria-invalid’, ‘true’);

$(‘.quform-field-1_43_5’).attr(‘aria-invalid’, ‘true’);

$(‘.quform-field-1_43_7’).attr(‘aria-invalid’, ‘true’);

$(‘.quform-field-1_43_6’).attr(‘aria-invalid’, ‘true’);

$(‘.quform-field-1_47_1’).attr(‘aria-invalid’, ‘true’);

$(‘.quform-field-1_47_2’).attr(‘aria-invalid’, ‘true’);

$(‘.quform-field-1_47_3’).attr(‘aria-invalid’, ‘true’);

$(‘.quform-field-1_47_4’).attr(‘aria-invalid’, ‘true’);

$(‘.quform-field-1_47_5’).attr(‘aria-invalid’, ‘true’);

$(‘.quform-field-1_47_6’).attr(‘aria-invalid’, ‘true’);

$(‘.quform-field-1_47_7’).attr(‘aria-invalid’, ‘true’);

$(‘.quform-field-1_47_8’).attr(‘aria-invalid’, ‘true’);

$(‘.quform-field-1_47_9’).attr(‘aria-invalid’, ‘true’);

$(‘.quform-field-1_47_9’).attr(‘aria-invalid’, ‘true’);

$(‘.quform-field-1_71_1’).attr(‘aria-invalid’, ‘true’);

$(‘.quform-field-1_73_1’).attr(‘aria-invalid’, ‘true’);

$(‘.quform-field-1_30’).attr(‘aria-invalid’, ‘true’);

});

[Ally]

You don't have permission to view this content. Please log in or register and then verify your purchases to gain access.

[dinspire]

Hi,
Now, all Text, Textarea, Select, and Email fields are Aria-Invalid= ”True.” I need to change this to true only when the field is required, not filed.

my from link to check :

Register for SkillingUp

[Ally]

You don't have permission to view this content. Please log in or register and then verify your purchases to gain access.

[Author]

Posts