hide radio check in WHC mode

docs/resources/changelog.md

@@ -10,6 +10,7 @@ _During the beta period, these restrictions may be relaxed in the event of a mis
 
 - 🚨 BREAKING: `sl-radio` components must be located inside an `sl-radio-group` for proper accessibility [#218](https://github.com/shoelace-style/shoelace/issues/218)
 - Added `sl-radio-group` component [#218](https://github.com/shoelace-style/shoelace/issues/218)
+- Improved a11y in `sl-radio` with Windows high contrast mode [#215](https://github.com/shoelace-style/shoelace/issues/215)
 
 ## 2.0.0-beta.37
 

src/components/radio/radio.scss

@@ -89,6 +89,11 @@
   cursor: not-allowed;
 }
 
+// When the control isn't checked, hide the circle for Windows High Contrast mode a11y
+.radio:not(.radio--checked) svg circle {
+  opacity: 0;
+}
+
 .radio__label {
   line-height: var(--sl-toggle-size);
   margin-left: 0.5em;