{"id":18650175,"date":"2025-09-21T13:39:34","date_gmt":"2025-09-21T13:39:34","guid":{"rendered":"https:\/\/wordpress.org\/support\/topic\/ada-accessibility\/"},"modified":"2025-09-21T13:39:34","modified_gmt":"2025-09-21T13:39:34","slug":"ada-accessibility","status":"publish","type":"topic","link":"https:\/\/wordpress.org\/support\/topic\/ada-accessibility\/","title":{"rendered":"ADA Accessibility"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">I am working on a website that needs to be ADA compliant.  Form Maker is giving me errors.  Here are the 2 I am dealing with.  Any Suggestions?<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">How to fix it:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Add a visible&nbsp;<code>&lt;label&gt;<\/code>&nbsp;element that describes the field. Connect it to the corresponding form element using the&nbsp;<code>for=\"\"<\/code>&nbsp;attribute, or use aria-label or aria-labelledby if needed. To fix all unlabelled fields automatically, enable the &#8216;Label Form Fields&#8217; fix in Accessibility Checker settings.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><code>&lt;input type=\"text\" class=\"arithmetic_captcha_input\" id=\"wd_arithmetic_captcha_input9\" name=\"arithmetic_captcha_input\" onkeypress=\"return check_isnum(event)\" style=\"width: 60px;\" fdprocessedid=\"o40zn\"&gt;<\/code>\u00d7 <\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">ALSO<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">How to fix it:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Add an alt attribute to the image with appropriate text describing the purpose of the image in the page. If the image is decorative, the alt attribute can be empty, but the HTML&nbsp;<code>alt=\"\"<\/code>&nbsp;attribute still needs to be present.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><code>&lt;img type=\"captcha\" operations_count=\"1\" operations=\"+, -, \" src=\"https:\/\/wattsfencingco.com\/wp-admin\/admin-ajax.php?action=formmakerwdmathcaptcha&amp;amp;operations_count=1&amp;amp;operations=%2B%2C+-%2C+&amp;amp;i=9&amp;amp;r=72\" id=\"wd_arithmetic_captcha9\" class=\"arithmetic_captcha_img\" style=\"display: inline-block;\"&gt;<\/code>\u00d7<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Why isn&#8217;t the plugin ADA compliant?<\/p>\n","protected":false},"template":"","class_list":["post-18650175","topic","type-topic","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/topic\/18650175","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/topic"}],"about":[{"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/types\/topic"}],"version-history":[{"count":0,"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/topic\/18650175\/revisions"}],"wp:attachment":[{"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/media?parent=18650175"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}