examples: Add role="switch" to switches (#35022)

twbs · Sep 28, 2021 · b1e27a4 · b1e27a4
1 parent d610a3c
commit b1e27a4
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/site/content/docs/5.1/examples/cheatsheet-rtl/index.html b/site/content/docs/5.1/examples/cheatsheet-rtl/index.html
@@ -355,7 +355,7 @@ <h3>نظرة عامة</h3>
             <input type="file" class="form-control" id="customFile">
           </div>
           <div class="mb-3 form-check form-switch">
-            <input class="form-check-input" type="checkbox" id="flexSwitchCheckChecked" checked>
+            <input class="form-check-input" type="checkbox" role="switch" id="flexSwitchCheckChecked" checked>
             <label class="form-check-label" for="flexSwitchCheckChecked">زر على شكل مفتاح اختيار.</label>
           </div>
           <div class="mb-3">
@@ -411,7 +411,7 @@ <h3>الحقول المعطلة</h3>
               <input type="file" class="form-control" id="disabledCustomFile" disabled>
             </div>
             <div class="mb-3 form-check form-switch">
-              <input class="form-check-input" type="checkbox" id="disabledSwitchCheckChecked" checked disabled>
+              <input class="form-check-input" type="checkbox" role="switch" id="disabledSwitchCheckChecked" checked disabled>
               <label class="form-check-label" for="disabledSwitchCheckChecked">زر معطل على شكل مفتاح اختيار.</label>
             </div>
             <div class="mb-3">

diff --git a/site/content/docs/5.1/examples/cheatsheet/index.html b/site/content/docs/5.1/examples/cheatsheet/index.html
@@ -354,7 +354,7 @@ <h3>Overview</h3>
             <input type="file" class="form-control" id="customFile">
           </div>
           <div class="mb-3 form-check form-switch">
-            <input class="form-check-input" type="checkbox" id="flexSwitchCheckChecked" checked>
+            <input class="form-check-input" type="checkbox" role="switch" id="flexSwitchCheckChecked" checked>
             <label class="form-check-label" for="flexSwitchCheckChecked">Checked switch checkbox input</label>
           </div>
           <div class="mb-3">
@@ -410,7 +410,7 @@ <h3>Disabled forms</h3>
               <input type="file" class="form-control" id="disabledCustomFile" disabled>
             </div>
             <div class="mb-3 form-check form-switch">
-              <input class="form-check-input" type="checkbox" id="disabledSwitchCheckChecked" checked disabled>
+              <input class="form-check-input" type="checkbox" role="switch" id="disabledSwitchCheckChecked" checked disabled>
               <label class="form-check-label" for="disabledSwitchCheckChecked">Disabled checked switch checkbox input</label>
             </div>
             <div class="mb-3">