If this form would bind a user to a financial or legal commitment, modify/delete user-controllable data, or submit test responses, ensure that submissions are either reversible, checked for input errors, and/or confirmed by the user.

<form
  novalidate=""
  class="mx-auto mt-10 flex w-full max-w-xl flex-col gap-3 sm:flex-row"
  aria-label="Scan your site for accessibility issues, free">
  <div class="flex-1">
    <label for="hero-prefill-url" class="sr-only">
      Site URL to scan
    </label>
<input id="hero-prefill-url" type="text" inputmode="url" autocomplete="url" autocapitalize="none" spellcheck="false" placeholder="yourcompany.com" aria-describedby="hero-scorecard-help" class="h-11 w-full rounded-lg border border-border bg-background px-4 text-

<form
  novalidate=""
  class="mx-auto flex w-full max-w-xl flex-col gap-3 sm:flex-row"
  aria-label="Run a free accessibility test on any page">
  <div class="flex-1">
    <label for="free-test-url" class="sr-only">
      Page URL to test
    </label>
<input id="free-test-url" type="text" inputmode="url" autocomplete="url" autocapitalize="none" spellcheck="false" placeholder="yourcompany.com" class="h-11 w-full rounded-lg border border-border bg-background px-4 text-base text-foreground shadow-sm outline-none placeholder

<form
  novalidate=""
  class="mx-auto flex w-full max-w-xl flex-col gap-3 sm:flex-row"
  aria-label="Einen kostenlosen Barrierefreiheitstest für eine beliebige Seite durchführen">
  <div class="flex-1">
    <label for="free-test-url" class="sr-only">
      Zu testende Seiten-URL
    </label>
<input id="free-test-url" type="text" inputmode="url" autocomplete="url" autocapitalize="none" spellcheck="false" placeholder="ihrefirma.de" class="h-11 w-full rounded-lg border border-border bg-background px-4 text-base text-foregro

<form
  novalidate=""
  class="mx-auto mt-10 flex w-full max-w-xl flex-col gap-3 sm:flex-row"
  aria-label="Ihre Website kostenlos auf Barrierefreiheit prüfen">
  <div class="flex-1">
    <label for="hero-prefill-url" class="sr-only">
      Zu scannende Website-URL
    </label>
<input id="hero-prefill-url" type="text" inputmode="url" autocomplete="url" autocapitalize="none" spellcheck="false" placeholder="ihrefirma.de" aria-describedby="hero-scorecard-help" class="h-11 w-full rounded-lg border border-border bg-background

<form
  novalidate=""
  class="mx-auto mt-10 flex w-full max-w-xl flex-col gap-3 sm:flex-row"
  aria-label="Scan your site for accessibility issues, free">
  <div class="flex-1">
    <label for="hero-prefill-url" class="sr-only">
      Site URL to scan
    </label>
<input id="hero-prefill-url" type="text" inputmode="url" autocomplete="url" autocapitalize="none" spellcheck="false" placeholder="yourcompany.com" aria-describedby="hero-scorecard-help" class="h-11 w-full rounded-lg border border-border bg-background px-4 text-