No label tag for fields

[Valentin_Antido]

Hi,

I wonder why there's no label tag for every field ?

It goes against W3C rules and specifically accessibility needs.

We'd like to wrap fields with a <label> tag which contain some properties like "for" and "aria-label".

Thanks a lot for any help.

[Jay_Jiang]

Some jQuery to add attribute to existing label

MktoForms2.whenReady(function (form) {
    var $formEl = form.getFormElem(),
    $inputs = $formEl.eq(0).find(':input');
    $.each($inputs, function(){
        $(this).parent().find('label').eq(0).attr("aria-label",$(this).attr("id"));
    });
});

Or specifically wrapping the input with a new label:

MktoForms2.whenReady(function (form) {
    var $formEl = form.getFormElem(),
        $inputs = $formEl.eq(0).find(':input');
$.each($inputs, function(){
$(this).wrap('<label/>').parent().attr({"for":$(this).attr("id"),"aria-label":$(this).attr("id")});
});
});

[SanfordWhiteman]

Use MktoForms.$, not simply $, if you must depend on additional jQuery methods. Then you won't be requiring the person to include a separate framework.

[Jay_Jiang]

MktoForms2.whenReady(function (form) {  
    var $formEl = form.getFormElem(),  
    $inputs = $formEl.eq(0).find(':input');  
    MktoForms2.$.each($inputs, function(){  
        MktoForms2.$(this).wrap('<label/>').parent().attr({"for":MktoForms2.$(this).attr("id"),"aria-label":MktoForms2.$(this).attr("id")});  
    });  
});