{"id":43224,"date":"2026-07-10T17:00:43","date_gmt":"2026-07-10T14:00:43","guid":{"rendered":"https:\/\/fatihsoysal.com\/blog\/?p=43224"},"modified":"2026-07-10T17:01:16","modified_gmt":"2026-07-10T14:01:16","slug":"web-erisilebilirligi-yeni-baslayanlar-icin-kapsamli-bir-rehber","status":"publish","type":"post","link":"https:\/\/fatihsoysal.com\/blog\/web-erisilebilirligi-yeni-baslayanlar-icin-kapsamli-bir-rehber\/","title":{"rendered":"Web Eri\u015filebilirli\u011fi: Yeni Ba\u015flayanlar \u0130\u00e7in Kapsaml\u0131 Bir Rehber"},"content":{"rendered":"<h2>Web Eri\u015filebilirli\u011fi: Yeni Ba\u015flayanlar \u0130\u00e7in Kapsaml\u0131 Bir Rehber<\/h2>\n<p>Web eri\u015filebilirli\u011fi, interneti herkesin kullanabilece\u011fi bir yer haline getirme felsefesidir. Bu, engelli veya \u00f6zel ihtiya\u00e7lar\u0131 olan bireylerin web sitelerini, uygulamalar\u0131n\u0131 ve di\u011fer dijital ara\u00e7lar\u0131 alg\u0131layabilmesini, anlayabilmesini, gezinebilmesini ve bunlarla etkile\u015fim kurabilmesini sa\u011flamak anlam\u0131na gelir. Bir web sitesi tasarlarken veya geli\u015ftirirken eri\u015filebilirli\u011fi g\u00f6z \u00f6n\u00fcnde bulundurmak, sadece yasal bir zorunluluk de\u011fil, ayn\u0131 zamanda etik bir sorumluluk ve daha geni\u015f bir kitleye ula\u015fman\u0131n anahtar\u0131d\u0131r. Bu makale, web eri\u015filebilirli\u011fine yeni ba\u015flayanlar i\u00e7in temel kavramlar\u0131, prensipleri ve pratik uygulamalar\u0131 detayl\u0131 bir \u015fekilde ele alacakt\u0131r.<\/p>\n<h3>Web Eri\u015filebilirli\u011fi Neden \u00d6nemlidir?<\/h3>\n<p>Web eri\u015filebilirli\u011fi, genellikle sadece engellilere y\u00f6nelik bir konu olarak alg\u0131lansa da, asl\u0131nda herkes i\u00e7in faydalar sunar. Gelin, neden bu kadar kritik oldu\u011funu birka\u00e7 a\u00e7\u0131dan inceleyelim:<\/p>\n<p>*   <strong>E\u015fitlik ve Kapsay\u0131c\u0131l\u0131k:<\/strong> Herkesin bilgiye ve hizmetlere e\u015fit eri\u015fim hakk\u0131 vard\u0131r. Engelliler, ya\u015fl\u0131lar, ge\u00e7ici engeli olanlar (\u00f6rne\u011fin kolu k\u0131r\u0131k biri) veya k\u0131s\u0131tl\u0131 internet ba\u011flant\u0131s\u0131 olanlar gibi \u00e7e\u015fitli kullan\u0131c\u0131lar\u0131n web&#8217;i sorunsuz kullanabilmesi, dijital u\u00e7urumu kapat\u0131r ve toplumsal kapsay\u0131c\u0131l\u0131\u011f\u0131 art\u0131r\u0131r.<br \/>\n*   <strong>Yasal Y\u00fck\u00fcml\u00fcl\u00fckler:<\/strong> Bir\u00e7ok \u00fclke ve b\u00f6lgede, web sitelerinin belirli eri\u015filebilirlik standartlar\u0131na uymas\u0131 yasal bir zorunluluktur. Bu standartlara uyulmamas\u0131, yasal davalara ve \u00f6nemli para cezalar\u0131na yol a\u00e7abilir. \u00d6rne\u011fin, Amerika Birle\u015fik Devletleri&#8217;ndeki Engelli Amerikal\u0131lar Yasas\u0131 (ADA) ve Avrupa Birli\u011fi Eri\u015filebilirlik Y\u00f6nergesi, web sitelerinin eri\u015filebilir olmas\u0131n\u0131 \u015fart ko\u015far.<br \/>\n*   <strong>Geni\u015f Kitleye Ula\u015f\u0131m:<\/strong> Eri\u015filebilir bir web sitesi, daha geni\u015f bir kullan\u0131c\u0131 kitlesine ula\u015f\u0131r. Bu, potansiyel m\u00fc\u015fteri, okuyucu veya hizmet kullan\u0131c\u0131s\u0131 say\u0131s\u0131n\u0131n artmas\u0131 anlam\u0131na gelir. Engellilerin sat\u0131n alma g\u00fcc\u00fc ve ekonomik katk\u0131s\u0131 g\u00f6z ard\u0131 edilemez bir ger\u00e7ektir.<br \/>\n*   <strong>SEO (Arama Motoru Optimizasyonu) \u0130yile\u015ftirmesi:<\/strong> Eri\u015filebilirlik uygulamalar\u0131n\u0131n \u00e7o\u011fu, arama motoru optimizasyonu i\u00e7in de faydal\u0131d\u0131r. Semantik HTML kullan\u0131m\u0131, ba\u015fl\u0131k hiyerar\u015fisi, <code>alt<\/code> metinleri ve temiz kod yap\u0131s\u0131 gibi unsurlar, arama motorlar\u0131n\u0131n i\u00e7eri\u011fi daha iyi anlamas\u0131na ve dizine eklemesine yard\u0131mc\u0131 olur. Bu da sitenizin arama sonu\u00e7lar\u0131nda daha \u00fcst s\u0131ralarda yer almas\u0131na katk\u0131 sa\u011flar.<br \/>\n*   <strong>Kullan\u0131c\u0131 Deneyimi (UX) Geli\u015fimi:<\/strong> Eri\u015filebilir bir tasar\u0131m, herkes i\u00e7in daha iyi bir kullan\u0131c\u0131 deneyimi sunar. \u00d6rne\u011fin, y\u00fcksek kontrastl\u0131 metinler sadece g\u00f6rme engelliler i\u00e7in de\u011fil, ayn\u0131 zamanda parlak g\u00fcne\u015f \u0131\u015f\u0131\u011f\u0131nda ekran\u0131na bakan herkes i\u00e7in daha okunabilirdir. Klavyeyle gezinme imkan\u0131, fare kullanmakta zorlananlar veya tercih edenler i\u00e7in b\u00fcy\u00fck kolayl\u0131k sa\u011flar.<br \/>\n*   <strong>Marka \u0130maj\u0131:<\/strong> Eri\u015filebilirli\u011fe yat\u0131r\u0131m yapan bir kurulu\u015f, sosyal sorumluluk bilincini ve etik de\u011ferlerini \u00f6n plana \u00e7\u0131kar\u0131r. Bu, markan\u0131n itibar\u0131n\u0131 art\u0131r\u0131r ve m\u00fc\u015fteriler nezdinde olumlu bir imaj olu\u015fturur.<\/p>\n<h3>Temel \u0130lkeler: WCAG (Web \u0130\u00e7eri\u011fi Eri\u015filebilirlik Y\u00f6nergeleri)<\/h3>\n<p>Web Eri\u015filebilirli\u011fi Giri\u015fimi (WAI) taraf\u0131ndan yay\u0131nlanan Web \u0130\u00e7eri\u011fi Eri\u015filebilirlik Y\u00f6nergeleri (WCAG), web i\u00e7eri\u011fini eri\u015filebilir k\u0131lmak i\u00e7in uluslararas\u0131 bir standartt\u0131r. WCAG 2.0 ve WCAG 2.1, en yayg\u0131n kullan\u0131lan s\u00fcr\u00fcmlerdir ve d\u00f6rt ana prensip \u00fczerine kuruludur:<\/p>\n<p>1.  <strong>Alg\u0131lanabilirlik (Perceivable):<\/strong> Bilgi ve kullan\u0131c\u0131 aray\u00fcz\u00fc bile\u015fenleri, kullan\u0131c\u0131lar\u0131n alg\u0131layabilece\u011fi bir bi\u00e7imde sunulmal\u0131d\u0131r.<br \/>\n    *   <strong>Metin Alternatifleri:<\/strong> Metin olmayan t\u00fcm i\u00e7erikler i\u00e7in metin alternatifleri sa\u011flanmal\u0131d\u0131r (\u00f6rne\u011fin, g\u00f6rseller i\u00e7in <code>alt<\/code> metinleri, videolar i\u00e7in altyaz\u0131lar).<br \/>\n    *   <strong>Zaman Tabanl\u0131 Medya:<\/strong> Video ve ses i\u00e7erikleri i\u00e7in alternatifler (altyaz\u0131, transkript, sesli betimleme) sunulmal\u0131d\u0131r.<br \/>\n    *   <strong>Uyarlanabilirlik:<\/strong> \u0130\u00e7erik, farkl\u0131 bi\u00e7imlerde sunulabilir olmal\u0131 ve yard\u0131mc\u0131 teknolojilerle uyumlu olmal\u0131d\u0131r (\u00f6rne\u011fin, ekran okuyucular taraf\u0131ndan okunabilir).<br \/>\n    *   <strong>Ay\u0131rt Edilebilirlik:<\/strong> \u00d6n plan ve arka plan aras\u0131nda yeterli kontrast olmal\u0131, renk tek ba\u015f\u0131na bilgi iletmek i\u00e7in kullan\u0131lmamal\u0131d\u0131r.<\/p>\n<p>2.  <strong>\u0130\u015fletilebilirlik (Operable):<\/strong> Kullan\u0131c\u0131 aray\u00fcz\u00fc bile\u015fenleri ve gezinme, i\u015fletilebilir olmal\u0131d\u0131r.<br \/>\n    *   <strong>Klavye Eri\u015fimi:<\/strong> T\u00fcm i\u015flevsellik klavye arac\u0131l\u0131\u011f\u0131yla eri\u015filebilir olmal\u0131d\u0131r. Fare kullan\u0131m\u0131 zor olan veya imkans\u0131z olan ki\u015filer i\u00e7in bu kritik \u00f6neme sahiptir.<br \/>\n    *   <strong>Yeterli Zaman:<\/strong> Kullan\u0131c\u0131lara g\u00f6revleri tamamlamalar\u0131 i\u00e7in yeterli zaman tan\u0131nmal\u0131d\u0131r (\u00f6rne\u011fin, zaman a\u015f\u0131m\u0131 olan formlar i\u00e7in uzatma se\u00e7ene\u011fi).<br \/>\n    *   <strong>N\u00f6bet ve Fiziksel Tepkilerden Ka\u00e7\u0131nma:<\/strong> Yan\u0131p s\u00f6nen i\u00e7erikler veya a\u015f\u0131r\u0131 hareketli animasyonlar n\u00f6betlere neden olabilece\u011fi i\u00e7in ka\u00e7\u0131n\u0131lmal\u0131d\u0131r.<br \/>\n    *   <strong>Gezinilebilirlik:<\/strong> Kullan\u0131c\u0131lar\u0131n i\u00e7erikte kolayca gezinebilmesi ve nerede olduklar\u0131n\u0131 anlayabilmesi i\u00e7in net gezinme mekanizmalar\u0131 sa\u011flanmal\u0131d\u0131r (\u00f6rne\u011fin, atlama ba\u011flant\u0131lar\u0131, mant\u0131kl\u0131 ba\u015fl\u0131k hiyerar\u015fisi).<\/p>\n<p>3.  <strong>Anla\u015f\u0131labilirlik (Understandable):<\/strong> Bilgi ve kullan\u0131c\u0131 aray\u00fcz\u00fc i\u015flemleri anla\u015f\u0131labilir olmal\u0131d\u0131r.<br \/>\n    *   <strong>Okunabilirlik:<\/strong> Metin i\u00e7eri\u011fi okunabilir ve anla\u015f\u0131l\u0131r olmal\u0131d\u0131r. Basit dil, a\u00e7\u0131k ifadeler ve do\u011fru dil tan\u0131mlamalar\u0131 \u00f6nemlidir.<br \/>\n    *   <strong>Tahmin Edilebilirlik:<\/strong> Web sayfalar\u0131 tahmin edilebilir bir \u015fekilde g\u00f6r\u00fcnmeli ve \u00e7al\u0131\u015fmal\u0131d\u0131r. Kullan\u0131c\u0131lar, bir \u00f6\u011feyle etkile\u015fime ge\u00e7tiklerinde ne bekleyeceklerini bilmelidir.<br \/>\n    *   <strong>Giri\u015f Yard\u0131m\u0131:<\/strong> Kullan\u0131c\u0131lar\u0131n hatalardan ka\u00e7\u0131nmas\u0131na ve bunlar\u0131 d\u00fczeltmesine yard\u0131mc\u0131 olunmal\u0131d\u0131r (\u00f6rne\u011fin, form hatalar\u0131 i\u00e7in a\u00e7\u0131k talimatlar ve \u00f6neriler).<\/p>\n<p>4.  <strong>Sa\u011flaml\u0131k (Robust):<\/strong> \u0130\u00e7erik, geni\u015f bir kullan\u0131c\u0131 arac\u0131 yelpazesi taraf\u0131ndan yorumlanabilecek kadar sa\u011flam olmal\u0131d\u0131r.<br \/>\n    *   <strong>Uyumluluk:<\/strong> \u0130\u00e7erik, g\u00fcncel ve gelecekteki kullan\u0131c\u0131 arac\u0131lar\u0131, \u00f6zellikle yard\u0131mc\u0131 teknolojilerle uyumlu olmal\u0131d\u0131r. Bu genellikle do\u011fru ve standartlara uygun HTML, CSS ve JavaScript kullan\u0131m\u0131yla sa\u011flan\u0131r.<\/p>\n<h3>G\u00f6rsel \u0130\u00e7erik Eri\u015filebilirli\u011fi<\/h3>\n<p>G\u00f6rseller, web sitelerinin \u00f6nemli bir par\u00e7as\u0131d\u0131r ancak do\u011fru kullan\u0131lmad\u0131\u011f\u0131nda eri\u015filebilirlik engeli olu\u015fturabilir.<\/p>\n<p>*   <strong><code>alt<\/code> Metinleri (Alternatif Metinler):<\/strong> Bir g\u00f6rselin en \u00f6nemli eri\u015filebilirlik \u00f6zelli\u011fi <code>alt<\/code> niteli\u011fidir. Bu metin, g\u00f6rselin i\u00e7eri\u011fini ve amac\u0131n\u0131 tan\u0131mlar. Ekran okuyucular, g\u00f6rseli g\u00f6remeyen kullan\u0131c\u0131lara bu <code>alt<\/code> metnini okur.<br \/>\n    *   <strong>Nas\u0131l Yaz\u0131l\u0131r:<\/strong> <code>alt<\/code> metni k\u0131sa, a\u00e7\u0131klay\u0131c\u0131 ve ba\u011flamla ilgili olmal\u0131d\u0131r. \u00d6rne\u011fin, bir \u00fcr\u00fcn foto\u011fraf\u0131 i\u00e7in &#8220;K\u0131rm\u0131z\u0131 spor ayakkab\u0131, yan g\u00f6r\u00fcn\u00fcm, beyaz tabanl\u0131&#8221; gibi bir a\u00e7\u0131klama, &#8220;ayakkab\u0131&#8221; kelimesinden \u00e7ok daha faydal\u0131d\u0131r. Dekoratif g\u00f6rseller (\u00f6rne\u011fin, bo\u015fluk dolduran \u00e7izgiler veya simgeler) i\u00e7in <code>alt=\"\"<\/code> (bo\u015f <code>alt<\/code> niteli\u011fi) kullan\u0131lmal\u0131d\u0131r, b\u00f6ylece ekran okuyucu bunlar\u0131 atlar.<br \/>\n*   <strong>G\u00f6rsel-Metin Kontrast\u0131:<\/strong> Metin ve arka plan aras\u0131ndaki kontrast oran\u0131 yeterince y\u00fcksek olmal\u0131d\u0131r. WCAG, normal metin i\u00e7in en az 4.5:1, b\u00fcy\u00fck metinler i\u00e7in ise 3:1 kontrast oran\u0131n\u0131 \u00f6nerir. Bu, g\u00f6rme engellilerin veya renk k\u00f6rl\u00fc\u011f\u00fcne sahip kullan\u0131c\u0131lar\u0131n metni rahat\u00e7a okuyabilmesini sa\u011flar.<br \/>\n<em>   <strong>Renk Kullan\u0131m\u0131:<\/strong> Renk, tek ba\u015f\u0131na bilgi iletmek i\u00e7in kullan\u0131lmamal\u0131d\u0131r. \u00d6rne\u011fin, &#8220;Gerekli alanlar k\u0131rm\u0131z\u0131 ile i\u015faretlenmi\u015ftir&#8221; yerine, &#8220;Gerekli alanlar y\u0131ld\u0131z (<\/em>) ile i\u015faretlenmi\u015ftir ve k\u0131rm\u0131z\u0131 renktedir&#8221; gibi hem renk hem de metinsel bir g\u00f6sterge kullan\u0131lmal\u0131d\u0131r. Renk k\u00f6r\u00fc kullan\u0131c\u0131lar i\u00e7in bu kritik \u00f6neme sahiptir.<\/p>\n<h3>Klavye Eri\u015filebilirli\u011fi<\/h3>\n<p>Fare kullanamayan veya kullanmay\u0131 tercih etmeyen bir\u00e7ok kullan\u0131c\u0131 i\u00e7in klavye ile gezinme tek se\u00e7enektir.<\/p>\n<p>*   <strong>Sekme S\u0131ras\u0131 (<code>tabindex<\/code>):<\/strong> Bir web sayfas\u0131ndaki etkile\u015fimli \u00f6\u011feler (ba\u011flant\u0131lar, d\u00fc\u011fmeler, form alanlar\u0131) klavye ile <code>Tab<\/code> tu\u015fu kullan\u0131larak gezilebilir olmal\u0131d\u0131r. Gezinme s\u0131ras\u0131, sayfan\u0131n mant\u0131ksal ak\u0131\u015f\u0131n\u0131 takip etmelidir. Varsay\u0131lan HTML \u00f6\u011feleri genellikle do\u011fru sekme s\u0131ras\u0131na sahiptir, ancak \u00f6zel bile\u015fenler veya <code>tabindex<\/code> niteli\u011fi yanl\u0131\u015f kullan\u0131ld\u0131\u011f\u0131nda bu bozulabilir. <code>tabindex=\"0\"<\/code> bir \u00f6\u011feyi do\u011fal sekme s\u0131ras\u0131na eklerken, <code>tabindex=\"-1\"<\/code> bir \u00f6\u011feyi klavye gezintisinden \u00e7\u0131kar\u0131r ancak JavaScript ile odaklanmas\u0131na izin verir. <code>tabindex<\/code> de\u011feri 1 veya daha b\u00fcy\u00fck olan \u00f6\u011felerden ka\u00e7\u0131n\u0131lmal\u0131d\u0131r, \u00e7\u00fcnk\u00fc bu, do\u011fal belge ak\u0131\u015f\u0131n\u0131 bozar ve bak\u0131m\u0131 zorla\u015ft\u0131r\u0131r.<br \/>\n*   <strong>Odak Y\u00f6netimi:<\/strong> Bir \u00f6\u011feye klavye ile odaklan\u0131ld\u0131\u011f\u0131nda, bu odak g\u00f6rsel olarak belirgin olmal\u0131d\u0131r (\u00f6rne\u011fin, bir kenarl\u0131k veya arka plan rengi de\u011fi\u015fikli\u011fi). Taray\u0131c\u0131lar\u0131n varsay\u0131lan odak g\u00f6stergeleri genellikle yeterlidir, ancak CSS ile <code>outline: none;<\/code> gibi stillerle bu \u00f6zelli\u011fi kald\u0131rmaktan ka\u00e7\u0131n\u0131lmal\u0131d\u0131r. E\u011fer \u00f6zelle\u015ftirilmi\u015f bir odak stili gerekiyorsa, bunun her zaman g\u00f6r\u00fcn\u00fcr oldu\u011fundan emin olunmal\u0131d\u0131r.<br \/>\n*   <strong>T\u00fcm Etkile\u015fimlerin Klavye ile Yap\u0131labilirli\u011fi:<\/strong> A\u00e7\u0131l\u0131r men\u00fcler, modallar, sekmeli aray\u00fczler gibi t\u00fcm etkile\u015fimli bile\u015fenler sadece fare ile de\u011fil, klavye ile de a\u00e7\u0131l\u0131p kapat\u0131labilmeli, i\u00e7erikleri aras\u0131nda gezinebilmeli ve se\u00e7ilebilmelidir.<\/p>\n<h3>Form Eri\u015filebilirli\u011fi<\/h3>\n<p>Formlar, kullan\u0131c\u0131lar\u0131n web siteleriyle etkile\u015fim kurmas\u0131n\u0131n temel yollar\u0131ndan biridir ve eri\u015filebilirlikleri hayati \u00f6neme sahiptir.<\/p>\n<p>*   <strong><code>label<\/code> Etiketleri:<\/strong> Her form giri\u015f alan\u0131 (<code><input><\/code>, <code><textarea><\/code>, <code><select><\/code>) i\u00e7in ili\u015fkili bir <code><label><\/code> etiketi olmal\u0131d\u0131r. <code>label<\/code>&#8216;\u0131n <code>for<\/code> niteli\u011fi, giri\u015f alan\u0131n\u0131n <code>id<\/code>&#8216;si ile e\u015fle\u015fmelidir. Bu, ekran okuyucular\u0131n giri\u015f alan\u0131n\u0131n amac\u0131n\u0131 kullan\u0131c\u0131ya bildirmesini sa\u011flar ve k\u00fc\u00e7\u00fck dokunmatik ekranlarda veya motor becerileri k\u0131s\u0131tl\u0131 kullan\u0131c\u0131lar i\u00e7in t\u0131klama alan\u0131n\u0131 geni\u015fletir.<\/p>\n<pre><code class=\"language-\">&lt;label for=&quot;adSoyad&quot;&gt;Ad\u0131n\u0131z Soyad\u0131n\u0131z:&lt;\/label&gt;\n    &lt;input type=&quot;text&quot; id=&quot;adSoyad&quot; name=&quot;adSoyad&quot;&gt;<\/code><\/pre>\n<p>*   <strong>Do\u011fru Hata Mesajlar\u0131:<\/strong> Kullan\u0131c\u0131 bir formu yanl\u0131\u015f doldurdu\u011funda, hata mesajlar\u0131 a\u00e7\u0131k, anla\u015f\u0131l\u0131r ve eri\u015filebilir olmal\u0131d\u0131r. Mesajlar, hatan\u0131n ne oldu\u011funu ve nas\u0131l d\u00fczeltilece\u011fini belirtmeli ve formun ba\u015f\u0131nda veya ilgili alan\u0131n yan\u0131nda g\u00f6rsel olarak belirgin bir \u015fekilde sunulmal\u0131d\u0131r. Ekran okuyucular\u0131n hata mesajlar\u0131n\u0131 okumas\u0131 i\u00e7in <code>aria-live<\/code> b\u00f6lgeleri kullan\u0131labilir.<br \/>\n*   <strong>Yer Tutucu (<code>placeholder<\/code>) Yerine <code>label<\/code> Kullan\u0131m\u0131:<\/strong> <code>placeholder<\/code> metinleri, bir giri\u015f alan\u0131n\u0131n amac\u0131n\u0131 belirtmek i\u00e7in kullan\u0131lmamal\u0131d\u0131r. <code>placeholder<\/code> metinleri, odakland\u0131\u011f\u0131nda kaybolur ve d\u00fc\u015f\u00fck kontrast nedeniyle okunmas\u0131 zor olabilir. Her zaman <code>label<\/code> etiketi kullan\u0131lmal\u0131, <code>placeholder<\/code> ise sadece bir \u00f6rnek format veya ipucu i\u00e7in kullan\u0131lmal\u0131d\u0131r.<br \/>\n<em>   <strong>Gerekli Alanlar\u0131n Belirtilmesi:<\/strong> Gerekli alanlar a\u00e7\u0131k\u00e7a belirtilmelidir (\u00f6rne\u011fin, bir y\u0131ld\u0131z i\u015fareti <code><\/em><\/code> ile ve &#8220;Gerekli Alan&#8221; gibi metinlerle). <code>aria-required=\"true\"<\/code> niteli\u011fi de kullan\u0131labilir.<br \/>\n*   <strong>Grup Halindeki Kontroller:<\/strong> Radyo d\u00fc\u011fmeleri veya onay kutular\u0131 gibi birbiriyle ili\u015fkili kontroller bir <code><\/p>\n<fieldset><\/code> i\u00e7ine al\u0131nmal\u0131 ve <code><\/p>\n<legend><\/code> etiketi ile grupland\u0131r\u0131lmal\u0131d\u0131r. Bu, ekran okuyucular\u0131n bu kontrollerin birbiriyle ili\u015fkili oldu\u011funu anlamas\u0131n\u0131 sa\u011flar.<\/p>\n<h3>Semantik HTML Kullan\u0131m\u0131<\/h3>\n<p>Semantik HTML, web i\u00e7eri\u011finin anlam\u0131n\u0131 ve yap\u0131s\u0131n\u0131 belirtmek i\u00e7in do\u011fru HTML etiketlerini kullanmak anlam\u0131na gelir. Bu, eri\u015filebilirlik i\u00e7in temel bir ad\u0131md\u0131r.<\/p>\n<p>*   <strong>Yap\u0131sal Etiketler:<\/strong> <code>header<\/code>, <code>nav<\/code>, <code>main<\/code>, <code>footer<\/code>, <code>article<\/code>, <code>section<\/code>, <code>aside<\/code> gibi HTML5 yap\u0131sal etiketlerini do\u011fru kullanmak, sayfan\u0131n yap\u0131s\u0131n\u0131 yard\u0131mc\u0131 teknolojilere a\u00e7\u0131klar. \u00d6rne\u011fin, <code><\/p>\n<nav><\/code> etiketi bir gezinme men\u00fcs\u00fcn\u00fc, <code><main><\/code> etiketi ise sayfan\u0131n ana i\u00e7eri\u011fini belirtir. Bu, kullan\u0131c\u0131lar\u0131n sayfan\u0131n farkl\u0131 b\u00f6l\u00fcmleri aras\u0131nda h\u0131zl\u0131ca gezinmesini sa\u011flar.<br \/>\n*   <strong>Metin Etiketleri:<\/strong> Paragraflar i\u00e7in <code><\/p>\n<p><\/code>, listeler i\u00e7in <code><\/p>\n<ul><\/code>, <code>ol<\/code> ve <code><\/p>\n<li><\/code>, d\u00fc\u011fmeler i\u00e7in <code><button><\/code>, ba\u011flant\u0131lar i\u00e7in <code><a><\/code> gibi etiketler do\u011fru ama\u00e7lar\u0131 i\u00e7in kullan\u0131lmal\u0131d\u0131r. <code>\n<div><\/code> ve <code><span><\/code> etiketleri, yaln\u0131zca anlamsal bir etiket uygun olmad\u0131\u011f\u0131nda veya stil olu\u015fturma amac\u0131yla kullan\u0131lmal\u0131d\u0131r. \u00d6rne\u011fin, bir d\u00fc\u011fme gibi g\u00f6r\u00fcnen ancak asl\u0131nda bir <code><\/p>\n<div><\/code> olan bir \u00f6\u011fe, klavye ile eri\u015filemez olabilir ve ekran okuyucular taraf\u0131ndan bir d\u00fc\u011fme olarak alg\u0131lanmaz.<br \/>\n*   <strong>Ba\u015fl\u0131k Hiyerar\u015fisi:<\/strong> Ba\u015fl\u0131k etiketleri (<code><\/p>\n<h1><\/code>&#8216;dan <code><\/p>\n<h6><\/code>&#8216;ya kadar) sayfan\u0131n yap\u0131s\u0131n\u0131 ve \u00f6nem s\u0131ras\u0131n\u0131 belirtmek i\u00e7in mant\u0131ksal bir s\u0131ra ile kullan\u0131lmal\u0131d\u0131r. Sadece bir tane <code><\/p>\n<h1><\/code> etiketi olmal\u0131 ve bu sayfan\u0131n ana ba\u015fl\u0131\u011f\u0131n\u0131 temsil etmelidir. Di\u011fer ba\u015fl\u0131klar (<code><\/p>\n<h2><\/code>, <code><\/p>\n<h3><\/code>, vb.) alt b\u00f6l\u00fcmleri d\u00fczenlemek i\u00e7in kullan\u0131lmal\u0131 ve atlama yap\u0131lmamal\u0131d\u0131r (\u00f6rne\u011fin, <code><\/p>\n<h2><\/code>&#8216;den sonra do\u011frudan <code><\/p>\n<h4><\/code> kullan\u0131lmamal\u0131d\u0131r). Bu, kullan\u0131c\u0131lar\u0131n sayfa i\u00e7eri\u011fini taramas\u0131n\u0131 ve anlamas\u0131n\u0131 kolayla\u015ft\u0131r\u0131r.<\/p>\n<h3>Metin Eri\u015filebilirli\u011fi<\/h3>\n<p>Web sitenizdeki metin, herkes taraf\u0131ndan kolayca okunabilir ve anla\u015f\u0131l\u0131r olmal\u0131d\u0131r.<\/p>\n<p>*   <strong>Okunabilir Yaz\u0131 Tipleri ve Boyutlar\u0131:<\/strong> Okunmas\u0131 kolay, sade yaz\u0131 tipleri (sans-serif fontlar genellikle tercih edilir) se\u00e7ilmelidir. Metin boyutu, k\u00fc\u00e7\u00fck ekranlarda bile rahat\u00e7a okunabilecek kadar b\u00fcy\u00fck olmal\u0131, ancak \u00e7ok da b\u00fcy\u00fck olmamal\u0131d\u0131r. Kullan\u0131c\u0131lar\u0131n metin boyutunu taray\u0131c\u0131 ayarlar\u0131yla veya site i\u00e7i ara\u00e7larla de\u011fi\u015ftirebilmesine izin verilmelidir.<br \/>\n*   <strong>Yeterli Sat\u0131r Aral\u0131\u011f\u0131:<\/strong> Sat\u0131rlar aras\u0131ndaki bo\u015fluk (line-height), metnin okunabilirli\u011fini \u00f6nemli \u00f6l\u00e7\u00fcde etkiler. Genellikle 1.5 kat\u0131 bir sat\u0131r aral\u0131\u011f\u0131 \u00f6nerilir. Paragraflar aras\u0131nda da yeterli bo\u015fluk b\u0131rak\u0131lmal\u0131d\u0131r.<br \/>\n*   <strong>Basit ve Anla\u015f\u0131l\u0131r Dil:<\/strong> Karma\u015f\u0131k c\u00fcmlelerden, jargon ve teknik terimlerden m\u00fcmk\u00fcn oldu\u011funca ka\u00e7\u0131n\u0131lmal\u0131d\u0131r. Hedef kitlenin anlayabilece\u011fi basit ve do\u011frudan bir dil kullan\u0131lmal\u0131d\u0131r. K\u0131saltmalar ve akronimler ilk kullan\u0131ld\u0131\u011f\u0131nda a\u00e7\u0131klanmal\u0131d\u0131r.<br \/>\n*   <strong>Ba\u015fl\u0131k Hiyerar\u015fisi:<\/strong> Daha \u00f6nce de belirtildi\u011fi gibi, mant\u0131kl\u0131 bir ba\u015fl\u0131k hiyerar\u015fisi (<code>h2<\/code>, <code>h3<\/code>, <code>h4<\/code>) kullanmak, i\u00e7eri\u011fi b\u00f6l\u00fcmlere ay\u0131r\u0131r ve okunabilirli\u011fi art\u0131r\u0131r. Kullan\u0131c\u0131lar, ba\u015fl\u0131klar\u0131 kullanarak sayfan\u0131n farkl\u0131 b\u00f6l\u00fcmleri aras\u0131nda h\u0131zl\u0131ca gezinebilirler.<\/p>\n<h3>Medya Eri\u015filebilirli\u011fi<\/h3>\n<p>Video ve ses i\u00e7erikleri de eri\u015filebilir olmal\u0131d\u0131r.<\/p>\n<p>*   <strong>Videolar \u0130\u00e7in Altyaz\u0131 ve Transkript:<\/strong> Videolar i\u00e7in altyaz\u0131lar (closed captions) sa\u011flanmal\u0131d\u0131r. Bu, i\u015fitme engellilerin ve videoyu sesli izleyemeyenlerin i\u00e7eri\u011fi anlamas\u0131n\u0131 sa\u011flar. Ayr\u0131ca, videonun tam bir transkripti (metin d\u00f6k\u00fcm\u00fc) de sunulmal\u0131d\u0131r. Transkriptler, i\u00e7eri\u011fi h\u0131zl\u0131ca taramak isteyen veya videoyu izleyemeyen kullan\u0131c\u0131lar i\u00e7in faydal\u0131d\u0131r.<br \/>\n*   <strong>Ses \u0130\u00e7erikleri \u0130\u00e7in Transkript:<\/strong> Sadece ses i\u00e7eren podcast&#8217;ler veya sesli kay\u0131tlar i\u00e7in de tam transkriptler sa\u011flanmal\u0131d\u0131r.<br \/>\n*   <strong>Sesli Betimleme (Audio Description):<\/strong> G\u00f6rsel i\u00e7eri\u011fin anla\u015f\u0131lmas\u0131 i\u00e7in kritik olan ancak ses par\u00e7as\u0131nda bulunmayan g\u00f6rsel bilgilerin (\u00f6rne\u011fin, bir karakterin y\u00fcz ifadesi, bir sahnenin ortam\u0131) sesli olarak a\u00e7\u0131klanmas\u0131d\u0131r. Bu, g\u00f6rme engelli kullan\u0131c\u0131lar i\u00e7in \u00f6nemlidir.<\/p>\n<h3>Test ve De\u011ferlendirme<\/h3>\n<p>Eri\u015filebilirli\u011fi sa\u011flamak, sadece geli\u015ftirme s\u00fcrecinde de\u011fil, yay\u0131nland\u0131ktan sonra da d\u00fczenli olarak test ve de\u011ferlendirme gerektirir.<\/p>\n<p>*   <strong>Otomatik Ara\u00e7lar:<\/strong> Web eri\u015filebilirli\u011fi denetimi i\u00e7in bir\u00e7ok otomatik ara\u00e7 mevcuttur.<br \/>\n    *   <strong>Lighthouse (Google Chrome):<\/strong> Taray\u0131c\u0131n\u0131z\u0131n geli\u015ftirici ara\u00e7lar\u0131na entegre edilmi\u015f bir denetim arac\u0131d\u0131r. Performans, SEO ve eri\u015filebilirlik dahil bir\u00e7ok alanda rapor sunar.<br \/>\n    *   <strong>Axe DevTools (Deque Systems):<\/strong> Taray\u0131c\u0131 uzant\u0131s\u0131 olarak kullan\u0131labilen g\u00fc\u00e7l\u00fc bir ara\u00e7t\u0131r. Eri\u015filebilirlik sorunlar\u0131n\u0131 h\u0131zl\u0131ca tespit eder ve d\u00fczeltme \u00f6nerileri sunar.<br \/>\n    *   <strong>WAVE (Web Accessibility Evaluation Tool):<\/strong> Bir web sitesinin eri\u015filebilirlik sorunlar\u0131n\u0131 g\u00f6rsel olarak g\u00f6steren bir web hizmetidir veya taray\u0131c\u0131 uzant\u0131s\u0131d\u0131r.<br \/>\n    Otomatik ara\u00e7lar, h\u0131zl\u0131 ve kolay bir \u015fekilde bir\u00e7ok yayg\u0131n sorunu tespit edebilir ancak t\u00fcm eri\u015filebilirlik sorunlar\u0131n\u0131 bulamazlar. Manuel testler her zaman gereklidir.<br \/>\n*   <strong>Manuel Testler:<\/strong><br \/>\n    *   <strong>Klavye ile Gezinme:<\/strong> Sitenizi sadece klavye (<code>Tab<\/code>, <code>Shift+Tab<\/code>, <code>Enter<\/code>, <code>Space<\/code>, ok tu\u015flar\u0131) kullanarak ba\u015ftan sona gezinin. T\u00fcm etkile\u015fimli \u00f6\u011felere odaklanabiliyor musunuz? Odak s\u0131ras\u0131 mant\u0131kl\u0131 m\u0131? T\u00fcm i\u015flevsellik klavye ile eri\u015filebilir mi? Odak g\u00f6stergeleri her zaman g\u00f6r\u00fcn\u00fcr m\u00fc?<br \/>\n    *   <strong>Ekran Okuyucu Testi:<\/strong> Bir ekran okuyucu (\u00f6rne\u011fin, NVDA veya JAWS Windows i\u00e7in, VoiceOver macOS i\u00e7in) kullanarak sitenizi deneyimleyin. \u0130\u00e7erik mant\u0131kl\u0131 bir \u015fekilde okunuyor mu? <code>alt<\/code> metinleri do\u011fru mu? Formlar anla\u015f\u0131l\u0131r m\u0131? Gezinme kolay m\u0131?<br \/>\n    *   <strong>Kontrast Kontrol\u00fc:<\/strong> Kontrast denetleyicileri kullanarak metin ve arka plan renkleri aras\u0131ndaki kontrast oranlar\u0131n\u0131 do\u011frulay\u0131n.<br \/>\n    *   <strong>Yak\u0131nla\u015ft\u0131rma:<\/strong> Sayfay\u0131 %200&#8217;e kadar yak\u0131nla\u015ft\u0131r\u0131n ve i\u00e7eri\u011fin bozulmadan veya yatay kayd\u0131rma \u00e7ubuklar\u0131 olmadan okunabilir kal\u0131p kalmad\u0131\u011f\u0131n\u0131 kontrol edin.<br \/>\n*   <strong>Ger\u00e7ek Kullan\u0131c\u0131larla Test:<\/strong> En de\u011ferli geri bildirim, engelli kullan\u0131c\u0131lar\u0131n kendilerinden gelir. Hedef kitlenizden engelli bireylerle kullan\u0131c\u0131 testleri yapmak, sitenizdeki ger\u00e7ek sorunlar\u0131 ve iyile\u015ftirme alanlar\u0131n\u0131 ortaya \u00e7\u0131karman\u0131n en etkili yoludur.<\/p>\n<h3>Eri\u015filebilirli\u011fi S\u00fcrd\u00fcrmek<\/h3>\n<p>Eri\u015filebilirlik, bir kerelik bir g\u00f6rev de\u011fil, s\u00fcrekli bir s\u00fcre\u00e7tir.<\/p>\n<p>*   <strong>Tasar\u0131m S\u00fcrecinden \u0130tibaren Entegrasyon:<\/strong> Eri\u015filebilirli\u011fi, projenin en ba\u015f\u0131ndan itibaren, yani tasar\u0131m ve planlama a\u015famas\u0131ndan itibaren d\u00fc\u015f\u00fcnmek, sonradan d\u00fczeltmekten \u00e7ok daha kolay ve uygun maliyetlidir. &#8220;Shift-left&#8221; yakla\u015f\u0131m\u0131, sorunlar\u0131 erken a\u015famada tespit edip \u00e7\u00f6zmeyi \u00f6nerir.<br \/>\n*   <strong>E\u011fitim ve Fark\u0131ndal\u0131k:<\/strong> T\u00fcm ekip \u00fcyelerinin (tasar\u0131mc\u0131lar, geli\u015ftiriciler, i\u00e7erik yazarlar\u0131, proje y\u00f6neticileri) eri\u015filebilirlik konusunda e\u011fitilmesi ve fark\u0131ndal\u0131klar\u0131n\u0131n art\u0131r\u0131lmas\u0131 \u00f6nemlidir. Herkesin eri\u015filebilirli\u011fin \u00f6nemini anlamas\u0131 ve kendi rol\u00fcnde sorumluluk almas\u0131 gerekir.<br \/>\n*   <strong>D\u00fczenli Denetimler:<\/strong> Web siteleri ve uygulamalar zamanla de\u011fi\u015fir. Yeni i\u00e7erikler eklenir, mevcut \u00f6zellikler g\u00fcncellenir. Bu nedenle, d\u00fczenli eri\u015filebilirlik denetimleri ve testleri yapmak, sitenizin zaman i\u00e7inde eri\u015filebilir kalmas\u0131n\u0131 sa\u011flamak i\u00e7in hayati \u00f6neme sahiptir.<\/p>\n<h3>Sonu\u00e7<\/h3>\n<p>Web eri\u015filebilirli\u011fi, sadece yasal bir gereklilik veya ni\u015f bir konu olmaktan \u00e7ok daha fazlas\u0131d\u0131r; kapsay\u0131c\u0131, e\u015fit ve kullan\u0131c\u0131 dostu bir internet deneyimi yaratman\u0131n temelidir. Yeni ba\u015flayan bir geli\u015ftirici veya tasar\u0131mc\u0131 olarak, bu prensipleri \u00f6\u011frenmek ve uygulamak, sadece daha iyi web siteleri olu\u015fturman\u0131za yard\u0131mc\u0131 olmakla kalmayacak, ayn\u0131 zamanda daha etik ve sorumlu bir dijital d\u00fcnya in\u015fa etme \u00e7abalar\u0131na da katk\u0131da bulunacakt\u0131r. WCAG y\u00f6nergelerini anlamak, semantik HTML kullanmak, klavye eri\u015filebilirli\u011fini sa\u011flamak, g\u00f6rseller i\u00e7in <code>alt<\/code> metinleri yazmak ve d\u00fczenli testler yapmak, web eri\u015filebilirli\u011fi yolculu\u011funuzda ataca\u011f\u0131n\u0131z ilk ve en \u00f6nemli ad\u0131mlard\u0131r. Unutmay\u0131n, internet herkes i\u00e7indir ve bizim g\u00f6revimiz, bu vizyonu ger\u00e7e\u011fe d\u00f6n\u00fc\u015ft\u00fcrmektir.<\/p>\n<div class=\"github-example-link\"><strong>\u00d6rnek kod:<\/strong> <a href=\"https:\/\/github.com\/fatihsoysalcom\/web-accessibility-html-example\" target=\"_blank\" rel=\"noopener noreferrer\">github.com\/fatihsoysalcom\/web-accessibility-html-example<\/a><\/div>\n","protected":false},"excerpt":{"rendered":"Web Eri\u015filebilirli\u011fi: Yeni Ba\u015flayanlar \u0130\u00e7in Kapsaml\u0131 Bir Rehber Web eri\u015filebilirli\u011fi, interneti herkesin kullanabilece\u011fi bir yer haline getirme felsefesidir.","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"csco_page_header_type":"","csco_page_load_nextpost":"","csco_page_subscribe_form":"","csco_page_contact_form":"","footnotes":""},"categories":[1],"tags":[],"class_list":{"0":"post-43224","1":"post","2":"type-post","3":"status-publish","4":"format-standard","6":"category-genel","7":"cs-entry","8":"cs-video-wrap"},"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v20.5 (Yoast SEO v25.3.1) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Web Eri\u015filebilirli\u011fi: Yeni Ba\u015flayanlar \u0130\u00e7in Kapsaml\u0131 Bir Rehber - Kodlar\u0131n Gizemli D\u00fcnyas\u0131<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/fatihsoysal.com\/blog\/web-erisilebilirligi-yeni-baslayanlar-icin-kapsamli-bir-rehber\/\" \/>\n<meta property=\"og:locale\" content=\"tr_TR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Web Eri\u015filebilirli\u011fi: Yeni Ba\u015flayanlar \u0130\u00e7in Kapsaml\u0131 Bir Rehber\" \/>\n<meta property=\"og:description\" content=\"Web Eri\u015filebilirli\u011fi: Yeni Ba\u015flayanlar \u0130\u00e7in Kapsaml\u0131 Bir Rehber Web eri\u015filebilirli\u011fi, interneti herkesin kullanabilece\u011fi bir yer haline getirme felsefesidir.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/fatihsoysal.com\/blog\/web-erisilebilirligi-yeni-baslayanlar-icin-kapsamli-bir-rehber\/\" \/>\n<meta property=\"og:site_name\" content=\"Kodlar\u0131n Gizemli D\u00fcnyas\u0131\" \/>\n<meta property=\"article:published_time\" content=\"2026-07-10T14:00:43+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-07-10T14:01:16+00:00\" \/>\n<meta name=\"author\" content=\"Fatih Soysal\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Yazan:\" \/>\n\t<meta name=\"twitter:data1\" content=\"Fatih Soysal\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tahmini okuma s\u00fcresi\" \/>\n\t<meta name=\"twitter:data2\" content=\"16 dakika\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/web-erisilebilirligi-yeni-baslayanlar-icin-kapsamli-bir-rehber\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/web-erisilebilirligi-yeni-baslayanlar-icin-kapsamli-bir-rehber\/\"},\"author\":{\"name\":\"Fatih Soysal\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1\"},\"headline\":\"Web Eri\u015filebilirli\u011fi: Yeni Ba\u015flayanlar \u0130\u00e7in Kapsaml\u0131 Bir Rehber\",\"datePublished\":\"2026-07-10T14:00:43+00:00\",\"dateModified\":\"2026-07-10T14:01:16+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/web-erisilebilirligi-yeni-baslayanlar-icin-kapsamli-bir-rehber\/\"},\"wordCount\":3100,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1\"},\"inLanguage\":\"tr\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/fatihsoysal.com\/blog\/web-erisilebilirligi-yeni-baslayanlar-icin-kapsamli-bir-rehber\/#respond\"]}],\"copyrightYear\":\"2026\",\"copyrightHolder\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#organization\"}},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/web-erisilebilirligi-yeni-baslayanlar-icin-kapsamli-bir-rehber\/\",\"url\":\"https:\/\/fatihsoysal.com\/blog\/web-erisilebilirligi-yeni-baslayanlar-icin-kapsamli-bir-rehber\/\",\"name\":\"Web Eri\u015filebilirli\u011fi: Yeni Ba\u015flayanlar \u0130\u00e7in Kapsaml\u0131 Bir Rehber - Kodlar\u0131n Gizemli D\u00fcnyas\u0131\",\"isPartOf\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#website\"},\"datePublished\":\"2026-07-10T14:00:43+00:00\",\"dateModified\":\"2026-07-10T14:01:16+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/web-erisilebilirligi-yeni-baslayanlar-icin-kapsamli-bir-rehber\/#breadcrumb\"},\"inLanguage\":\"tr\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/fatihsoysal.com\/blog\/web-erisilebilirligi-yeni-baslayanlar-icin-kapsamli-bir-rehber\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/web-erisilebilirligi-yeni-baslayanlar-icin-kapsamli-bir-rehber\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Anasayfa\",\"item\":\"https:\/\/fatihsoysal.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Web Eri\u015filebilirli\u011fi: Yeni Ba\u015flayanlar \u0130\u00e7in Kapsaml\u0131 Bir Rehber\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#website\",\"url\":\"https:\/\/fatihsoysal.com\/blog\/\",\"name\":\"Fatihsoysal.com\",\"description\":\"Blog - Yaz\u0131l\u0131m D\u00fcnyas\u0131 Tecr\u00fcbelerim\",\"publisher\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/fatihsoysal.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"tr\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1\",\"name\":\"Fatih Soysal\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"tr\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/fatihsoysal.com\/blog\/wp-content\/uploads\/2024\/04\/cropped-replicate-prediction-3kgg1hgjn5rgp0cf0p5tr0jw7w-1.png\",\"contentUrl\":\"https:\/\/fatihsoysal.com\/blog\/wp-content\/uploads\/2024\/04\/cropped-replicate-prediction-3kgg1hgjn5rgp0cf0p5tr0jw7w-1.png\",\"width\":512,\"height\":512,\"caption\":\"Fatih Soysal\"},\"logo\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/image\/\"},\"description\":\"Kullan\u0131m ve kodlama m\u00fckemmeliyetini odak alan uygulamalar olu\u015fturma deneyimine sahip, profesyonel olarak 15+ y\u0131l \u00fczeri deneyime sahip bir yaz\u0131l\u0131m m\u00fchendisi.\",\"url\":\"https:\/\/fatihsoysal.com\/blog\/author\/fatihsoysal\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Web Eri\u015filebilirli\u011fi: Yeni Ba\u015flayanlar \u0130\u00e7in Kapsaml\u0131 Bir Rehber - Kodlar\u0131n Gizemli D\u00fcnyas\u0131","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/fatihsoysal.com\/blog\/web-erisilebilirligi-yeni-baslayanlar-icin-kapsamli-bir-rehber\/","og_locale":"tr_TR","og_type":"article","og_title":"Web Eri\u015filebilirli\u011fi: Yeni Ba\u015flayanlar \u0130\u00e7in Kapsaml\u0131 Bir Rehber","og_description":"Web Eri\u015filebilirli\u011fi: Yeni Ba\u015flayanlar \u0130\u00e7in Kapsaml\u0131 Bir Rehber Web eri\u015filebilirli\u011fi, interneti herkesin kullanabilece\u011fi bir yer haline getirme felsefesidir.","og_url":"https:\/\/fatihsoysal.com\/blog\/web-erisilebilirligi-yeni-baslayanlar-icin-kapsamli-bir-rehber\/","og_site_name":"Kodlar\u0131n Gizemli D\u00fcnyas\u0131","article_published_time":"2026-07-10T14:00:43+00:00","article_modified_time":"2026-07-10T14:01:16+00:00","author":"Fatih Soysal","twitter_card":"summary_large_image","twitter_misc":{"Yazan:":"Fatih Soysal","Tahmini okuma s\u00fcresi":"16 dakika"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/fatihsoysal.com\/blog\/web-erisilebilirligi-yeni-baslayanlar-icin-kapsamli-bir-rehber\/#article","isPartOf":{"@id":"https:\/\/fatihsoysal.com\/blog\/web-erisilebilirligi-yeni-baslayanlar-icin-kapsamli-bir-rehber\/"},"author":{"name":"Fatih Soysal","@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1"},"headline":"Web Eri\u015filebilirli\u011fi: Yeni Ba\u015flayanlar \u0130\u00e7in Kapsaml\u0131 Bir Rehber","datePublished":"2026-07-10T14:00:43+00:00","dateModified":"2026-07-10T14:01:16+00:00","mainEntityOfPage":{"@id":"https:\/\/fatihsoysal.com\/blog\/web-erisilebilirligi-yeni-baslayanlar-icin-kapsamli-bir-rehber\/"},"wordCount":3100,"commentCount":0,"publisher":{"@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1"},"inLanguage":"tr","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/fatihsoysal.com\/blog\/web-erisilebilirligi-yeni-baslayanlar-icin-kapsamli-bir-rehber\/#respond"]}],"copyrightYear":"2026","copyrightHolder":{"@id":"https:\/\/fatihsoysal.com\/blog\/#organization"}},{"@type":"WebPage","@id":"https:\/\/fatihsoysal.com\/blog\/web-erisilebilirligi-yeni-baslayanlar-icin-kapsamli-bir-rehber\/","url":"https:\/\/fatihsoysal.com\/blog\/web-erisilebilirligi-yeni-baslayanlar-icin-kapsamli-bir-rehber\/","name":"Web Eri\u015filebilirli\u011fi: Yeni Ba\u015flayanlar \u0130\u00e7in Kapsaml\u0131 Bir Rehber - Kodlar\u0131n Gizemli D\u00fcnyas\u0131","isPartOf":{"@id":"https:\/\/fatihsoysal.com\/blog\/#website"},"datePublished":"2026-07-10T14:00:43+00:00","dateModified":"2026-07-10T14:01:16+00:00","breadcrumb":{"@id":"https:\/\/fatihsoysal.com\/blog\/web-erisilebilirligi-yeni-baslayanlar-icin-kapsamli-bir-rehber\/#breadcrumb"},"inLanguage":"tr","potentialAction":[{"@type":"ReadAction","target":["https:\/\/fatihsoysal.com\/blog\/web-erisilebilirligi-yeni-baslayanlar-icin-kapsamli-bir-rehber\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/fatihsoysal.com\/blog\/web-erisilebilirligi-yeni-baslayanlar-icin-kapsamli-bir-rehber\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Anasayfa","item":"https:\/\/fatihsoysal.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Web Eri\u015filebilirli\u011fi: Yeni Ba\u015flayanlar \u0130\u00e7in Kapsaml\u0131 Bir Rehber"}]},{"@type":"WebSite","@id":"https:\/\/fatihsoysal.com\/blog\/#website","url":"https:\/\/fatihsoysal.com\/blog\/","name":"Fatihsoysal.com","description":"Blog - Yaz\u0131l\u0131m D\u00fcnyas\u0131 Tecr\u00fcbelerim","publisher":{"@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/fatihsoysal.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"tr"},{"@type":["Person","Organization"],"@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1","name":"Fatih Soysal","image":{"@type":"ImageObject","inLanguage":"tr","@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/fatihsoysal.com\/blog\/wp-content\/uploads\/2024\/04\/cropped-replicate-prediction-3kgg1hgjn5rgp0cf0p5tr0jw7w-1.png","contentUrl":"https:\/\/fatihsoysal.com\/blog\/wp-content\/uploads\/2024\/04\/cropped-replicate-prediction-3kgg1hgjn5rgp0cf0p5tr0jw7w-1.png","width":512,"height":512,"caption":"Fatih Soysal"},"logo":{"@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/image\/"},"description":"Kullan\u0131m ve kodlama m\u00fckemmeliyetini odak alan uygulamalar olu\u015fturma deneyimine sahip, profesyonel olarak 15+ y\u0131l \u00fczeri deneyime sahip bir yaz\u0131l\u0131m m\u00fchendisi.","url":"https:\/\/fatihsoysal.com\/blog\/author\/fatihsoysal\/"}]}},"yoast_meta":{"yoast_wpseo_title":"","yoast_wpseo_metadesc":"","yoast_wpseo_canonical":""},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/posts\/43224","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/comments?post=43224"}],"version-history":[{"count":2,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/posts\/43224\/revisions"}],"predecessor-version":[{"id":43226,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/posts\/43224\/revisions\/43226"}],"wp:attachment":[{"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/media?parent=43224"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/categories?post=43224"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/tags?post=43224"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}