Indsendelsesknap til formular

Silktide undersøger formularerne på dine sider og rapporterer dem, der har udfyldelige felter, men ingen indsendelsesknap. Uden en sådan har nogle besøgende ingen mulighed for at sende formularen, og andre kan ikke forudsige, hvornår den udføres.

Hvorfor det er vigtigt

En synlig indsendelsesknap fortæller de besøgende to ting: hvordan de sender formularen, og at der ikke sker noget, før de vælger det. Nogle personer, der bruger , kan kun sende en formular ved at aktivere en knap – det er ikke muligt for alle at trykke på Enter i et felt. Og en formular uden en knap sendes ofte automatisk, når den besøgende skriver eller ændrer et valg, hvilket er en uventet ændring af konteksten, der kan forvirre brugere af og personer med kognitive funktionsnedsættelser, som pludselig befinder sig på en anden side midt i en opgave.

Dette er WCAG-succeskriterium 3.2.2 (Ved input), et – en del af det mest grundlæggende niveau for overensstemmelse.

Sådan løser du det

Tilføj en indsendelsesknap til hver markeret formular, og angiv eksplicit type="submit":

<!-- Problem: ingen måde at sende formularen bevidst på -->
<form action="/search">
  <input type="text" name="q">
</form>

<!-- Løsning: en eksplicit indsendelsesknap -->
<form action="/search">
  <input type="text" name="q">
  <button type="submit">Søg</button>
</form>

Hvis formularen reelt ikke skal sendes nogen steder hen – for eksempel et filter, der opdaterer resultater live og forklarer sin funktion – kan du fundet eller udelukke elementet fra tjek.

Sådan tester Silktide dette

Find hvert <form>-element på siden, og spring dem over, som du har udelukket fra tjek.
Ignorer formularer uden brugbare felter – formularer, der ikke indeholder synlige inputfelter, tekstområder, valglister eller knapper, når siden indlæses. Det springer sporings- formularer og de usynlige formularer, der omslutter siden, som nogle platforme genererer, over, da de ellers ville være falske positiver.
Rapportér hver resterende formular, som ikke indeholder et element med type="submit".

Fejlfinding

Min formular har en knap, men blev stadig markeret

Silktide leder efter en eksplicit type="submit". En <button> uden attributten type sender formularen i de fleste browsere, men genkendes ikke af dette tjek – og det er under alle omstændigheder god praksis at tilføje type="submit", da det gør knappens funktion entydig. Knapper med type="button" sender aldrig formularen.

Formularen vises efter interaktion

Felter vurderes, når siden indlæses første gang. En formular, der starter skjult og først vises senere, for eksempel i en pop op-menu, bliver muligvis ikke testet, så en godkendelse her garanterer ikke, at alle formularer på siden har en knap.