readonly => read only

Author: hannahiss

site/src/content/docs/forms/checkbox.mdx

@@ -402,9 +402,9 @@ Add the `disabled` attribute to the input, then the checkbox and the associated
   </div>`} />
 </BootstrapCompatibility>
 
-### Readonly
+### Read only
 
-To create a readonly checkbox, the input should be replaced by a `span` element with `role="checkbox"`, `aria-readonly="true"` and `aria-disabled="true"` attributes. The checkbox will be accessible to keyboard navigation and assistive technologies, thanks to `aria-labelledby` and `tabindex`, but other interactions will be prevented.
+To create a read only checkbox, the input should be replaced by a `span` element with `role="checkbox"`, `aria-readonly="true"` and `aria-disabled="true"` attributes. The checkbox will be accessible to keyboard navigation and assistive technologies, thanks to `aria-labelledby` and `tabindex`, but other interactions will be prevented.
 
 <Example buttonLabel="readonly checkboxes" class="bd-example-indeterminate" addStackblitzJs code={`<fieldset class="control-items-list">
     <div class="checkbox-item">

site/src/content/docs/forms/radio-button.mdx

@@ -391,9 +391,9 @@ Add the `disabled` attribute to the input, then the radio button and the associa
   </div>`} />
 </BootstrapCompatibility>
 
-### Readonly
+### Read only
 
-To create a readonly radio button, the input should be replaced by a `span` element with `role="radio"` and `aria-disabled="true"` attributes. All the radio buttons in the group must be surrounded by a container with `role="radiogroup"` and `aria-readonly="true"` attributes. This is the only way to be compliant with ARIA specifications. The radio button will be accessible to keyboard navigation and assistive technologies, thanks to `aria-labelledby` and `tabindex`, but other interactions will be prevented.
+To create a read only radio button, the input should be replaced by a `span` element with `role="radio"` and `aria-disabled="true"` attributes. All the radio buttons in the group must be surrounded by a container with `role="radiogroup"` and `aria-readonly="true"` attributes. This is the only way to be compliant with ARIA specifications. The radio button will be accessible to keyboard navigation and assistive technologies, thanks to `aria-labelledby` and `tabindex`, but other interactions will be prevented.
 
 <Example buttonLabel="readonly radio buttons" code={`<fieldset class="control-items-list">
     <div role="radiogroup" aria-readonly="true">

site/src/content/docs/forms/switch.mdx

@@ -288,9 +288,9 @@ Add the `disabled` attribute to the input, then the switch and the associated `<
   </div>`} />
 </BootstrapCompatibility>
 
-### Readonly
+### Read only
 
-To create a readonly switch, the input should be replaced by a `span` element with `role="switch"`, `aria-readonly="true"` and `aria-disabled="true"` attributes. The switch will be accessible to keyboard navigation and assistive technologies thanks to `aria-labelledby` and `tabindex`, but other interactions will be prevented.
+To create a read only switch, the input should be replaced by a `span` element with `role="switch"`, `aria-readonly="true"` and `aria-disabled="true"` attributes. The switch will be accessible to keyboard navigation and assistive technologies thanks to `aria-labelledby` and `tabindex`, but other interactions will be prevented.
 
 <Example buttonLabel="readonly switches" code={`<ul class="control-items-list">
     <li class="switch-item">

site/src/content/docs/forms/text-input.mdx

@@ -330,7 +330,7 @@ Add the `disabled` boolean attribute on an input to give it a grayed out appeara
     </div>
   </div>`} />
 
-### Readonly
+### Read only
 
 Add the `readonly` boolean attribute on an input to prevent modification of the input’s value. `readonly` inputs can still be focused and selected, while `disabled` inputs cannot.