{"id":18681664,"date":"2025-10-15T08:14:21","date_gmt":"2025-10-15T08:14:21","guid":{"rendered":"https:\/\/wordpress.org\/support\/topic\/accessibility-two-issues\/"},"modified":"2025-10-15T08:22:06","modified_gmt":"2025-10-15T08:22:06","slug":"accessibility-two-issues","status":"publish","type":"topic","link":"https:\/\/wordpress.org\/support\/topic\/accessibility-two-issues\/","title":{"rendered":"Accessibility &#8211; two issues"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Hi,<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Accessibility plugin axe Devtools for Firefox reports two accessibility issues with the floating Pressidium cookie button when scanning the page:<\/p>\n\n\n\n<ol>\n<li>Buttons must have discernible text (Critical)<\/li>\n<\/ol>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;button class=\"button sm fade-in-up visible\"&gt;<br \/>  &lt;slot name=\"icon\"&gt;&lt;\/slot&gt;<br \/>&lt;\/button&gt;<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">A possible solution would be to add aria-label=&#8221;Cookie preferences&#8221; to the button.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">2. Interactive controls must no be nested (Serious)<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;pressidium-floating-button role=\"button\"&gt;<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">It then shows the same code from point 1, saying it is a focusable descendant. The issue is there is a focusable button within a focusable button (due to role=&#8221;button&#8221; on the outer element). Perhaps the internal element should not be a button, or the role could on the outer element could be widget or none.<\/p>\n","protected":false},"template":"","class_list":["post-18681664","topic","type-topic","status-publish","hentry","topic-tag-a11y"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/topic\/18681664","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":2,"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/topic\/18681664\/revisions"}],"predecessor-version":[{"id":18681683,"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/topic\/18681664\/revisions\/18681683"}],"wp:attachment":[{"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/media?parent=18681664"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}