QA & Accessibility Testing

QA, testy a accessibility testingkvalita, na kterou se můžete spolehnout

Zavádíme QA procesy, automatizované testy a accessibility testing, aby release byl rychlý, předvídatelný a bez regresí. Pokrýváme test pyramidu (unit → integration → E2E), vizuální regrese, API/kontrakty, výkonové testy a WCAG 2.2 AA (i GOV/EN 301 549).

Automatizované testy
WCAG 2.2 AA
CI/CD quality gates

Co získáte

Komplexní řešení pro kvalitu a accessibility

Testovací strategii

DoR/DoD pro celý tým (vývoj, obsah, marketing)

Automatizované testy v CI/CD

Quality gates (lint, typy, unit, integration, E2E)

Accessibility audit

S prioritami oprav a ukázkami kódu

Stabilní releasy

Regrese zachytíme v PR náhledech a nightly běhu

Měření kvality

Pokrytí, flakiness, trend chyb, a11y porušení

Služby (přehled)

Komplexní řešení pro QA a testování

QA audit a strategie

Test pyramida, coverage plány, matice prohlížečů/zařízení

Unit & integration testy (FE/BE)

Vitest/Jest + Testing Library, mock fetch/API, datové factory

E2E testy

Playwright/Cypress (desktop/mobil), síťové stuby, seed dat

Vizuální regrese

Percy/Chromatic/Playwright snapshots (komponenty/šablony)

API & kontrakty

Postman/Newman, Pact (consumer/provider), OpenAPI validace

Výkonové testy

k6/Lighthouse CI, RUM web-vitals (INP/LCP/CLS)

Accessibility testing (WCAG 2.2 AA)

Automat (axe/pa11y), manuál (klávesnice, screen readery, barvy/kontrast), mobil (TalkBack/VoiceOver)

Security basics

SAST/DAST, závislosti, security headers (OWASP Top 10 – základní hygiena)

Test data & prostředí

Staging, anonymizace PII, fixtures, reset sandboxu

Accessibility – co a jak testujeme

Komplexní testování podle WCAG 2.2 AA

Navigace klávesnicí

TAB/Shift+TAB, zřetelný focus ring, pořadí focusu

Role/landmarky ARIA

Správné nadpisy a hierarchie, labely formulářů

Kontrast

Textu a interaktivních prvků (AA/AAA), velikost cílů

Dynamické stavy

Error, loading, live regions, modal/overflow a focus-trap

Média a dokumenty

Titulky, alternativní texty, PDF přístupnost (základní kontroly)

Skutečné čtečky

NVDA/JAWS/VoiceOver; mobilní: TalkBack/VoiceOver

Výstup

Report s prioritou (P1–P3), příklady a doporučeným fixem

Integrace do vývoje (Next.js/WordPress)

QA přímo ve vašem workflow

Next.js

Testing Library + Playwright, RSC šablony, Route Handlers testy, CI s PR náhledy, Storybook + a11y addon

WordPress

Testy pro custom bloky/pluginy, Query Monitor, vizuální regrese šablon, e2e pro košík/checkout (pokud e-shop)

CI/CD

GitHub Actions: lint/typy → unit/integration → build → E2E/visual → deploy; artifacts a LHCI report

Proces spolupráce

Systematický přístup k implementaci QA

1

Kickoff & audit

Rizika, kritické user-flows, zařízení/browsre, SLA

2

Test plán

Prioritizace scénářů, pokrytí, metriky a definice "quality gates"

3

Implementace

Infra testů, seedy, první testy (smoke/regresní), a11y baseline

4

Automatizace v CI

Paralelizace, retry/flake-detekce, notifikace

5

Reporty & zlepšování

Měsíční přehled, backlog fixů, trénink týmu

Deliverables (co odevzdáme)

Komplexní dokumentace a infrastruktura

QA strategie

Notion/PDF a test plán s maticí pokrytí

Repo s testy

CI pipeline a šablony PR (checklisty)

Accessibility report

WCAG 2.2 AA/EN 301 549 s důkazy a kódem fixu

Vizualizační panel

Trend chyb, flakiness, a11y porušení, CWV

Runbooky

Jak psát testy, naming, seed, jak řešit flaky a incidenty

KPI a cíle kvality (příklady)

Metriky pro kvalitní software

Regresní chyby

↓ regresní chyby po releasech, ↓ MTTR při incidentech

Coverage

Unit 60–80 % pro klíčové moduly, E2E pro kritické user-flows

A11y

0 P1 porušení, P2 → 0 do 30 dní po auditu

Výkon

CWV (mobil p95) v zelené na klíčových šablonách

Flake rate

< 2 % na E2E suitu

Tech stack (typicky)

Profesionální nástroje pro QA a testování

FE/BE testy

Vitest/Jest, Testing Library, Playwright/Cypress

A11y

axe-core, pa11y, Storybook a11y, manual SR (NVDA/JAWS/VO)

Vizuální

Percy/Chromatic/Playwright snapshots

API/kontrakty

Postman/Newman, Pact, OpenAPI diff

Výkon

Lighthouse CI, k6, web-vitals (RUM)

Kvalita kódu

ESLint, Prettier, TypeScript, SonarQube (volitelně)

Monitoring

Sentry, Logtail, Server-Timing

Balíky a ceny (orientačně)

Přesně podle velikosti projektu, kritických toků a compliance nároků

QA Starter

od 37 250 Kč

Základní QA řešení

  • QA audit, test plán
  • 10–15 unit/integration testů
  • 3–5 E2E scénářů
  • Základní a11y audit
Pošlete brief
Nejoblíbenější

QA + A11y Pro

od 97 500 Kč

Pokročilé řešení s a11y

  • Vizuální regrese
  • Kontrakty API
  • A11y report (WCAG 2.2 AA) + retest
  • CI pipeline a dashboard
Pošlete brief

Continuous Quality

od 24 750 Kč/měs.

Kontinuální péče o kvalitu

  • Průběžný rozvoj testů
  • Flake-hunting
  • Měsíční report
  • Trénink týmu
Pošlete brief

Finální cena závisí na velikosti projektu, kritických toků a compliance nároků

Mini case studies

Reálné výsledky našich projektů

E-shop

Zavedení E2E + vizuálních testů → regresní chyby −63 %, stabilnější releasy

Regrese −63 %
Stabilnější releasy

Samospráva (GOV)

WCAG audit a trénink → P1→0, bezkritický následný audit

P1 → 0
WCAG compliant

B2B aplikace

Kontrakty API a test data seedy → méně incidentů mezi týmy

Méně incidentů
Lepší spolupráce

FAQ

Často kladené otázky o QA a testování

Automat zachytí regrese při každém PR; manuál je výborný na průzkum a edge případy – kombinujeme.

Chcete spolehlivé releasy a přístupný web bez stresu?

Pošlete URL a kritické user-flows – připravíme QA strategii a a11y plán.