Kartoita polku
Luettele tulo, pakolliset kentät, ohjeet, liitteet, suostumus, lähetys, virhe, onnistuminen ja jatkoviesti.
OPAS / MENETELMÄ
Lomakkeen auditointi alusta loppuun
Lomake toimii, kun käyttäjä ymmärtää pyynnön, voi korjata virheet ja tietää mitä lähetettiin.
Suora vastaus
Mitä tarkistetaan lähetyspainikkeen lisäksi?
Käy läpi jokainen tila näppäimistöllä ja mobiilissa. Tarkista kenttien tarve, nimikkeet, virheet, palvelimen tarkistus, tietojen säilytys ja saatu vahvistus.
01 / Tarkistusmenetelmä
Tarkistusmenetelmä
Testaa syötteet
Kokeile kelvollisia, tyhjiä, pitkiä, kansainvälisiä ja virheellisiä arvoja; tarkista nimikkeet, sarkainjärjestys ja tietojen säilyminen.
Tarkista palvelin
Varmista palvelinpuolen tarkistus, kohdennetut virheet, kaksoiskappaleet, verkkoviat, uusintalähetys ja aikakatkaisut.
Tarkista jatko
Varmista kuittaus, toimiva vastaanottaja, luvattu aika, tallennetut tiedot ja mahdollisuus jatkaa.
KÄYTÄNNÖSSÄ
Tarkista käyttäjäpolku, älä vain kuvakaappausta
Luettava näyttö voi silti estää toiminnon. Testaa koko tavoite: löydä osio, käytä toimintoa, ymmärrä tulos ja palaa. Kirjaa ensimmäinen este ja sen vaikutus.
Mikä tarkistus tehdään ensin?
Valitse havaittu tilanne. Kukin vaihtoehto kertoo ensimmäisen tarkistuksen, hyödyllisen näytön ja tarkistuksen rajan.
Tehtävä toimii hiirellä muttei näppäimistöllä
- Ensimmäinen tarkistus
- Toista tehtävä Tabilla, Shift+Tabilla, Enterillä ja komponentin odotetuilla näppäimillä. Seuraa kohdistuksen siirtymistä ja valikosta tai dialogista poistumista.
- Säilytettävä näyttö
- Vaihe, näppäin, kohdistettu toiminto, auki- tai kiinnitila ja tarkka estymisen tai epäselvyyden kohta.
- Muistettava rajoitus
- Looginen kohdistusjärjestys ei todista koko saavutettavuutta. Tutki myös nimet, ilmoitetut tilat ja sisällön lukeminen.
Lomake hylkää syötteen selittämättä syytä
- Ensimmäinen tarkistus
- Aiheuta yhden kentän virhe ja tarkista nimi, odotettu muoto ja siihen liittyvä viesti. Varmista korjaus menettämättä muita hyödyllisiä arvoja.
- Säilytettävä näyttö
- Kenttä, ei-arkaluonteinen testiarvo, viesti, virheen yhteys kenttään, kohdistus ja korjauksen tulos.
- Muistettava rajoitus
- Näkyvä viesti ei välttämättä liity kenttään tai kuulu oikeaan aikaan. Testaa myös lähetys, vahvistus ja palvelukatko.
Teksti ylivuotaa tai vaikeutuu lukea
- Ensimmäinen tarkistus
- Kavenna ikkunaa, suurenna tekstiä ja toista tehtävä. Etsi koko sivun vaakavierityksen aiheuttava komponentti ja erota se kaksiulotteista asettelua vaativasta taulukosta.
- Säilytettävä näyttö
- Ikkunan leveys, zoomaus, kieli, komponentti, piiloutunut teksti ja todellinen kahdensuuntaisen vierityksen tarve.
- Muistettava rajoitus
- Yksi mobiilikuva ei kata kaikkia zoomauksia, kieliä ja tiloja. Taulukon poikkeus ei oikeuta koko sivun ylivuotoa.
Lisälukemista
| Tilanne | Vältä | Hyödyllinen korjaus |
|---|---|---|
| Navigointi | Testata vain hiirellä. | Käy läpi näppäimistöllä näkyvän kohdistuksen kanssa. |
| Lomake | Luottaa kentän väliaikaiseen tekstiin. | Säilytä näkyvä nimi ja yhdistä virhe kenttään. |
| Muuttuva tulos | Muuttaa lukua ilman asiayhteyttä. | Näytä tulos, yksikkö ja tapahtunut muutos. |
Löydä
Kuvaako otsikko oikeaa tehtävää?
Toimi
Onko toiminto saavutettava ja ymmärrettävä?
Ymmärrä
Ovatko tulos ja seuraava askel selviä?
Lopputarkistus
Toista polku sarkaimella, vaihto+sarkaimella ja Enterillä sekä 200 %:n zoomauksella. Tarkista, ettei kiinteä ylätunniste peitä kohdistettua ohjainta kokonaan. Avaa ja sulje valikko näppäimistöllä, aiheuta lomakevirhe ja varmista, että voit korjata sen. Kirjaa sivu, toiminto ja este; nämä rajatut tarkistukset eivät ole WCAG-sertifiointi.
Dokumenttilähteet
Luettu .
Tietojen lukemisen työpaja
Vahvistus, tallennus ja toimitus tarvitsevat eri näytön
Kuvitteellinen DEMO-F22 seuraa uusintalähetystä ja päivitystä lähettämättä oikeaa viestiä.
Kuvitteellisia tietoja ja merkintöjä oppimista varten: tulokset eivät ole peräisin suorista palvelukyselyistä.
Avaimen K1 nimenomainen uusintasopimus
Esimerkkisovellus lupaa kahden samalla K1:llä ja sisällöllä tehdyn POSTin palauttavan R1:n luomatta kahta tapausta. Tämä tarkistetaan erillään HTTP-tilasta.
Ensimmäinen POST
- Esimerkin havainto
- K1; 303 osoitteeseen /receipt/R1
- Mitä osoitetaan
- Vahvistukseen ohjaus havaitaan.
- Seuraava toimi
- Säilytä menetelmä, vastaus ja ei-arkaluonteinen tunniste.
Luku ja päivitys
- Esimerkin havainto
- GET /receipt/R1; 200; päivitys GETillä
- Mitä osoitetaan
- Tämä päivitys ei toista POSTia sarjassa.
- Seuraava toimi
- Kokeile myös uutta lähetystä, älä vain sivua.
Toinen samanlainen POST
- Esimerkin havainto
- K1; sama sisältö; kuitti R1
- Mitä osoitetaan
- Esimerkki noudattaa yhdistämissopimusta.
- Seuraava toimi
- Vertaa käsittelylokia; avain yksin ei riitä.
Sisäiset esimerkkitilat
- Esimerkin havainto
- 1 tallennettu tapaus; toimitus odottaa
- Mitä osoitetaan
- Tallennus vahvistuu, toimitus ei.
- Seuraava toimi
- Näytä ”tallennettu, toimitus odottaa” ja seuraa jatkoa erikseen.
Mikä päätelmä on tuettu?
Avaa jokainen väite ja vertaa sen tulkintaa. Lisätarkistuksia voi silti tarvita.
303 osoittaa vastaanottajan saaneen viestin.
Ei: tila ei osoita tallennusta tai toimitusta.
Turvallinen päivitys osoittaa kaikkien kaksoisklikkausten käsittelyn.
Ei: toistettu GET ja toinen POST ovat eri tarkistuksia.
Yksi tallennus, sama uusinta yhdistetty, toimitusta ei vahvistettu.
Sopii tähän. Eri sisältö K1:llä tarvitsee erillisen sopimuksen mukaisen tapauksen.
Uusinnan ja käsittelyn tietue
Tapaus: DEMO-F22 POST 1: K1 → 303 → /receipt/R1 GET ja päivitys: /receipt/R1; 200 POST 2: K1; sama sisältö; kuitti R1 Loki: yksi tallennettu tapaus Toimitus: odottaa Tulos: tallennus osoitettu, vastaanottajan saanti ei
Yhdistä kuitti, tallennusloki ja toimitusseuranta testitunnisteella. Älä laita lomakkeen henkilötietoja URL:iin tai julkiseen näyttöön.
Sääntöjen dokumentaatio erillään kuvitteellisista esimerkeistä
02 / Säilytettävä näyttö
Säilytettävä näyttö
Tapausmatriisi
Syötteet, odotettu tila, viesti ja havaittu tulos.
Polun tallenne
Nimikkeet, ohjeet, kohdistus, virheet ja vahvistus mobiilissa ja näppäimistöllä.
Puhdistettu loki
Vastauksen tila, aika ja testitunnus ilman todellisia henkilötietoja.
Päätös
Este, tehtävän vaikutus, korjaus, vastuuhenkilö ja uusintatesti.
Vertaa muita tilanteita ja harjoituksia
TARKISTUSPISTE
Ennen johtopäätöstä
Yleinen tulkintavirhe ja tarkistus, jolla se voidaan välttää.
Hätiköity päätelmä
Sisäisessä kokeessa toimiva lomake voi silti olla käyttökelvoton näppäimistöllä, puhelimella tai tarkistusvirheen jälkeen.
Ratkaiseva tarkistus
Testaa jokainen vaihe todellisilla syöttörajoitteilla: pakolliset kentät, virheilmoitukset, arvojen säilyminen, vahvistus, näppäimistö ja lähetyspalvelun tila.
TARKISTUKSEN JÄLKEEN
Päätä havainnon perusteella
Virhe tyhjentää jo täytetyt kentät
Pidä katoamista polun vikana. Säilytä ei-arkaluonteiset arvot, kohdista virhekoosteeseen ja testaa korjaus.
Onnistuminen näkyy ilman todennettua vastaanottoa
Älä merkitse polkua valmiiksi. Tarkista palvelinvastaus ja käsittely kuvitteellisilla tiedoilla sekä korjaa viesti.
Päätös ja tarkistusjälki
Päätös ja tarkistusjälki
Mitä tarkistus auttaa päättämään ja mitä on talletettava päätöksen arvioimiseksi uudelleen.
Riittävä näyttö
Testaa kelvollinen syöte, virheet, näppäimistö, mobiili, arvojen säilyminen ja vahvistus. Käyttöliittymän onnistuminen ei todista viestin toimitusta.
Seuraava päätös
Korjaa ensimmäinen katkos ja testaa koko lähetys valtuutetulla koeosoitteella. Seuraa saavutettavuutta ja toimitusta erikseen.
Yksityiskohtaiset tarkistustapaukset
Tyypillisiä tilanteita tarkistuksen suunnitteluun. Ne eivät kuvaa toteutettuja toimeksiantoja tai todellisia havaintoja.
Onnistumisviesti ei todista vastaanottoa
Mitä tutkitaan
Erota selaimen lähetys, palvelimen hyväksyntä ja vastaanotto kohdejärjestelmässä. Seuraa vaiheita luvallisessa testiympäristössä ja luvallisella vastaanottajalla.
Päätös ja toimenpide
Kuvaa tulos vain todella havaitulla tasolla. Jos vain hyväksyntä varmistui, älä väitä toimitusta todistetuksi; selvitä puuttuva vaihe ja sopiva palautusmenettely.
Säilytettävä näyttö
Säilytä testin ei-arkaluonteiset tunnisteet, ajat ja tilat kopioimatta salaisuuksia tai tarpeettomia henkilötietoja.
Virhe poistaa jo syötetyt vastaukset
Mitä tutkitaan
Testaa hylätty tarkistus, verkkokatkos ja paluu lomakkeeseen. Tarkista säilyneet kentät, niihin liittyvät viestit ja mahdollisuus korjata ja lähettää aloittamatta alusta.
Päätös ja toimenpide
Palauta ymmärrettävä tila ja säilytä hyödylliset arvot niiden arkaluonteisuuden mukaan. Älä siirrä lomakkeen sisältöä URL-osoitteeseen kadonneen tilan korvaamiseksi.
Säilytettävä näyttö
Tallenna toimintasarja, kentät, näytetty viesti ja toisen yrityksen tulos testiarvoilla.
Hylkäys poistaa hyödyllisen syötteen
Mitä tutkitaan
Testaa virheellinen syöte, virheet, kieli ja säilyneet kentät.
Päätös ja toimenpide
Säilytä korjauksessa tarvittavat ei-arkaluonteiset tiedot lähettämättä oikeasti.
Säilytettävä näyttö
Testisyöte, odotettu hylkäys, kohdistus ja jatkopolku.
Tarkistus ennen päätöstä
Kysymykset täydentävät menetelmää. Ne auttavat tunnistamaan tuetut päätelmät säilyttäen varaukset tietueessa.
Lomakkeen virhe ja palautuminen
Selittääkö virheellinen syöte ongelman testiympäristössä hukkaamatta muita hyödyllisiä kenttiä? Tarkista näppäimistö, kieli ja jatkaminen palvelinvirheen jälkeen.
Katso päätöksen esimerkki
Kuvitteellinen esimerkki: tila koskee vain kuvattua kriteeriä ja rajausta.
- Kuvitteellinen havainto
- Testiosoitteen virheen jälkeen lomake tyhjentää myös kelvollisen aiheen ja viestin.
- Ilmoitettu tila
- Havaittu poikkeama
- Päätös ja seuraava tarkistus
- Säilytä hyödylliset syötteet ja selitä kyseisen kentän virhe. Testaa korjaus kuvitteellisilla tiedoilla.
Ei kaksinkertaista lähetystä
Voiko kaksoisaktivointi tai myöhäinen vastaus tuottaa kaksi käsittelyä? Erota näkyvä onnistumisviesti, vahvistettu vastaanotto ja lopullinen käsittely ilman oikeita henkilötietoja.
Katso päätöksen esimerkki
Kuvitteellinen esimerkki: tila koskee vain kuvattua kriteeriä ja rajausta.
- Kuvitteellinen havainto
- Selain näyttää onnistumisen kahden aktivoinnin jälkeen; palvelinkäsittelyjen määrää ei havaittu.
- Ilmoitettu tila
- Ei tarkistettu
- Päätös ja seuraava tarkistus
- Jätä yksikäsitteisyys tarkistamatta. Yhdistä testissä pyyntötunniste vastaanottoon ja lopulliseen käsittelyyn.
Palvelinpuolen tarkistus
Hylätäänkö virheellinen pyyntö testiympäristössä ilman selaimen tarkistusta? Asiakaspuolen viesti ei takaa palvelinkäsittelyä.
Tarkistettu dokumentaatio : MDN · Constraint validation ·
Katso päätöksen esimerkki
Kuvitteellinen esimerkki: tila koskee vain kuvattua kriteeriä ja rajausta.
- Kuvitteellinen havainto
- Palvelin hylkää virheellisen testipyynnön ilman selaintarkistusta; käsittelyä ei luoda.
- Ilmoitettu tila
- Vahvistettu tässä rajauksessa
- Päätös ja seuraava tarkistus
- Säilytä kuvitteellinen syöte, vastaus ja palvelinhavainto. Toista validoinnin tai käsittelyn muuttuessa.
TYÖKALUT / REKISTERIT
Kirjattavat tiedot
Testaa onnistuminen, syötevirhe ja palvelinvirhe tunnistetuilla testitiedoilla. Tarkista viestin vastaavuus todelliseen tulokseen ja syötteen palautettavuus.
- Katselupäivä ja aikavyöhyke
- Tarkka URL
- Tehtävä / vaihe
- Laite / selain
- Odotettu tulos
- Havaittu tulos
- Hyväksymiskriteeri
- Päätös / seuraava toimi
- Tarkistuksen vastuuhenkilö
- Seuraava tarkistus
03 / FAQ
Usein kysytyt kysymykset
Riittääkö JavaScript-tarkistus?
Ei. Se auttaa heti, mutta syöte on tarkistettava myös palvelimella.
Merkitäänkö pakolliset kentät?
Kyllä, ennen syöttöä ja virheviestissä.
Mitä virheen jälkeen?
Selitä korjaus, liitä viesti kenttään ja säilytä muut arvot.
Miten testata ilman arkaluonteisia tietoja?
Käytä kuvitteellisia tapauksia ja niukkoja lokitietoja.
Miten kokeilla ilman todellisia pyyntöjä?
Tarjoa asianmukainen testiympäristö tai kanava ja fiktiiviset tiedot. Menetelmän on kuitenkin voitava tarkistaa todelliset vaiheet, jotka edellyttävät vastaanottoa ja hoitoa.
04 / Viralliset lähteet
Viralliset lähteet
Kuvaa tilanne
DOKUMENTOIDUT TIEDOT
Automaattitäyttö: lue tunnisteet oikeassa järjestyksessä
Saman lomakkeen kaksi osoitetta voivat edellyttää eri arvoja, vaikka kenttien nimet olisivat samat. autocomplete kuvaa tarkoituksen ja kenttäryhmän eikä korvaa näkyvää nimeä tai validointia. Esimerkit havainnollistavat HTML-kielioppia, eivät kerättyjä henkilöllisyyksiä tai yhteystietoja.
| Viite | Arvo tai muoto | Mitä se yksilöi |
|---|---|---|
| section-* | 1 | section- on ensimmäinen tunniste. Sen arvo erottaa ryhmän; selain ei saa päätellä siitä sukulaisuutta tai liiketoiminnallista merkitystä. |
| shipping | billing | 2 | shipping tai billing kertoo tietojen käyttötarkoituksen. Molempia ei voi käyttää samassa luettelossa. |
| home | work | mobile | fax | pager | 3 | home, work, mobile, fax tai pager voi edeltää yhteystietokenttää, kuten email tai tel-national. work postal-code ei noudata tätä kielioppia. |
| name | postal-code | email | … | 4 | Yksityiskohtainen luettelo tarvitsee yhden tarkoitustunnisteen. address-line1 address-line2 antaa kaksi yhden sijasta eikä kuvaa kahta kenttää. |
| webauthn | 5 | Lopussa oleva webauthn voi ilmaista julkisen avaimen tunnistetietoja ehdollisella välityksellä. Attribuutti ei yksin toteuta tunnistautumista. |
| on | off | single token | Yksittäiset on ja off ovat soveltuvan näkyvän kentän yleisiä tiloja, eivät tarkkoja tarkoituksia. Niitä ei sallita sellaisinaan input type=hidden -kentässä. |
Lue 16 tunniste-esimerkkiä
Esimerkit koskevat ilmoitetun tyypin näkyviä kenttiä. Ne käsittelevät vain kielioppia: automaattitäyttöä tai tunnistautumista ei suoriteta.
<input type="text" autocomplete="section-primary shipping work email">
Järjestetty yksityiskohtainen luettelo · Ryhmä, käyttökohde, yhteystieto ja tarkoitus: julkaistun ACT-esimerkin järjestys.
| autocomplete-attribuutti | Kentän tyyppi | Tulkinta | Selitys |
|---|---|---|---|
| section-primary shipping work email | text | Järjestetty yksityiskohtainen luettelo | Ryhmä, käyttökohde, yhteystieto ja tarkoitus: julkaistun ACT-esimerkin järjestys. |
| section-blue shipping postal-code | text | Järjestetty yksityiskohtainen luettelo | Kaksi nimettyä ryhmää erottaa toimitusosoitteet säilyttäen tarkoituksen postal-code. |
| section-red shipping postal-code | text | Järjestetty yksityiskohtainen luettelo | Kaksi nimettyä ryhmää erottaa toimitusosoitteet säilyttäen tarkoituksen postal-code. |
| billing postal-code | text | Järjestetty yksityiskohtainen luettelo | Käyttökohde ja tarkoitus; section-ryhmä on valinnainen. |
| mobile tel-national | tel | Järjestetty yksityiskohtainen luettelo | Yhteystiedon määrite edeltää puhelinnumeron tarkoitusta. |
| current-password webauthn | password | Järjestetty yksityiskohtainen luettelo | ACT-esimerkki: salasanan tarkoitus ja julkisen avaimen tunnistetietojen tunniste. |
| given-name | text | Järjestetty yksityiskohtainen luettelo | Pelkkä tarkoitus riittää; etuliitteet ovat valinnaisia. |
| on | text | Yleinen tila | Yleinen tila ilman tarkkaa tarkoitusta; ACT-sääntö 73f2c2 rajaa tapauksen tarkastelun ulkopuolelle. |
| off | text | Yleinen tila | Yleinen tila ilman tarkkaa tarkoitusta; ACT-sääntö 73f2c2 rajaa tapauksen tarkastelun ulkopuolelle. |
| work shipping email | Virheellinen luettelo | Yhteystiedon määrite on ennen käyttökohdetta: virheellinen järjestys. | |
| work,email | Virheellinen luettelo | Pilkku ei erottele tämän HTML-luettelon tunnisteita. | |
| address-line1 address-line2 | text | Virheellinen luettelo | Kaksi tarkoitusta on paikassa, jossa sallitaan vain yksi. |
| shipping | text | Virheellinen luettelo | Pelkkä käyttökohde ei anna kentälle tarkoitusta. |
| work photo | text | Virheellinen luettelo | work ei voi määrittää photo-kenttää, joka ei ole yhteystietokenttä. |
| email invalid | Virheellinen luettelo | Ylimääräistä invalid-tunnistetta ei sallita luettelon lopussa. | |
| current-password webauthn invalid | password | Virheellinen luettelo | Ylimääräistä invalid-tunnistetta ei sallita luettelon lopussa. |
Huomioitavaa aineistossa
Oikea järjestys ei osoita tarkoituksen sopivan kenttään, automaattitäytön toteutuvan tai WCAG 1.3.5:n täyttyvän. Kriteeri koskee tiettyjä käyttäjää koskevia tietoja ja riippuu teknologiasta. Esimerkit eivät tarkasta ulkoista lomaketta.
Alkuperäisdokumentaatio
Dokumentaatio tarkistettu .
SYVENTÄVÄ LUKEMINEN / KÄYTÄNTÖ
Testaa lomakkeet realistisilla tapauksilla
Lomake näkyy normaalisti, mutta se kieltäytyy laillisesta lähetyksestä tai vahvistaa lähetyksen, joka ei ole onnistunut. Toimintatesti erottaa laadun, validoinnin ja lopullisen käsittelyn.
Päivitetty .
Ensisijaiset tarkistukset
Testaa pakolliset kentät, muodot, pituus, virheet, suostumus ja kaksinkertainen esittely. Käytä testitietoja ja tarkistaa todellisia tuloksia luottamuksellisten sisällön välittämättä.
Tulkinnan sudenkuopat
Aktiivinen painiketta tai menestysviestiä ei riitä osoittamaan käsittelyn suorittamista. Myös istunnon päättymisen ja saatavuuteen liittyvien tapausten on oltava ymmärrettävissä.
Säilytettävä työasiakirja
Toimintatesti arkisto säilyttää epäherkkä testi, vaihe, odotettu tulos ja havaittu tulos. Jokaisen korjauksen mukana on täydellinen reitin tarkastus.