WCAG 2 level AA compliance – Please help

[special]

Trying to make the claue shop WCAG 2 level AA compliance came accross these errors please can you help me make it friendly to pleople with disabilitys?

i use  https://achecker.achecks.ca/checker/index.php to check my site and i have these errors:

1.3 Adaptable: Create content that can be presented in different ways (for example simpler layout) without losing information or structure.

Success Criteria 1.3.1 Info and Relationships (A)

Check 213: input element, type of “text”, has no text in label.
Repair: Add text to the input element’s associated label that describes the purpose or function of the control.
Error Line 186, Column 4:
<input class=”w__100 jas-ajax-search” type=”text” name=”s” placeholder=”Search for…” />
Check 57: input element, type of “text”, missing an associated label.
Repair: Add a label element that surrounds the control’s label. Set the for attribute on the label element to the same value as the id attribute of the control. And/or add a title attribute to the input element. And/or create a label element that contains the input element.
Error Line 186, Column 4:
<input class=”w__100 jas-ajax-search” type=”text” name=”s” placeholder=”Search for…” />

1.4 Distinguishable: Make it easier for users to see and hear content including separating foreground from background.

Success Criteria 1.4.4 Resize text (AA)

Check 117: i (italic) element used.Repair: Replace your i elements with em or strong.
Line 162, Column 136:<i class=”fa fa-facebook-official”></i>

and

2.4 Navigable: Provide ways to help users navigate, find content, and determine where they are.

Success Criteria 2.4.4 Link Purpose (In Context) (A)

Check 174: Anchor contains no text.Repair: Add text to the a element or the title attribute of the a element or, if an image is used within the anchor, add Alt text to the image.
Line 162, Column 31:<a class=”dib br__50 tc facebook-official” href=”https://www.facebook.com/rewearit.ath/&#8221; target=”_bl …

and

3.3 Input Assistance: Help users avoid and correct mistakes.

Success Criteria 3.3.2 Labels or Instructions (A)

Check 188: Label text is empty.
Repair: Add text to the label element.
Error Line 186, Column 4:
<input class=”w__100 jas-ajax-search” type=”text” name=”s” placeholder=”Search for…” />

[Harry]

Hi,

1. Please download attach file extract and put in claue-child > views > header to fix the message

Check 213: input element, type of “text”, has no text in label.
Repair: Add text to the input element’s associated label that describes the purpose or function of the control.
Error Line 186, Column 4:

Check 57: input element, type of “text”, missing an associated label.
Repair: Add a label element that surrounds the control’s label. Set the for attribute on the label element to the same value as the id attribute of the control. And/or add a title attribute to the input element. And/or create a label element that contains the input element.
Error Line 186, Column 4:

2. For the i tag it use to show icon, can’t change with em or strong.

Kind regards

Attachments:

You must be logged in to view attached files.

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[special]

you are great .thank you very much any help on these also?is there a way to disable the search omplety so to pass the checks?

2.4 Navigable: Provide ways to help users navigate, find content, and determine where they are.

Success Criteria 2.4.4 Link Purpose (In Context) (A)

Check 174: Anchor contains no text.Repair: Add text to the a element or the title attribute of the a element or, if an image is used within the anchor, add Alt text to the image.
Line 162, Column 31:<a class=”dib br__50 tc facebook-official” href=”https://www.facebook.com/rewearit.ath/&#8221; target=”_bl …

Line 162, Column 206:<a class=”dib br__50 tc instagram” href=”https://www.instagram.com/rewearit.ath/&#8221; target=”_blank” ar …

Line 170, Column 55:<a class=”cb chp db” href=”https://rewearit.gr/%ce%bf-%ce%bb%ce%bf%ce%b3%ce%b1%cf%81%ce%b9%ce%b1%cf% …

Line 189, Column 3:<i class=”pe-7s-close”></i>

Line 197, Column 8:<i class=”pe-7s-search”></i>

Line 198, Column 7:<a class=”cb chp db jas-my-account” href=”https://rewearit.gr/%ce%bf-%ce%bb%ce%bf%ce%b3%ce%b1%cf%81% …

Line 205, Column 28:<a class=”dib br__50 tc facebook-official” href=”https://www.facebook.com/rewearit.ath/&#8221; target=”_bl …

Line 205, Column 203:<a class=”dib br__50 tc instagram” href=”https://www.instagram.com/rewearit.ath/&#8221; target=”_blank” ar …

[Harry]

Hi,

Please download new attach for disable search form and icon search.

Kind regards

Attachments:

You must be logged in to view attached files.

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[Author]

Posts