fix(curriculum): tabindex issue in checkout page (#57838)

curriculum/challenges/english/25-front-end-development/lab-checkout-page/66da326c02141df538f29ba5.md

@@ -21,7 +21,6 @@ Fulfill the user stories below and get all the tests to pass to complete the lab
 1. You should have an input with an `id` and `name` of `card-name` within your form and a `label` associated with it.
 1. You should have an input with an `id` and `name` of `card-number` within your form and a `label` associated with it.
 1. At least two of your input elements should be required and have an `aria-required` attribute set to `true`.
-1. You should use `tabindex` at least once.
 
 # --hints--
 
@@ -107,12 +106,6 @@ const requiredInputs = Array.from(inputs).filter(input => input.required && inpu
 assert.isAtLeast(requiredInputs?.length, 2)
 ```
 
-You should use `tabindex` at least once.
-
-```js
-const els = document.querySelectorAll('[tabindex]');
-assert.isAtLeast(els.length, 1);
-```
 
 # --seed--
 
@@ -160,7 +153,7 @@ assert.isAtLeast(els.length, 1);
             <form action="/submit-payment" method="POST">
                 <div>
                     <label for="card-name">Cardholder Name</label>
-                    <input type="text" id="card-name" name="card-name" required aria-required="true" tabindex="0">
+                    <input type="text" id="card-name" name="card-name" required aria-required="true">
                 </div>
                 <div>
                     <label for="card-number">Card Number</label>