Skicka-knapp för formulär

Silktide granskar formulären på dina sidor och rapporterar de formulär som har ifyllningsbara fält men ingen skicka-knapp. Utan en sådan kan vissa besökare inte skicka formuläret, och andra kan inte förutse när det kommer att aktiveras.

Varför detta är viktigt

En synlig skicka-knapp berättar två saker för besökarna: hur de skickar formuläret och att inget händer förrän de väljer att skicka det. Vissa personer som använder kan bara skicka ett formulär genom att aktivera en knapp – det är inte tillgängligt för alla att trycka på Enter i ett fält. Ett formulär utan knapp skickas dessutom ofta automatiskt när besökaren skriver eller ändrar ett val, vilket är en oväntad förändring av sammanhanget som kan förvirra -användare och personer med kognitiva funktionsnedsättningar, som plötsligt hamnar på en annan sida mitt i en uppgift.

Detta är framgångskriterium 3.2.2 (Vid inmatning), ett krav på – en del av den mest grundläggande överensstämmelsenivån.

Så åtgärdar du problemet

Lägg till en skicka-knapp i varje markerat formulär och ange uttryckligen type="submit":

<!-- Problem: inget sätt att skicka formuläret medvetet -->
<form action="/search">
  <input type="text" name="q">
</form>

<!-- Lösning: en uttrycklig skicka-knapp -->
<form action="/search">
  <input type="text" name="q">
  <button type="submit">Sök</button>
</form>

Om formuläret faktiskt inte ska skickas någonstans – till exempel ett filter som uppdaterar resultaten direkt och meddelar hur det fungerar – kan du resultatet eller undanta elementet från kontroller.

Så testar Silktide detta

Hitta alla <form>-element på sidan och hoppa över dem som du har undantagit från kontroller.
Ignorera formulär utan användbara fält – formulär som inte innehåller några synliga inmatningsfält, textområden, select-element eller knappar när sidan läses in. Detta hoppar över spårningsformulär och de osynliga formulär som omsluter sidan och som vissa plattformar genererar, vilka annars skulle ge falska positiva resultat.
Rapportera varje återstående formulär som inte innehåller något element med type="submit".

Felsökning

Mitt formulär har en knapp men markerades ändå

Silktide letar efter ett uttryckligt type="submit". En <button> utan ett type-attribut skickar formuläret i de flesta webbläsare, men identifieras inte av denna kontroll – och det är ändå god praxis att lägga till type="submit", eftersom knappens funktion då blir entydig. Knappar med type="button" skickar aldrig formuläret.

Formuläret visas genom interaktion

Fält bedöms när sidan läses in första gången. Ett formulär som börjar dolt och visas senare, till exempel i en popupmeny, kanske inte testas. Ett godkänt resultat här garanterar därför inte att varje formulär på sidan har en knapp.