Erişilebilirlik açıklaması, tasarım iş akışındaki en sıkıcı görevlerden biridir. Her metin-arka plan kombinasyonu için kontrast oranlarını kontrol etmek. Ekran okuyucular için başlık hiyerarşisini açıklamak. Dokunma hedeflerinin 44×44px minimumunu karşıladığını doğrulamak. Her görsel için alt metin önermek. Her etkileşimli bileşen için ARIA etiketlerini belgelemek. 50 ekranlı tipik bir uygulama için manuel açıklama 20-40 saat sürer.
Figma'nın AI Tasarım Ajanı, Mayıs 2026'da başlatılan erişilebilirlik Becerileri ile birlikte, bu işin mekanik kısımlarını otomatikleştirir. Tasarımlarınızı analiz edebilir, matematiksel uyumu kontrol edebilir (kontrast oranları, dokunma hedef boyutları) ve açıklama katmanları oluşturabilir — açıklama süresini ekran başına saatlerden dakikalara indirger.
Temel Çıkarım
Figma AI erişilebilirlik uzmanlığının yerini almaz — sıkıcı açıklama işini otomatikleştirir. Ajan, bir a11y uzmanının gözden geçirip geliştirdiği erişilebilirlik özelliklerinin ilk taslağını oluşturur, özellik oluşturma süresini 20-40 saatten (50 ekranlı bir uygulama için) 2-4 saatlik inceleme ve geliştirme süresine indirir. Matematiksel kontroller (kontrast, boyutlar) oldukça doğrudur; bağlamsal kontroller (alt metin, odak sırası) insan incelemesi gerektirir.
Figma AI Otomatik Olarak Neleri Kontrol Edebilir?
| Kontrol Türü | Ajanın Yaptığı | Doğruluk | İnsan İncelemesi Gerekli mi? |
|---|---|---|---|
| Renk kontrastı | Metin/arka plan çiftlerini WCAG AA/AAA'ya göre kontrol eder | Çok yüksek (matematiksel) | Hayır (sınır durumlar hariç) |
| Dokunma hedef boyutları | 44×44px altındaki etkileşimli öğeleri işaretler | Çok yüksek (boyutsal) | Hayır |
| Başlık hiyerarşisi | Ekran okuyucular için H1→H6 yapısını açıklar | Yüksek (yapısal) | Hızlı doğrulama |
| Alt metin önerileri | Görseller için açıklayıcı alt metin oluşturur | Orta (bağlam gerekir) | Evet — amacı gözden geçir |
| Odak sırası | Düzene dayalı klavye tab sırası önerir | Orta (düzene bağlı) | Evet — mantığı doğrula |
| ARIA etiketleri | Bileşenler için ARIA rolleri ve etiketleri önerir | Orta (bağlamsal) | Evet — semantiği doğrula |
| Font boyutu minimumlari | Okunabilir boyut eşiklerinin altındaki metinleri işaretler | Çok yüksek | Hayır |
| Sadece renkle bilgi | Yalnızca renkle iletilen durumları tanımlar | Yüksek | Hızlı doğrulama |
Desen: matematiksel ve boyutsal kontroller oldukça güvenilirdir ve denetimsiz çalışabilir. Bağlamsal ve anlamsal kontroller, uzman incelemesi gerektiren başlangıç noktalarıdır. Bu doğru bölünme: AI sıkıcı ölçüm işini halleder (açıklama zamanının çoğu budur), insanlar değerlendirme kararlarını halleder (kullanıcı ihtiyaçlarını anlamayı gerektirir).
Ajanla Erişilebilirlik Kontrolü Nasıl Çalıştırılır
1. Adım: Kontrol etmek istediğiniz çerçeveyi seçin.
2. Adım: Ajana şunu söyleyin: "Bu ekranda erişilebilirlik kontrolü yap. Kontrast oranları için WCAG AA uyumluluğunu kontrol et, dokunma hedeflerinin en az 44×44px olduğunu doğrula, başlık hiyerarşisini açıkla, görseller için alt metin öner ve yalnızca renkle iletilen bilgileri işaretle."
3. Adım: Ajan tuvalinizde sonuçlarla birlikte bir açıklama katmanı oluşturur: geçen öğeler için yeşil işaretler, başarısızlıklar için kırmızı bayraklar, inceleme gerektiren öğeler için turuncu uyarılar.
4. Adım: Orta doğruluk öğelerini gözden geçirin: alt metin önerileri, odak sırası, ARIA etiketleri. Özelliğin amacı ve kullanıcı bağlamı hakkındaki bilginize dayalı olarak ayarlayın.
Daha tutarlı sonuçlar için, kuruluşunuzun özel erişilebilirlik gereksinimlerini (standart WCAG'ı aşabilir) kodlayan özel bir /accessibility-check Becerisi oluşturun. Beceriniz şunları içerebilir: "Minimum font boyutumuz 14px'dir (WCAG'ın 12px'i değil)" veya "Tüm etkileşimli öğelerin marka mavisi çerçevemizi kullanan görünür odak göstergesi olmalı."
📬 Bundan değer mi alıyorsun?
Haftada bir uygulanabilir AI içgörüsü. Ayrıca abone olduğunuzda ücretsiz prompt paketi.
Ücretsiz abone ol →Sık Sorulan Sorular
AI tarafından oluşturulan a11y özellikleri erişilebilirlik testinin yerini alır mı?
Hayır — AI tarafından oluşturulan özellikler bir başlangıç noktasıdır, nihai denetim değil. Gerçek erişilebilirlik testi ekran okuyucu testi (VoiceOver, NVDA), klavye navigasyon testi ve ideal olarak engelli kişilerle kullanıcı testi gerektirir. Ajan açıklamayı halleder; insanlar doğrulamayı halleder. Özellik belgeleme katmanıdır; test doğrulama katmanıdır.
Ajan hangi WCAG seviyesini kontrol eder?
Kontrast kontrolleri hem WCAG AA'yı (normal metin için 4.5:1 oranı, büyük metin için 3:1) hem de AAA'yı (7:1 oranı) destekler. Hedef seviyenizi prompt'unuzda veya Becerinizde belirtin. Çoğu kuruluş AA'yı hedefler; AAA devlet ve sağlık uygulamaları için önerilir.
Kuruluşum için özel erişilebilirlik Becerisi oluşturabilir miyim?
Evet — ve kuruluşunuzun standart WCAG'ın ötesinde gereksinimleri varsa yapmalısınız. Birçok şirketin markaya özel erişilebilirlik yönergeleri vardır: marka renkleri için daha yüksek kontrast oranları, belirli minimum font boyutları, gerekli odak gösterge stilleri ve WCAG minimumlarını aşan dokunma hedef boyutları. Ajanın özel standartlarınızı otomatik olarak kontrol etmesi için bunları özel Beceri'de kodlayın.
AI'ın alt metni ne kadar doğru?
Orta düzeyde — ajan görselde görsel olarak tanıdığını açıklar. Ancak iyi alt metin, görselin bağlamdaki AMACINI anlamayı gerektirir. Dekoratif bir hero görseli, bilgilendirici bir grafikten farklı alt metin (veya hiç) gerektirir. Bir ürün fotoğrafı açıklayıcı metin gerektirir; dekoratif arka plan gerektirmez. Görselin kullanıcı deneyimindeki rolüne dayalı olarak AI tarafından oluşturulan alt metni her zaman gözden geçirin ve geliştirin.
Bu mevcut tasarımlarda mı yoksa sadece yenilerinde mi çalışır?
Her ikisinde de — ve geriye dönük kontroller en yüksek değerli kullanım durumu olabilir. Ajanı mevcut herhangi bir çerçeveye yönlendirin ve erişilebilirlik incelemesi isteyin. Zaten orada olanları analiz eder ve açıklamalar oluşturur. Bu, özellikle takımınız erişilebilirlik standartlarını benimsemeden önce tasarlanan ekranları denetlemek için güçlüdür, düzeltme önceliklerini yönlendiren hızlı temel değerlendirme sağlar.
Açıklama: Bu makaledeki bazı bağlantılar affiliate bağlantılardır. Yalnızca kişisel olarak test ettiğimiz ve düzenli kullandığımız araçları öneriyoruz. Tam açıklama politikamızı görün.