PR feedback, focus state and aria corrections

Author: jlchilders11

static/css/v3/badge-button.css

@@ -33,9 +33,14 @@
 }
 
 .badge-button:hover,
-.badge-button:focus-visible {
+.badge-button:has(.badge-button__radio:focus-visible) {
     border-radius: var(--border-radius-m);
     border: 1px solid var(--color-stroke-strong);
     background: var(--color-surface-mid);
     padding: 1px;
 }
+
+
+.badge-button:has(.badge-button__radio:focus-visible) {
+    outline: auto;
+}

templates/v3/includes/_badge_button.html

@@ -25,9 +25,6 @@
         name="{{name}}"
         value="{{value}}"
         id="{{id|default:uuid}}"
-        aria-labelledby="{{id|default:uuid}}_label"
-        aria-checked="{{radio_checked|yesno:"true,false"|default:"false"}}"
-        aria-pressed="{{radio_checked|yesno:"true,false"|default:"false"}}"
         {% if radio_checked %} checked {% endif %}
     />
     <label id="{{id|default:uuid}}_label" for="{{id|default:uuid}}"><img src="{{ icon_src }}" alt="{{ icon_alt }}" width="28" height="28"></label>