Príklad:
Predstavme si jednoduchý registračný formulár:
- Meno* (povinné)
- E-mail* (povinné)
- Telefón (voliteľné)
- Dátum narodenia* (povinné)
- Súhlas s newsletterom (voliteľné checkbox)
Čo všetko otestovať?
- Kombinácie vstupov
- Vyplnené len povinné polia
- Vyplnené všetky polia vrátane voliteľných
- Žiadne vyplnené polia → očakávané chyby pre všetky povinné
- Náhodné kombinácie (napr. vynechať Dátum narodenia, ale zadať Telefón)
- Validácia obsahu
- E-mail: chýbajúce „@“, nesprávny formát (napr. user@domain)
- Telefón: nesprávne znaky (miesto „+“ dať „-“ na začiatok), príliš dlhý/krátky formát
- Dátum narodenia: budúci dátum, formát DD.MM.RRRR vs. RRRR-MM-DD
- Správy o chybách
- Jasné a konkrétne hlásenia (napr. „Zadajte platný e-mail“)
- Správa pri zobrazení viacerých polí naraz
- Vyplnenie/nevyplnenie údajov a kliknutie na Odoslanie. Chyba sa zobrazí po odoslaní.
- Po každom vyplnení/nevyplnení položky sa zobrazí chybová správa („blur“ event)
- ARIA alert pre čítačky obrazovky (aria-live=“assertive“)
- Hraničné hodnoty & dĺžka textu
- Minimálna a maximálna dĺžka mena
- Skryté biele znaky, Unicode (emoji), diakritika
- SQL-injekcie, XSS – znaky <>, ;, ‚
- Prístupnosť (a11y)
- Label pre každý input (<label for=“…“>)
- Kontrast textu vs. pozadia (WCAG 2.1 AA)
- Klávesová navigácia (Tab/Shift+Tab, Enter na odoslanie)
- Focus indikátor (outline) viditeľný vo fokusovanom poli
- Popisné aria-describedby pre chyby a doplňujúce inštrukcie
- UX a UI
- Vypnuté tlačidlo „Odoslať“, kým nie sú správne údaje v povinný poliach
- Resetovanie formulára – či sa vymažú všetky polia aj chybové hlášky
- Stav „loading“ po odoslaní – spinner, zablokovanie ďalších kliknutí
- Rôzne zariadenia a prehliadače
- Mobil (iOS, Android) vs. desktop
- Staršie verzie prehliadačov (IE11, Edge Legacy)
- Rôzne veľkosti obrazovky (responsiveness)