Jetpack Compose Academy · Ders

Erişilebilirlik ve Kenardan Kenara Kullanıcı Arayüzü

TalkBack'i, büyük yazı tiplerini ve iç boşlukları destekleyin.

1. ders / 413 adım

Erişilebilirlik ve Kenardan Kenara Kullanıcı Arayüzü, CoddyKit'te ücretsiz bir Jetpack Compose Academy dersidir. Bu, 4 dersinin 1. dersidir. Aşağıdan dersin tamamını ücretsiz okuyabilir, sonra tarayıcıda yerleşik kod editörü ve 7/24 yapay zeka koçu ile uygulamalı olarak pratik yapabilirsin. Bu, Jetpack Compose Academy öğrenme yolunun bir parçasıdır ve ilerlemeniz web ve CoddyKit uygulaması arasında senkronize olur. Jetpack Compose Academy kursu toplamda 4 dersten oluşur.

Bu dersin bazı bölümleri henüz çevrilmemiş olup İngilizce olarak gösterilmektedir.

Polish Before You Ship

A great app is for everyone. Before release, you make it usable with screen readers, large fonts, and modern full-screen layouts.

What TalkBack Needs

Android has a screen reader called TalkBack. It speaks the UI aloud, so every meaningful element must carry a clear label it can announce.

contentDescription for Icons

Icons and images show no text, so TalkBack reads their contentDescription. Give each one a short, meaningful phrase that says what it does.

Icon(
    Icons.Default.Share,
    contentDescription = "Share post"
)

Hide Decoration from Readers

Purely decorative images add noise when spoken. Set contentDescription to null so TalkBack skips them and focuses on what matters.

Image(
    painter = bg,
    contentDescription = null
)

Respect Larger Fonts

Users can scale system text up. Size text in sp, not fixed dp, so your labels grow with the accessibility settings instead of clipping.

Text("Welcome", fontSize = 16.sp)

Touch Targets Stay Tappable

Small buttons are hard to hit. Aim for a 48dp minimum touch target so every control is comfortable for fingers and assistive switches.

Modifier.size(48.dp)

Going Edge-to-Edge

Modern apps draw behind the status and navigation bars. Call enableEdgeToEdge in your Activity to let content fill the entire screen.

enableEdgeToEdge()
setContent { App() }

Avoid Hiding Behind System Bars

Once edge-to-edge, content can slip under system bars. WindowInsets tell you exactly how much space those bars occupy so you can pad around them.

Quick Check

You add a share icon button. What lets TalkBack announce its purpose?

Apply Insets the Easy Way

The simplest fix is a safeDrawing inset modifier. It pads your content away from the cutouts and bars without any manual math.

Modifier.windowInsetsPadding(
    WindowInsets.safeDrawing
)

Test Accessibility Early

Turn on TalkBack and the Accessibility Scanner on a device. They surface missing labels and low contrast before a reviewer or user finds them.

Group Related Content

Scattered labels are tiring to hear. Use mergeDescendants in semantics so a card reads as one unit, giving TalkBack users a smoother pass.

Modifier.semantics(
    mergeDescendants = true
) {}

Recap: Accessible and Immersive

You labeled icons, scaled text in sp, kept targets at 48dp, and went edge-to-edge with insets. Now your app welcomes every user.

Başlamak ücretsiz

Yapay zeka eğitmeniyle Kotlin öğren — ücretsiz

Tarayıcında gerçek kod yaz ve çalıştır, 7/24 yapay zeka eğitmeninden anında yardım al; web'de ya da uygulamada kaldığın yerden devam et.

Kurslar
30
Dersler
120

Sıkça Sorulan Sorular

“Erişilebilirlik ve Kenardan Kenara Kullanıcı Arayüzü” dersi ücretsiz mi?

Evet — “Erişilebilirlik ve Kenardan Kenara Kullanıcı Arayüzü” dersin tüm metni burada web'de ücretsiz olarak okunabilir. Etkileşimli olarak pratik yapmak (yerleşik kod editörü ve 7/24 yapay zeka koçu) ve Jetpack Compose Academy kursunun geri kalanını açmak için CoddyKit PRO'ya yükselt. Jetpack Compose Academy kursu toplamda 4 dersten oluşur.

“Erişilebilirlik ve Kenardan Kenara Kullanıcı Arayüzü” dersinde ne öğreneceğim?

TalkBack'i, büyük yazı tiplerini ve iç boşlukları destekleyin. Jetpack Compose Academy ile uygulamalı kodu tarayıcıda doğrudan çalıştırarak pratik yaparsın ve 7/24 yapay zeka koçu dersi çalışırken sorularını yanıtlar.

Jetpack Compose Academy öğrenmeye başlamak için deneyim gerekli mi?

Önceden deneyim gerekmez. CoddyKit'te Jetpack Compose Academy, başlangıçtan ileri seviyeye kadar yapılandırıldığı için buradan başlayabilir veya başından başlayıp kendi hızında ilerleme yapabilirsin. Bu, 4 dersinin 1. dersidir.

“Erişilebilirlik ve Kenardan Kenara Kullanıcı Arayüzü” dersi ne kadar sürer?

Çoğu CoddyKit dersi yaklaşık 5–10 dakika sürer. Her biri kısa ve etkileşimli olduğu için sabit ilerleme yaparsın ve web ile uygulama arasında tam olarak bıraktığın yerden devam edebilirsin.

Bu Jetpack Compose Academy dersinde kod yazıp çalıştırabilir miyim?

Evet. Her Jetpack Compose Academy dersi yerleşik bir kod editörü içerir, bu sayede tarayıcıda gerçek kod yazıp çalıştırabilir ve anlık yapay zeka geri bildirimi alırsın — yerel kurulum gerekli değildir.

Bu kursun tüm dersleri

  1. Erişilebilirlik ve Kenardan Kenara Kullanıcı Arayüzü
  2. Hızlı Başlangıç için Temel Profiller
  3. İmzalı Yayın Uygulama Paketi
  4. Compose Çok Platformlu Mimarisi
← Jetpack Compose Academy Sayfasına Dön