Accessibility focus checkboxes and radio boxes

res/css/views/elements/_StyledRadioButton.scss

@@ -63,6 +63,7 @@ limitations under the License.
             box-sizing: border-box;
             height: $font-16px;
             width: $font-16px;
+            margin-left: 1px; // For the highlight on focus
 
             border: $font-1-5px solid $radio-circle-color;
             border-radius: $font-16px;
@@ -77,6 +78,12 @@ limitations under the License.
             }
         }
 
+        &.focus-visible {
+            & + div {
+                @mixin unreal-focus;
+            }
+        }
+
         &:checked {
             & + div {
                 border-color: $active-radio-circle-color;