---
title: "Görsel erişilebilirlik: alt metnin ötesinde kontrast, metin katmanı ve odak sırası"
date: 2026-04-30
author: "xcropimage.io Team"
tags: ["erişilebilirlik", "WCAG", "kontrast", "alt metin", "SEO"]
lang: "tr"
description: "Alt metin yeterli değil; renk kontrastı, klavye ile odak ve metin-görsel hiyerarşisi."
---

## Giriş

**Alt metin** hem SEO hem ekran okuyucular için temeldir; ancak yalnızca `alt` yazmak **erişilebilir bir deneyim** için yetmez. **Renk kontrastı**, **klavye ile odak sırası**, **hareketli içerik** (animasyon, otomatik oynatma) ve metin–görsel hiyerarşisi birlikte düşünülmelidir.

<figure>
<img src="/blog-images/gorsel-erisebilirlik-alt-metin-otesi.jpg" alt="Görsel erişilebilirlik: alt metnin ötesinde kontrast, metin katmanı ve odak sırası." width="1200" height="630" loading="lazy" decoding="async" />
<figcaption>Görsel erişilebilirlik: alt metnin ötesinde kontrast, metin katmanı ve odak sırası.</figcaption>
</figure>

**Bu serinin önceki yazıları:** [Panoramik kırpma](/blog/panoramik-fotograf-kirpma-rule-of-thirds) · [Kısa video vs GIF](/blog/kisa-video-mu-gif-mi-reklam-format-secimi) · [Reklam okunabilirliği](/blog/reklam-gorsellerinde-metn-okunurlugu-kontrast-ve-tipografi-secimi).

## WCAG çerçevesi

[WCAG 2.2](https://www.w3.org/TR/WCAG22/) kontrast, odak görünürlüğü ve hareketle ilgili kriterleri tanımlar. Metin–arka plan çiftleri için [WebAIM kontrast kontrolü](https://webaim.org/resources/contrastchecker/) pratik test sunar. “Normal” ve “büyük” metin eşikleri farklıdır—başlık boyutunu planlarken buna göre seçin.

## Metin ve görsel birlikte

Promosyon görselinde metin görüntünün parçasıysa, ekran okuyucu kullanıcıları için:

* Görseldeki metni **sayfa metniyle** tekrarlamak veya
* Alternatif metinde **asıl mesajı** özetlemek

gerekir. Metin–görsel dengesi [sosyal reklam görsel seçimi](/blog/sosyal-medya-reklamlarinda-gorsel-secimi-neden-kritik) ile uyumlu olmalıdır.

## Hareket ve dikkat

Otomatik oynayan videolar veya dikkat çeken animasyonlar bazı kullanıcılar için risklidir; `prefers-reduced-motion` ve kontrol düğmeleri düşünün.

## SEO ile ilişki

Anlamlı alt metin ve dosya adı için [e-ticaret SEO alt metin](/blog/e-ticarette-seo-icin-dosya-adi-ve-alt-metin-alt-text-nasil-yazilir) rehberi ile birlikte okuyun. Metin ağırlıklı e-posta için [görsel yokluğu şablonları](/blog/eposta-gorsel-yoklugu-metin-sablonu-marka) tamamlayıcıdır.

## İngilizce paralel

[Visual accessibility beyond alt text](/blog/visual-accessibility-beyond-alt-text) aynı konuyu İngilizce işler.

## Sonuç

Erişilebilirlik yalnızca “alt doldurmak” değil; **kontrast**, **odak**, **hareket** ve **içerik hiyerarşisi** ile birlikte tasarlanır.