html - Blazor 键盘导航到 ADA 网站

Question

    <div class="flex-m w-full p-b-33">
        <div class="contact100-form-checkbox inputFocus">
            <InputCheckbox aria-label="I hereby certify that all of the information listed on this application is true and complete. I understand that any false, incomplete or misleading information given by me on this application is sufficient cause for rejection." class="input-checkbox100" id="ckb1" Style="background: #918f8f;" name="remember-me" @bind-Value="CurrentCustomerSubmission.AcceptedTermsAndConditions" />
            <label class="label-checkbox100" for="ckb1">
                <span class="txt1">
                    <a onfocus="() => document.getElementById('ckb1').checked = !document.getElementById('ckb1').checked;" class="txt2 hov1" style="color:darkblue;">
                        I hereby certify that all of the information listed on this application is true and complete. I understand
                        that any false, incomplete or misleading information given by me on this application is sufficient cause for rejection.
                    </a>
                </span>
            </label>
            <ValidationMessage For="@(() => CurrentCustomerSubmission.AcceptedTermsAndConditions)" />

        </div>
    </div>

此特定代码不允许我仅使用键盘选择复选框。我可以选择所有其他文本框和按钮，但由于某种原因，它会跳过此控件。

任何的意见都将会有帮助。我需要为 ADA（美国残疾人）准备好我的申请

标签： htmlblazorkeyboard-events