{"id":18139739,"date":"2024-11-16T04:18:28","date_gmt":"2024-11-16T04:18:28","guid":{"rendered":"https:\/\/wordpress.org\/support\/?post_type=topic&#038;p=18139739"},"modified":"2024-11-16T06:45:44","modified_gmt":"2024-11-16T06:45:44","slug":"accessibility-issues-43","status":"publish","type":"topic","link":"https:\/\/wordpress.org\/support\/topic\/accessibility-issues-43\/","title":{"rendered":"Accessibility Issues"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">With website accessibility lawsuits on the rise, I decided to run a few different accessibility website scanners. The scanner at accessible ( <a href=\"https:\/\/accessibe.com\/accessscan\">https:\/\/accessibe.com\/accessscan<\/a> ) may be the most picky scanner of them all. It\u2019s returning the following issues with the form:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">ISSUE 1 &#8211;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Font icons, SVGs, or images used as spacers, decorations, or when their purpose is already described by other content, should include a role=&#8221;presentation&#8221; or role=&#8221;none&#8221; attribute.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">2 Code snapshots of failed elements<\/p>\n\n\n\n<ul>\n<li>&lt;span class=&#8221;wpuf-wordlimit-message wpuf-help&#8221; &gt;&lt;\/span&gt;<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">ISSUE 2 \u2013<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Required form fields should include aria-required=&#8221;true&#8221; to inform screen-reader users of the field&#8217;s validation.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">3 Code snapshots of failed elements<\/p>\n\n\n\n<ul>\n<li>&lt;input name=&#8221;name[first]&#8221; type=&#8221;text&#8221; placeholder=&#8221;&#8221; value=&#8221;&#8221; size=&#8221;40&#8243; data-required=&#8221;yes&#8221; data-type=&#8221;text&#8221; data-style=&#8221;wpuf-style&#8221; class=&#8221;textfield wpuf_name_548&#8243; autocomplete=&#8221;given-name&#8221;&gt;<\/li>\n\n\n\n<li>&lt;input name=&#8221;name[last]&#8221; type=&#8221;text&#8221; class=&#8221;textfield&#8221; placeholder=&#8221;&#8221; value=&#8221;&#8221; size=&#8221;40&#8243; autocomplete=&#8221;family-name&#8221; data-style=&#8221;wpuf-style&#8221;&gt;<\/li>\n\n\n\n<li>&lt;input id=&#8221;email_548&#8243; type=&#8221;email&#8221; class=&#8221;email wpuf_email_548&#8243; data-duplicate=&#8221;&#8221; data-required=&#8221;yes&#8221; data-type=&#8221;email&#8221; data-style=&#8221;wpuf-style&#8221; name=&#8221;email&#8221; placeholder=&#8221;&#8221; value=&#8221;&#8221; size=&#8221;40&#8243; autocomplete=&#8221;email&#8221;&gt;<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">ISSUE 3 \u2013<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Form fields should include either an &#8220;aria-label&#8221; attribute or an associated &#8220;label&#8221; element to describe the field&#8217;s purpose (e.g., email, phone, name).<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">2 Code snapshots of failed elements<\/p>\n\n\n\n<ul>\n<li>&lt;input name=&#8221;name[first]&#8221; type=&#8221;text&#8221; placeholder=&#8221;&#8221; value=&#8221;&#8221; size=&#8221;40&#8243; data-required=&#8221;yes&#8221; data-type=&#8221;text&#8221; data-style=&#8221;wpuf-style&#8221; class=&#8221;textfield wpuf_name_548&#8243; autocomplete=&#8221;given-name&#8221;&gt;<\/li>\n\n\n\n<li>&lt;input name=&#8221;name[last]&#8221; type=&#8221;text&#8221; class=&#8221;textfield&#8221; placeholder=&#8221;&#8221; value=&#8221;&#8221; size=&#8221;40&#8243; autocomplete=&#8221;family-name&#8221; data-style=&#8221;wpuf-style&#8221;&gt;<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">If you believe these are valid issues, do you have any solutions?<\/p>\n","protected":false},"template":"","class_list":["post-18139739","topic","type-topic","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/topic\/18139739","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":1,"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/topic\/18139739\/revisions"}],"predecessor-version":[{"id":18139836,"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/topic\/18139739\/revisions\/18139836"}],"wp:attachment":[{"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/media?parent=18139739"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}