diff --git a/src/material/radio/radio.html b/src/material/radio/radio.html
index 834c90fc6d01..48bf8c887192 100644
--- a/src/material/radio/radio.html
+++ b/src/material/radio/radio.html
@@ -5,7 +5,7 @@
   <span class="mat-radio-container">
     <span class="mat-radio-outer-circle"></span>
     <span class="mat-radio-inner-circle"></span>
-    <input #input class="mat-radio-input cdk-visually-hidden" type="radio"
+    <input #input class="mat-radio-input" type="radio"
         [id]="inputId"
         [checked]="checked"
         [disabled]="disabled"
diff --git a/src/material/radio/radio.scss b/src/material/radio/radio.scss
index a28717370465..8b0a9424fccc 100644
--- a/src/material/radio/radio.scss
+++ b/src/material/radio/radio.scss
@@ -179,10 +179,14 @@ $mat-radio-ripple-radius: 20px;
 }
 
 .mat-radio-input {
-  // Move the input in the middle and towards the bottom so
-  // the native validation messages are aligned correctly.
-  bottom: 0;
-  left: 50%;
+  opacity: 0;
+  position: absolute;
+  top: 0;
+  left: 0;
+  margin: 0;
+  width: 100%;
+  height: 100%;
+  cursor: inherit;
 }
 
 @include cdk-high-contrast(active, off) {