Logotyp vetenskapsrådet
logo_mobile

Formulär

Vetenskapsrådets webbformulär ska vara tillgängliga och kunna användas av alla. Våra formulär ska konsekventa i fråga om utseende, beteende och tillgänglighet. Riktlinjerna är utformade för att kunna appliceras på samtliga av Vetenskapsrådets webbplatser.

Våra webbformulär ska vara enkla att förstå och fylla i. De ska vara enkla att överblicka, förstå och använda. Givetvis följer vi GDPR och samlar vi endast in information som är relevant och nödvändig för det specifika ändamålet.

  • Använd så få fält som möjligt.
  • Gruppera fält av likartad karaktär, till exempel namn och e-post.
  • Visa formuläret i en kolumn. I webbläsares desktopvy kan formulär visas i flera kolumner, till exempel checkboxar eller radioknappar. I mobilvy bör alltid en kolumn användas.
  • Använd en bakgrundsfärg med ljus kontrast, förslagsvis #F9F9F9.
  • Fält har vit bakgrund (#FFFFFF) och 1 px svart ram (#000000).
  • Vid fokus på fält markeras fältet med en 3px grå ram (#727272).
  • Fältets namn skrivs ut i svart (#000000) ovanför fältet.
  • Samtliga obligatoriska fält märks upp med texten (obligatoriskt) i grått (#727272).
  • Felmeddelande visas i direkt anslutning till respektive fält. Fält som innehåller fel markeras med en 3 px röd ram (#E02000). Felmeddelandet uttrycks tydligt i text, till exempel ”Du måste fylla i din e-postadress i formatet namn@domän.se”.
  • Hjälptexter eller ”tänk på att-texter” visas i punktform ovan formuläret. I vissa fall kan informationstexter visas med klick på en info-i symbol.
  • Använd standard-HTML och märk upp med CSS.
  • Länk till mer information om hur insamlade personuppgifter hanteras finns i direkt anslutning till formuläret.

Anpassningar till respektive webbplats identitet

  • Formulär sätts med respektive webbplats typsnitt.
  • Submit-knappen färgsätts med en lämplig färg från webbplatsens egen palett – välj en färg som skapar en tydlig call-to-action.

Om ett formulär inte är tillgängligt utgör det ett stort hinder för besökaren. Därför har vi tagit fram särskilda krav och för tillgänglighet avseende formulär.

  1. Struktur
  2. Formulärets instruktioner
  3. Grafisk form och interaktion
  4. Validering av fält
  5. Märk upp formulärfälten
  6. Använd tydliga grupperingar av formulärfälten
  7. Felmeddelanden

Om du avser att samla in personuppgifter i ett formulär på en webbplats ska du först rådgöra med vårt dataskyddsombud. Det måste finnas en rättslig grund till varför uppgifterna samlas in.

Exempel på personuppgifter: e-postadresser, telefonnummer och namn.

  • I direkt anslutning till formuläret, innan användaren skickar in några personuppgifter till oss måste du informera om hur personuppgifterna kommer att hanteras.
  • Texten ska vara specifik och berätta om vilka uppgifter som samlas in, varför, hur de lagras, skyddas och gallras. Den ska också informera om hur användaren begär borttagning eller rättning av uppgifter.

Exempel på texter som informerar om personuppgiftsbehandling:

Personuppgiftsinformation för en journalist som har ett användarkonto på forskning.se:

https://www.forskning.se/sa-hanterar-vi-dina-personuppgifter/ Länk till annan webbplats.

Personuppgiftsinformation för att få en unik nyckel till Swecris API:

https://www.vr.se/swecris/swecris-api/begaran-om-api-nyckel/personuppgifter-Swecris-api.html Länk till annan webbplats.

Personuppgiftsinformation för prenumeration på nyhetsbrev via Ungapped:

https://www.vr.se/aktuellt/nyhetsbrev/nyhetsbrev-information-om-behandling-av-personuppgifter.html Länk till annan webbplats.