fix: avoid empty label for a11y compliance

Signed-off-by: Mason Hu <mason.hu@canonical.com>
edlerd · Feb 21, 2024 · 0368ad1 · 0368ad1
1 parent 621f2e1
commit 0368ad1
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 1 deletion.
diff --git a/src/pages/networks/forms/IpAddressSelector.tsx b/src/pages/networks/forms/IpAddressSelector.tsx
@@ -26,7 +26,7 @@ const IpAddressSelector: FC<Props> = ({ id, address, setAddress }) => {
       </div>
       <div className="ip-address-selector ip-address-custom">
         <RadioInput
-          label=""
+          label="Custom"
           aria-label="custom"
           checked={isCustom}
           onChange={() => setAddress("")}

diff --git a/src/sass/_forms.scss b/src/sass/_forms.scss
@@ -150,6 +150,10 @@
       margin-left: -65px;
       margin-top: -5px;
     }
+
+    .p-radio__label {
+      font-size: 0;
+    }
   }
 
   .snapshot-schedule {