diff --git a/src/Umbraco.Web.UI.Client/src/less/accessibility/sr-only.less b/src/Umbraco.Web.UI.Client/src/less/accessibility/sr-only.less
new file mode 100644
index 000000000000..d69f7c8a1e05
--- /dev/null
+++ b/src/Umbraco.Web.UI.Client/src/less/accessibility/sr-only.less
@@ -0,0 +1,12 @@
+// sr-only - based on the boot strap naming conventions used to remove an element from the view, whilst retaining accessibily for screen readers. More info available at https://getbootstrap.com/docs/4.0/utilities/screenreaders/
+// --------------------------------------------------
+sr-only {
+    position: absolute;
+    width: 1px;
+    height: 1px;
+    padding: 0;
+    margin: -1px;
+    overflow: hidden;
+    clip: rect(0,0,0,0);
+    border: 0;
+}
diff --git a/src/Umbraco.Web.UI.Client/src/less/belle.less b/src/Umbraco.Web.UI.Client/src/less/belle.less
index 1e48500bb0a1..31205ac0f815 100644
--- a/src/Umbraco.Web.UI.Client/src/less/belle.less
+++ b/src/Umbraco.Web.UI.Client/src/less/belle.less
@@ -80,6 +80,9 @@
 
 @import "forms/umb-validation-label.less";
 
+// Umbraco Accessibility
+@import "accessibility/sr-only.less";
+
 // Umbraco Components
 @import "components/application/umb-app-header.less";
 @import "components/application/umb-app-content.less";