Skip to main content
En İyi Uygulama

Erişilebilirlik Test İş Akışı

Otomatik tarama, manuel test ve kullanıcı testini bir araya getiren — tasarım tesliminden üretime kadar — tekrarlanabilir, verimli bir erişilebilirlik test iş akışı oluşturun.

Test Piramidi

Erişilebilirlik testi yazılım test piramidini yansıtır. Tabanda otomatik testler (hızlı, ucuz, ~%35 sorunu yakalar). Ortada manuel testler (daha yavaş, daha pahalı, ek ~%50). Üstte engelli kullanıcılarla kullanıcı testleri bulunur. Olgun bir erişilebilirlik iş akışı üç katmanı da çalıştırır.

Aşama 1: Tasarım İncelemesi

  • Renk kontrastı — Figma kontrast eklentileriyle tüm metnin gereksinimleri karşıladığını doğrulayın.
  • Dokunma hedefi boyutları — tüm etkileşimli öğelerin en az 44×44 piksel olduğunu doğrulayın.
  • Odak sırası dokümantasyonu — erişilebilirlik ek açıklama kitleri kullanarak amaçlanan sekme sırasını belirtin.
  • Durum tasarımları — her etkileşimli bileşen için hover, odak, etkin, devre dışı ve hata durumlarının tasarlandığından emin olun.

Aşama 2: Geliştirme — Otomatik CI Testi

Her birleştirme öncesinde her pull request'in kontrol edilmesi için CI/CD hattınıza otomatik erişilebilirlik testi entegre edin.

// Playwright ile axe-core örneği
import { test, expect } from '@playwright/test';
import AxeBuilder from '@axe-core/playwright';

test('ana sayfa erişilebilirlik ihlali içermemeli', async ({ page }) => {
  await page.goto('/');
  const sonuclar = await new AxeBuilder({ page })
    .withTags(['wcag2aa'])
    .analyze();
  expect(sonuclar.violations).toEqual([]);
});

Aşama 3: Sürüm Öncesi Manuel Test

  • Klavye gezinme — her etkileşimli öğede Tab ile gezinin.
  • Ekran okuyucu — NVDA+Firefox minimum. Başlıkları, bağlantıları, formları doğrulayın.
  • Renk kontrastı — tüm yeni UI bileşenlerinde Colour Contrast Analyser çalıştırın.
  • Zoom testi — Chrome'da %200 ve %400 yakınlaştırın.

Sorun Takibi ve Önceliklendirme

  • Kritik — engelli kullanıcılar temel işlevselliğe erişemiyor. Sürümden önce düzeltin.
  • Ciddi — engelli kullanıcılar ciddi güçlük çekiyor. Mevcut sprint'te düzeltin.
  • Orta — engelli kullanıcılar için bazı güçlükler mevcut. Sonraki sprint'te düzeltin.
  • Küçük — minimal etkili rahatsızlık sorunları. Biriktirme listesine ekleyin.

Kaynaklar