Dear Joomshopping team,
The topic of “website accessibility” will be legally binding from 2025. When checking the store, we noticed a few errors in this context. Please correct your templates so that the store can be used barrier-free by our customers.
Thank you very much.
Andrea
*******
Missing fieldset:
A group of check boxes or radio buttons is not enclosed in a fieldset.
Why It Matters: A fieldset provides a visual and structural grouping of related form elements. It is typically necessary for groups of check boxes or radio buttons where a higher level description (called a legend) is necessary to understand the function of the check boxes or radio buttons. The description will be identified by a screen reader only if provided in a fieldset legend.
How to Fix It: Determine whether the grouping of check boxes or radio buttons has or needs text that explains the purpose of the check boxes or radio button grouping. If so, mark up the group within a fieldset and put the group description in a legend element.
*******
Missing form label: A form control does not have a corresponding label.
Why It Matters: If a form control does not have a properly associated text label, the function or purpose of that form control may not be presented to screen reader users. Form labels also provide visible descriptions and larger clickable targets for form controls.
How to Fix It: If a text label for a form control is visible, use the <label> element to associate it with its respective form control. If there is no visible label, either provide an associated label, add a descriptive title attribute to the form control, or reference the label(s) using aria-labelledby.
#######I found the following positions in the store:##########
Attributes (hier: Radio Buttons):
Missing fieldset: A group of check boxes or radio buttons is not enclosed in a fieldset.
Example:
<span class="input_type_radio">
<input type="radio" name="jshop_attr_id[3]" id="jshop_attr_id37" value="7" onclick="jshop.setAttrValue('3', this.value);" checked="checked">
Form labelMissing fieldset
<label for="jshop_attr_id37">
<span class="radio_attr_label">
<span>
Entry
</span>
</span>
</label>
</span>
####
Free Attributes (hier: Textfeld):
Missing form label: A form control does not have a corresponding label.
Example:
<div class="field">
Missing form label
<input type="number" class="inputbox" size="40" name="freeattribut[8]" value="" min="1">
</div>
Why It Matters: If a form control does not have a properly associated text label, the function or purpose of that form control may not be presented to screen reader users. Form labels also provide visible descriptions and larger clickable targets for form controls.
How to Fix It: If a text label for a form control is visible, use the <label> element to associate it with its respective form control. If there is no visible label, either provide an associated label, add a descriptive title attribute to the form control, or reference the label(s) using aria-labelledby.
#######
Cart:
<div class="quantity">
<div class="data">
Missing form label
<input type="number" name="quantity[0]" value="1" class="inputbox" min="0">
<span class="cart_reload icon-refresh" title="Warenkorb aktualisieren"></span>
</div>
</div>
#######
<form name="rabatt" method="post" action="/de/shop/cart/discountsave">
<div class="jshop">
<div class="span12">
<div class="name">
Rabattcode
</div>
Missing form label
<input type="text" class="inputbox" name="rabatt" value="">
<input type="submit" class="button btn btn-primary" value="Aktivieren">
</div>
</div>
</form>
########
<div class="controls">
<input type="radio" name="delivery_adress" id="delivery_adress_1" value="0" checked="checked">
Form labelMissing fieldset
<label for="delivery_adress_1">
nein
</label>
<input type="radio" name="delivery_adress" id="delivery_adress_2" value="1">
Form label
<label for="delivery_adress_2">
ja
</label>
#######
<div class="pfinish_comment_block">
<div class="row_agb">
Missing form label
<input type="checkbox" name="agb" id="agb">
<a class="policy" href="#" onclick="window.open('/de/agb?tmpl=component','window','width=800, height=600, scrollbars=yes, status=no, toolbar=no, menubar=no, resizable=yes, location=no');return false;">
Allgemeine Geschäftsdbedingungen (AGB)
</a>
und
<a class="policy" href="#" onclick="window.open('/de/widerrufsrecht?tmpl=component&cart=1','window','width=800, height=600, scrollbars=yes, status=no, toolbar=no, menubar=no, resizable=yes, location=no');return false;">
Widerrufsrecht:
</a>
Hiermit bestätige ich, dass....
</div>
<div class="row_no_return">
Missing form label
<input type="checkbox" name="no_return" id="no_return">
Ich stimme hiermit ausdrücklich zu, ....
</div>
<div class="box_button">
<input class="btn btn-success button" id="previewfinish_btn" type="submit" name="finish_registration" value="Zahlungspflichtig bestellen" data-agb="1" data-noreturn="1" onclick="return checkMustFields();">
</div>
</div>
</form>
</div>
</div>
Joomla: 4+5
