{"id":31300,"date":"2025-10-08T11:01:21","date_gmt":"2025-10-08T08:01:21","guid":{"rendered":"https:\/\/fatihsoysal.com\/blog\/no-a11y-no-ux-erisilebilirlik-olmadan-kullanici-deneyimi-mumkun-mu\/"},"modified":"2025-10-08T11:01:21","modified_gmt":"2025-10-08T08:01:21","slug":"no-a11y-no-ux-erisilebilirlik-olmadan-kullanici-deneyimi-mumkun-mu","status":"publish","type":"post","link":"https:\/\/fatihsoysal.com\/blog\/no-a11y-no-ux-erisilebilirlik-olmadan-kullanici-deneyimi-mumkun-mu\/","title":{"rendered":"No A11y No UX: Eri\u015filebilirlik Olmadan Kullan\u0131c\u0131 Deneyimi M\u00fcmk\u00fcn m\u00fc?"},"content":{"rendered":"<p><body><\/p>\n<p>Dijital \u00fcr\u00fcnler tasarlarken ve geli\u015ftirirken s\u0131kl\u0131kla g\u00f6z ard\u0131 edilen ancak kritik \u00f6neme sahip bir konu var: Eri\u015filebilirlik. Peki, bir web sitesi veya mobil uygulama herkes taraf\u0131ndan kullan\u0131lam\u0131yorsa, ger\u00e7ekten &#8220;iyi bir kullan\u0131c\u0131 deneyimi&#8221; sunabilir mi? Bu makale, eri\u015filebilirli\u011fin sadece etik bir zorunluluk de\u011fil, ayn\u0131 zamanda \u00fcst\u00fcn bir kullan\u0131c\u0131 deneyimi (UX) yaratman\u0131n temel dire\u011fi oldu\u011funu teknik detaylarla a\u00e7\u0131klayacak. E\u011fer dijital \u00fcr\u00fcnlerinizin ger\u00e7ekten kapsay\u0131c\u0131 ve etkili olmas\u0131n\u0131 istiyorsan\u0131z, eri\u015filebilirli\u011fin UX&#8217;in ayr\u0131lmaz bir par\u00e7as\u0131 oldu\u011funu kabul etmelisiniz.<\/p>\n<p>Dijital d\u00fcnyada &#8220;Eri\u015filebilirlik&#8221; (Accessibility &#8211; A11y olarak k\u0131salt\u0131l\u0131r), herhangi bir engeli veya k\u0131s\u0131tlamas\u0131 olan ki\u015filerin web sitelerini, uygulamalar\u0131 veya di\u011fer dijital \u00fcr\u00fcnleri alg\u0131layabilmesini, anlayabilmesini, gezinebilmesini ve bunlarla etkile\u015fim kurabilmesini ifade eder. Bu, g\u00f6rme engelliler i\u00e7in ekran okuyucu deste\u011fi, i\u015fitme engelliler i\u00e7in video altyaz\u0131lar\u0131, fiziksel engelliler i\u00e7in klavye ile gezinme imkan\u0131 ve bili\u015fsel engelliler i\u00e7in basitle\u015ftirilmi\u015f aray\u00fczler anlam\u0131na gelebilir. K\u0131sacas\u0131, eri\u015filebilirlik, dijital i\u00e7eriklerin ve i\u015flevselliklerin herkes i\u00e7in ula\u015f\u0131labilir ve kullan\u0131labilir olmas\u0131n\u0131 sa\u011flar.<\/p>\n<p>Di\u011fer taraftan, &#8220;Kullan\u0131c\u0131 Deneyimi&#8221; (User Experience &#8211; UX), bir kullan\u0131c\u0131n\u0131n belirli bir \u00fcr\u00fcn\u00fc, sistemi veya hizmeti kullan\u0131rken hissetti\u011fi duygu ve d\u00fc\u015f\u00fcncelerin t\u00fcm\u00fcd\u00fcr. \u0130yi bir UX, \u00fcr\u00fcn\u00fcn kolay kullan\u0131labilir, faydal\u0131, arzu edilir, de\u011ferli ve ula\u015f\u0131labilir olmas\u0131n\u0131 gerektirir. Bir web sitesi h\u0131zl\u0131 y\u00fckleniyor, estetik g\u00f6r\u00fcn\u00fcyor ve mant\u0131ksal bir ak\u0131\u015fa sahipse, ancak belirli bir kullan\u0131c\u0131 grubu taraf\u0131ndan kullan\u0131lam\u0131yorsa, bu ger\u00e7ekten iyi bir UX midir? \u015e\u00fcphesiz ki hay\u0131r. Kullan\u0131c\u0131 deneyimi, bir \u00fcr\u00fcn\u00fcn i\u015flevselli\u011finin yan\u0131 s\u0131ra, kullan\u0131c\u0131lar\u0131n o \u00fcr\u00fcnle kurdu\u011fu duygusal ve bili\u015fsel ba\u011flam\u0131 da i\u00e7erir. Bu ba\u011flamda, eri\u015filebilirlik, UX&#8217;in temelini olu\u015fturan kapsay\u0131c\u0131l\u0131k ilkesinin olmazsa olmaz bir bile\u015fenidir. Dijital \u00fcr\u00fcnlerimizin sadece belirli bir kitle i\u00e7in de\u011fil, herkes i\u00e7in anlam ifade etmesi, ger\u00e7ek bir ba\u015far\u0131 g\u00f6stergesidir. Eri\u015filebilirlik sadece engelli bireylere y\u00f6nelik bir l\u00fctuf de\u011fil, ayn\u0131 zamanda ya\u015fl\u0131lar, ge\u00e7ici engellilik ya\u015fayanlar (\u00f6rne\u011fin k\u0131r\u0131k kolu olanlar) ve farkl\u0131 teknolojik altyap\u0131lara sahip ki\u015filer i\u00e7in de hayati \u00f6neme sahiptir. Bu geni\u015f kullan\u0131c\u0131 yelpazesi d\u00fc\u015f\u00fcn\u00fcld\u00fc\u011f\u00fcnde, eri\u015filebilirlik standartlar\u0131na uymayan bir tasar\u0131m, potansiyel m\u00fc\u015fteri kitlenizi ve dolay\u0131s\u0131yla i\u015f f\u0131rsatlar\u0131n\u0131z\u0131 ciddi \u015fekilde k\u0131s\u0131tlar.<\/p>\n<p>Peki, bu iki kavram neden ayr\u0131lmaz bir b\u00fct\u00fcnd\u00fcr? E\u011fer bir \u00fcr\u00fcn eri\u015filebilir de\u011filse, belirli bir kullan\u0131c\u0131 grubu o \u00fcr\u00fcn\u00fc deneyimleyemez veya tam potansiyeliyle kullanamaz. Bu durumda, o grup i\u00e7in &#8220;kullan\u0131c\u0131 deneyimi&#8221; diye bir \u015feyden bahsetmek imkans\u0131z hale gelir. \u00d6rne\u011fin, klavye ile gezinemeyen bir kullan\u0131c\u0131n\u0131n e-ticaret sitesinden al\u0131\u015fveri\u015f yapma denemesi, sadece bir hayal k\u0131r\u0131kl\u0131\u011f\u0131yla sonu\u00e7lan\u0131r. \u0130yi bir UX, t\u00fcm kullan\u0131c\u0131lar\u0131n sorunsuz ve keyifli bir deneyim ya\u015famas\u0131n\u0131 sa\u011flamal\u0131d\u0131r. Bu nedenle, eri\u015filebilirlik, kapsay\u0131c\u0131 bir UX&#8217;in temel ta\u015f\u0131d\u0131r. Eri\u015filebilirlik standartlar\u0131n\u0131 g\u00f6z ard\u0131 eden herhangi bir tasar\u0131m s\u00fcreci, asl\u0131nda eksik bir UX s\u00fcreci y\u00fcr\u00fct\u00fcyor demektir. Kullan\u0131c\u0131 ara\u015ft\u0131rmalar\u0131n\u0131z\u0131 yaparken, sadece tipik kullan\u0131c\u0131lar\u0131 de\u011fil, engelli bireyleri de dahil etmek, \u00fcr\u00fcn\u00fcn\u00fcz\u00fcn ger\u00e7ekten evrensel bir de\u011fer ta\u015f\u0131mas\u0131n\u0131 sa\u011flayacakt\u0131r. Aksi takdirde, &#8220;kullan\u0131c\u0131 deneyimi&#8221; kavram\u0131 sadece dar bir kitleye hitap eden bir l\u00fcks olarak kal\u0131r ki bu da dijital \u00e7a\u011f\u0131n ruhuna ayk\u0131r\u0131d\u0131r.<\/p>\n<h2>Eri\u015filebilirlik Olmadan UX Bir \u0130ll\u00fczyon mu? Ger\u00e7ek D\u00fcnya Vaka Analizleri<\/h2>\n<p>Eri\u015filebilirlik sadece yasal bir zorunluluk olman\u0131n \u00f6tesinde, i\u015fletmeler i\u00e7in ciddi bir risk ve f\u0131rsat alan\u0131d\u0131r. Eri\u015filebilirlik standartlar\u0131na uymayan dijital \u00fcr\u00fcnler, hem yasal s\u00fcre\u00e7lerle y\u00fczle\u015fme riski ta\u015f\u0131r hem de geni\u015f bir kullan\u0131c\u0131 kitlesini kaybetme potansiyeli bar\u0131nd\u0131r\u0131r. Bu durum, UX&#8217;in bir ill\u00fczyona d\u00f6n\u00fc\u015fmesine neden olur; zira bir \u00fcr\u00fcn, ne kadar iyi tasarlanm\u0131\u015f olursa olsun, e\u011fer herkes taraf\u0131ndan kullan\u0131lam\u0131yorsa, vaat etti\u011fi deneyimi tam anlam\u0131yla sunamaz.<\/p>\n<p>D\u00fcnya genelinde pek \u00e7ok \u015firket, eri\u015filebilirlik eksiklikleri nedeniyle yasal sorunlarla kar\u015f\u0131la\u015fm\u0131\u015ft\u0131r. Amerika Birle\u015fik Devletleri&#8217;nde g\u00f6r\u00fclen davalar bunun en \u00e7arp\u0131c\u0131 \u00f6rneklerindendir. \u00d6rne\u011fin, fast-food zinciri <strong>Domino&#8217;s Pizza<\/strong>, g\u00f6rme engelli bir m\u00fc\u015fterinin web sitesi ve mobil uygulamas\u0131 \u00fczerinden sipari\u015f verememesi \u00fczerine dava edildi. Y\u00fcksek Mahkeme&#8217;ye kadar uzanan bu dava sonucunda, Domino&#8217;s, dijital platformlar\u0131n\u0131 eri\u015filebilir hale getirmek zorunda kald\u0131. Bu durum, sadece maddi bir kay\u0131p de\u011fil, ayn\u0131 zamanda marka itibar\u0131n\u0131n zedelenmesi anlam\u0131na da geldi. M\u00fc\u015fterilerin beklentileri g\u00fcn\u00fcm\u00fczde sadece uygun fiyat veya h\u0131zl\u0131 hizmet de\u011fil, ayn\u0131 zamanda kapsay\u0131c\u0131 ve sorunsuz bir dijital deneyimdir. Eri\u015filebilirlik eksikli\u011fi, bu beklentiyi kar\u015f\u0131layamayan \u015firketler i\u00e7in ciddi bir dezavantaj olu\u015fturur.<\/p>\n<p>Bir ba\u015fka \u00f6rnek ise, perakende devi <strong>Target<\/strong>&#8216;\u0131n ba\u015f\u0131na gelenler. 2006 y\u0131l\u0131nda, Ulusal G\u00f6rme Engelliler Federasyonu (NFB), Target&#8217;\u0131n web sitesinin g\u00f6rme engelli kullan\u0131c\u0131lar i\u00e7in eri\u015filemez oldu\u011funu iddia ederek dava a\u00e7t\u0131. Dava sonucunda Target, milyonlarca dolar tazminat \u00f6demek zorunda kald\u0131 ve web sitesini eri\u015filebilir hale getirmek i\u00e7in \u00f6nemli yat\u0131r\u0131mlar yapt\u0131. Bu t\u00fcr vakalar, eri\u015filebilirli\u011fin sadece iyi niyetli bir \u00e7aba olmad\u0131\u011f\u0131n\u0131, ayn\u0131 zamanda uyulmas\u0131 gereken kat\u0131 yasal ve etik standartlar oldu\u011funu g\u00f6zler \u00f6n\u00fcne seriyor. Bu durumlar, \u015firketlerin dijital stratejilerini olu\u015ftururken eri\u015filebilirli\u011fi \u00f6ncelikli bir konu olarak ele almalar\u0131 gerekti\u011fini g\u00f6steriyor. Aksi takdirde, potansiyel m\u00fc\u015fteri kayb\u0131n\u0131n yan\u0131 s\u0131ra, ciddi yasal yapt\u0131r\u0131mlar ve kamuoyu nezdinde itibar kayb\u0131 gibi olumsuz sonu\u00e7larla kar\u015f\u0131la\u015fmak ka\u00e7\u0131n\u0131lmaz hale gelir.<\/p>\n<p>Bu vaka analizleri, eri\u015filebilirli\u011fin yoklu\u011funun sadece bir kullan\u0131c\u0131 grubu i\u00e7in de\u011fil, genel kullan\u0131c\u0131 deneyimi i\u00e7in de ciddi sonu\u00e7lar do\u011furdu\u011funu a\u00e7\u0131k\u00e7a g\u00f6steriyor. Bir \u00fcr\u00fcn\u00fcn UX&#8217;ini \u00f6l\u00e7erken, sadece &#8220;ortalama&#8221; kullan\u0131c\u0131y\u0131 de\u011fil, t\u00fcm potansiyel kullan\u0131c\u0131lar\u0131 g\u00f6z \u00f6n\u00fcnde bulundurmak zorunday\u0131z. Eri\u015filebilirlik, bu kapsaml\u0131 UX anlay\u0131\u015f\u0131n\u0131n ayr\u0131lmaz bir par\u00e7as\u0131d\u0131r. Unutulmamal\u0131d\u0131r ki, dijital evrende ya\u015fayan herkes, dijital \u00fcr\u00fcn ve hizmetlere e\u015fit eri\u015fim hakk\u0131na sahiptir. Bir UX tasar\u0131mc\u0131s\u0131n\u0131n en temel sorumlulu\u011fu, tasarlad\u0131\u011f\u0131 \u00fcr\u00fcnlerin bu evrensel hakk\u0131 desteklemesidir. Aksi takdirde, olu\u015fturulan deneyim sadece bir ill\u00fczyon olmaktan \u00f6teye ge\u00e7emez ve ger\u00e7ek de\u011ferini hi\u00e7bir zaman bulamaz.<\/p>\n<h2>Eri\u015filebilir Tasar\u0131m Nas\u0131l Yap\u0131l\u0131r? \u0130lk Ad\u0131mlar ve Temel Prensipler<\/h2>\n<p>Eri\u015filebilir bir dijital \u00fcr\u00fcn geli\u015ftirmek, temelden ba\u015flayan ve t\u00fcm tasar\u0131m ve geli\u015ftirme s\u00fcre\u00e7lerine entegre edilen bir yakla\u015f\u0131mla m\u00fcmk\u00fcnd\u00fcr. Bu s\u00fcre\u00e7te Web \u0130\u00e7eri\u011fi Eri\u015filebilirlik Y\u00f6nergeleri (WCAG) en \u00f6nemli referans kayna\u011f\u0131m\u0131zd\u0131r. WCAG 2.1, d\u00f6rt temel prensip \u00fczerine kuruludur: Alg\u0131lanabilirlik (Perceivable), \u00c7al\u0131\u015fabilirlik (Operable), Anla\u015f\u0131labilirlik (Understandable) ve Sa\u011flaml\u0131k (Robust). Bu prensipleri rehber alarak, ilk ad\u0131mlar\u0131 atabilir ve eri\u015filebilir bir temeli in\u015fa edebiliriz.<\/p>\n<h3>Semantik HTML Kullan\u0131m\u0131 ve Anlamsal Yap\u0131n\u0131n G\u00fcc\u00fc<\/h3>\n<p>Eri\u015filebilirli\u011fin temelinde do\u011fru ve semantik HTML kullan\u0131m\u0131 yatar. Taray\u0131c\u0131lar, arama motorlar\u0131 ve ekran okuyucular, HTML etiketlerinin anlamsal anlamlar\u0131n\u0131 kullanarak i\u00e7eri\u011fi yorumlar. \u00d6rne\u011fin, bir ba\u015fl\u0131k i\u00e7in <code><\/p>\n<h1><\/code> yerine <code><b><\/code> kullanmak veya bir liste i\u00e7in <code><\/p>\n<div><\/code> elementlerini kullanmak, ekran okuyucular\u0131n i\u00e7eri\u011fi do\u011fru \u015fekilde anlamas\u0131n\u0131 engeller. Semantik HTML, web i\u00e7eri\u011finin yap\u0131s\u0131n\u0131 ve anlam\u0131n\u0131 net bir \u015fekilde belirtir.<\/p>\n<p>\u00d6nemli noktalar:<\/p>\n<ul>\n<li><strong>Ba\u015fl\u0131k Yap\u0131s\u0131:<\/strong> <code><br \/>\n<h1><\/code>&#8216;den <code><\/p>\n<h6><\/code>&#8216;ya kadar do\u011fru hiyerar\u015fiyi kullan\u0131n. Her sayfada yaln\u0131zca bir <code><\/p>\n<h1><\/code> olmal\u0131 ve di\u011fer ba\u015fl\u0131klar alt\u0131ndaki i\u00e7erikle mant\u0131ksal olarak ili\u015fkili olmal\u0131d\u0131r.<\/li>\n<li><strong>Listeler:<\/strong> \u00d6\u011feleri listelemek i\u00e7in <code>\n<ul><\/code>, <code><\/p>\n<ol><\/code> ve <code><\/p>\n<li><\/code> etiketlerini kullan\u0131n.<\/li>\n<li><strong>Form Elemanlar\u0131:<\/strong> T\u00fcm form elemanlar\u0131 (<code><input><\/code>, <code><textarea><\/code>, <code><select><\/code>) i\u00e7in ili\u015fkili <code><label><\/code> etiketleri kullan\u0131n. Bu, ekran okuyucular\u0131n form alan\u0131n\u0131n ne anlama geldi\u011fini kullan\u0131c\u0131ya iletmesini sa\u011flar.<\/li>\n<li><strong>G\u00f6rsel Alt Metinleri:<\/strong> Her anlaml\u0131 resim i\u00e7in (<code><img><\/code>) a\u00e7\u0131klay\u0131c\u0131 <code>alt<\/code> metni ekleyin. Dekoratif resimler i\u00e7in <code>alt=\"\"<\/code> b\u0131rak\u0131labilir. Bu, g\u00f6rme engelli kullan\u0131c\u0131lar\u0131n resmin i\u00e7eri\u011fini anlamas\u0131na yard\u0131mc\u0131 olur.<\/li>\n<\/ul>\n<pre><code>\n<!-- DO\u011eRU KULLANIM -->\n<h2>\u00dcr\u00fcnlerimiz<\/h2>\n<img decoding=\"async\" src=\"urun-gorseli.jpg\" alt=\"Yeni nesil ak\u0131ll\u0131 telefon, g\u00fcm\u00fc\u015f renkli\">\n<label for=\"kullaniciAdi\">Kullan\u0131c\u0131 Ad\u0131:<\/label>\n<input type=\"text\" id=\"kullaniciAdi\" name=\"kullaniciAdi\">\n\n<!-- YANLI\u015e KULLANIM -->\n<b>\u00dcr\u00fcnlerimiz<\/b> <!-- h2 yerine b kullanmak -->\n<img decoding=\"async\" src=\"urun-gorseli.jpg\"> <!-- alt metni eksik -->\n<span>Kullan\u0131c\u0131 Ad\u0131:<\/span>\n<input type=\"text\" id=\"kullaniciAdi\" name=\"kullaniciAdi\"> <!-- label ile ili\u015fkili de\u011fil -->\n<\/pre>\n<p><\/code><\/p>\n<h3>Klavye Odak Y\u00f6netimi ve Etkile\u015fimli Bile\u015fenler<\/h3>\n<p>Pek \u00e7ok kullan\u0131c\u0131, \u00f6zellikle fiziksel engelleri olanlar veya fare kullanamayanlar, klavye ile gezinmeye ihtiya\u00e7 duyar. Bu, bir web sitesinde <code>Tab<\/code> tu\u015fu ile elementler aras\u0131nda ge\u00e7i\u015f yapabilmek ve <code>Enter<\/code> veya <code>Space<\/code> tu\u015fu ile etkile\u015fim kurabilmek anlam\u0131na gelir. T\u00fcm etkile\u015fimli elementlerin (linkler, butonlar, form elemanlar\u0131) klavye ile eri\u015filebilir oldu\u011fundan emin olun.<\/p>\n<ul>\n<li><strong>Odak G\u00f6stergesi:<\/strong> Odaklan\u0131lan \u00f6\u011fenin belirgin bir \u015fekilde vurguland\u0131\u011f\u0131ndan emin olun (genellikle bir d\u0131\u015f hat veya g\u00f6lgelendirme ile). CSS ile <code>outline: none;<\/code> kullanmaktan ka\u00e7\u0131n\u0131n veya kendi eri\u015filebilir odak stilinizi olu\u015fturun.<\/li>\n<li><strong>Odak S\u0131ras\u0131:<\/strong> <code>Tab<\/code> tu\u015fu ile gezinirken, \u00f6\u011felerin mant\u0131ksal ve \u00f6ng\u00f6r\u00fclebilir bir s\u0131rada odaklan\u0131labilir oldu\u011fundan emin olun. <code>tabindex<\/code> \u00f6zelli\u011fini yaln\u0131zca belirli durumlarda ve dikkatli bir \u015fekilde kullan\u0131n (<code>tabindex=\"0\"<\/code> veya <code>tabindex=\"-1\"<\/code> genellikle yeterlidir).<\/li>\n<\/ul>\n<pre><code>\n\/* Eri\u015filebilir odak stili \u00f6rne\u011fi *\/\n:focus {\n    outline: 2px solid blue;\n    outline-offset: 2px; \/* Odak g\u00f6stergesini elementten biraz uzakla\u015ft\u0131r\u0131r *\/\n}\n\n\/* K\u00f6t\u00fc \u00f6rnek: Odak stilini tamamen kald\u0131rmak *\/\n\/*\na:focus, button:focus, input:focus {\n    outline: none;\n}\n*\/\n<\/pre>\n<p><\/code><\/p>\n<p>Bu temel prensiplere uyarak, dijital \u00fcr\u00fcnlerinizin daha geni\u015f bir kullan\u0131c\u0131 kitlesi i\u00e7in eri\u015filebilir ve dolay\u0131s\u0131yla daha iyi bir kullan\u0131c\u0131 deneyimi sunmas\u0131n\u0131 sa\u011flayabilirsiniz. Ba\u015flang\u0131\u00e7ta ekstra bir \u00e7aba gibi g\u00f6r\u00fcnse de, uzun vadede bu yat\u0131r\u0131mlar hem yasal uyumluluk hem de marka itibar\u0131 a\u00e7\u0131s\u0131ndan size geri d\u00f6necektir.<\/p>\n<h2>Duyarl\u0131 Tasar\u0131m ve Eri\u015filebilirlik: Mobil Cihazlarda Kusursuz Deneyim Nas\u0131l Sa\u011flan\u0131r?<\/h2>\n<p>G\u00fcn\u00fcm\u00fczde mobil cihazlar, internet eri\u015fiminin b\u00fcy\u00fck bir k\u0131sm\u0131n\u0131 olu\u015fturuyor. Bu nedenle, bir web sitesinin veya uygulaman\u0131n farkl\u0131 ekran boyutlar\u0131na ve \u00e7\u00f6z\u00fcn\u00fcrl\u00fcklerine uyum sa\u011flayabilen duyarl\u0131 bir tasar\u0131ma (responsive design) sahip olmas\u0131, sadece estetik bir tercih de\u011fil, ayn\u0131 zamanda kritik bir eri\u015filebilirlik gereklili\u011fidir. Duyarl\u0131 tasar\u0131m, i\u00e7eri\u011fin \u00e7e\u015fitli cihazlarda d\u00fczg\u00fcn bir \u015fekilde g\u00f6r\u00fcnt\u00fclenmesini ve kullan\u0131lmas\u0131n\u0131 sa\u011flayarak, her t\u00fcrden kullan\u0131c\u0131 i\u00e7in tutarl\u0131 ve eri\u015filebilir bir deneyim sunar.<\/p>\n<p>Duyarl\u0131 tasar\u0131m\u0131n eri\u015filebilirli\u011fe katk\u0131lar\u0131 olduk\u00e7a fazlad\u0131r:<\/p>\n<ul>\n<li><strong>Esnek Metin Boyutland\u0131rma:<\/strong> Mobil cihazlarda metinlerin okunabilirli\u011fini sa\u011flamak i\u00e7in esnek yaz\u0131 tipi boyutlar\u0131 kullanmak, g\u00f6rme engelli veya az g\u00f6ren kullan\u0131c\u0131lar i\u00e7in hayati \u00f6nem ta\u015f\u0131r. Kullan\u0131c\u0131lar, taray\u0131c\u0131 ayarlar\u0131ndan veya cihaz\u0131n kendi eri\u015filebilirlik se\u00e7eneklerinden metin boyutunu b\u00fcy\u00fctt\u00fc\u011f\u00fcnde, sayfan\u0131n yap\u0131s\u0131n\u0131n bozulmamas\u0131 gerekir. <code>rem<\/code> veya <code>em<\/code> gibi g\u00f6receli birimler kullanmak, bu esnekli\u011fi sa\u011flar.<\/li>\n<li><strong>Uygun Dokunma Hedefleri:<\/strong> K\u00fc\u00e7\u00fck ekranlarda, butonlar\u0131n ve ba\u011flant\u0131lar\u0131n yeterince b\u00fcy\u00fck olmas\u0131 ve aralar\u0131nda yeterli bo\u015fluk bulunmas\u0131, motor beceri k\u0131s\u0131tl\u0131l\u0131\u011f\u0131 olan kullan\u0131c\u0131lar i\u00e7in dokunma hedeflerini kolayla\u015ft\u0131r\u0131r. WCAG, dokunma hedefleri i\u00e7in minimum 44x44 piksel boyutunu \u00f6nermektedir.<\/li>\n<li><strong>Basitle\u015ftirilmi\u015f Navigasyon:<\/strong> Mobil ekranlarda daha az karma\u015f\u0131k men\u00fcler ve net bir bilgi mimarisi, bili\u015fsel engelli kullan\u0131c\u0131lar\u0131n veya dikkat da\u011f\u0131n\u0131kl\u0131\u011f\u0131 ya\u015fayanlar\u0131n i\u00e7eri\u011fi daha kolay anlamas\u0131na yard\u0131mc\u0131 olur.<\/li>\n<li><strong>Yatay Kayd\u0131rman\u0131n \u00d6nlenmesi:<\/strong> Mobil cihazlarda yatay kayd\u0131rma, i\u00e7eri\u011fin takibini zorla\u015ft\u0131r\u0131r ve kullan\u0131c\u0131 deneyimini olumsuz etkiler. Duyarl\u0131 tasar\u0131m, i\u00e7eri\u011fi ekran geni\u015fli\u011fine s\u0131\u011fd\u0131rarak bu sorunu ortadan kald\u0131r\u0131r.<\/li>\n<\/ul>\n<p>Mobil uyumlulu\u011fu ve eri\u015filebilirli\u011fi sa\u011flamak i\u00e7in medya sorgular\u0131 (media queries) CSS'in vazge\u00e7ilmez bir par\u00e7as\u0131d\u0131r. Medya sorgular\u0131, farkl\u0131 ekran boyutlar\u0131na, \u00e7\u00f6z\u00fcn\u00fcrl\u00fcklere veya cihaz oryantasyonlar\u0131na g\u00f6re stil kurallar\u0131 uygulamam\u0131z\u0131 sa\u011flar.<\/p>\n<pre><code>\n\/* Temel stil kurallar\u0131 *\/\nbody {\n    font-size: 16px;\n    line-height: 1.6;\n    margin: 0;\n    padding: 15px;\n}\n\nh2 {\n    font-size: 2em; \/* 32px varsay\u0131lan olarak *\/\n}\n\nbutton {\n    padding: 10px 20px;\n    font-size: 1em;\n    min-width: 120px; \/* Dokunma hedefi i\u00e7in minimum geni\u015flik *\/\n    min-height: 44px; \/* Dokunma hedefi i\u00e7in minimum y\u00fckseklik *\/\n}\n\n\/* K\u00fc\u00e7\u00fck ekranlar (mobil cihazlar) i\u00e7in stil kurallar\u0131 *\/\n@media screen and (max-width: 768px) {\n    body {\n        font-size: 18px; \/* Mobil cihazlarda daha b\u00fcy\u00fck font boyutu *\/\n        padding: 10px;\n    }\n\n    h2 {\n        font-size: 1.8em; \/* Mobil cihazlarda ba\u015fl\u0131klar\u0131 biraz k\u00fc\u00e7\u00fclt *\/\n    }\n\n    button {\n        font-size: 1.1em; \/* Buton fontunu biraz b\u00fcy\u00fct *\/\n        min-width: 100px;\n        min-height: 48px; \/* Daha b\u00fcy\u00fck dokunma hedefi *\/\n        margin-bottom: 10px;\n    }\n\n    nav ul {\n        flex-direction: column; \/* Navigasyon \u00f6\u011felerini dikey s\u0131rala *\/\n    }\n}\n\n\/* Daha b\u00fcy\u00fck ekranlar (tablet ve masa\u00fcst\u00fc) i\u00e7in stil kurallar\u0131 *\/\n@media screen and (min-width: 769px) and (max-width: 1024px) {\n    body {\n        padding: 20px;\n    }\n}\n\n\/* \u00c7ok geni\u015f ekranlar i\u00e7in stil kurallar\u0131 *\/\n@media screen and (min-width: 1025px) {\n    body {\n        max-width: 1200px;\n        margin: 0 auto;\n        padding: 30px;\n    }\n}\n<\/pre>\n<p><\/code><\/p>\n<aside class=\"expert-tip\">\n  <strong>Uzman \u0130pucu:<\/strong> <code>viewport<\/code> meta etiketini kullanarak mobil cihazlarda do\u011fru \u00f6l\u00e7eklendirme sa\u011flay\u0131n. <code><meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"><\/code> etiketi, sayfan\u0131n cihaz\u0131n geni\u015fli\u011fini almas\u0131n\u0131 ve ba\u015flang\u0131\u00e7ta %100 oran\u0131nda yak\u0131nla\u015ft\u0131r\u0131lmas\u0131n\u0131 sa\u011flar. Bu etiket olmadan, mobil taray\u0131c\u0131lar sayfay\u0131 masa\u00fcst\u00fc boyutta render edip k\u00fc\u00e7\u00fcltebilir ve okunabilirlik sorunlar\u0131 yaratabilir.<br \/>\n<\/aside>\n<p>Duyarl\u0131 tasar\u0131m\u0131n ve eri\u015filebilirli\u011fin birle\u015fimi, t\u00fcm kullan\u0131c\u0131lar\u0131n, cihazlar\u0131 ne olursa olsun, dijital \u00fcr\u00fcnlerinizle sorunsuz ve anlaml\u0131 bir \u015fekilde etkile\u015fim kurmas\u0131n\u0131 sa\u011flar. Bu sayede, \u00fcr\u00fcnleriniz sadece belirli bir kitle i\u00e7in de\u011fil, herkes i\u00e7in kapsay\u0131c\u0131 ve y\u00fcksek kaliteli bir deneyim sunar.<\/p>\n<h2>Geli\u015fmi\u015f Eri\u015filebilirlik Uygulamalar\u0131: ARIA ve WAI-ARIA ile Derinlemesine Uyum<\/h2>\n<p>Semantik HTML, eri\u015filebilirli\u011fin temel ta\u015f\u0131 olsa da, bazen modern web uygulamalar\u0131n\u0131n karma\u015f\u0131k etkile\u015fimlerini ve dinamik i\u00e7eriklerini tamamen ifade etmekte yetersiz kalabilir. \u0130\u015fte bu noktada WAI-ARIA (Web Accessibility Initiative - Accessible Rich Internet Applications) devreye girer. ARIA, HTML'e ekleyebilece\u011fimiz \u00f6zel \u00f6zellikler ve roller sayesinde, engelli kullan\u0131c\u0131lar i\u00e7in daha zengin ve a\u00e7\u0131klay\u0131c\u0131 deneyimler sunmam\u0131z\u0131 sa\u011flayan bir dizi \u00f6zniteliktir.<\/p>\n<p>ARIA'n\u0131n temel amac\u0131, ekran okuyucular ve di\u011fer yard\u0131mc\u0131 teknolojilere, dinamik i\u00e7erik g\u00fcncellemeleri, UI bile\u015fenlerinin durumu (a\u00e7\u0131k\/kapal\u0131, se\u00e7ili\/se\u00e7ili de\u011fil) ve karma\u015f\u0131k widget'lar\u0131n (sekmeler, akordeonlar, modal diyaloglar) yap\u0131s\u0131 hakk\u0131nda ek anlamsal bilgi sa\u011flamakt\u0131r. ARIA, HTML elementlerinin do\u011fal anlamsal anlam\u0131n\u0131 de\u011fi\u015ftirmez, aksine onu zenginle\u015ftirir. Bu nedenle, ilk kural \u015fudur: \"E\u011fer HTML'de semantik olarak uygun bir element varsa, onu kullan\u0131n; ARIA'ya ihtiya\u00e7 duymazs\u0131n\u0131z.\" \u00d6rne\u011fin, bir d\u00fc\u011fme i\u00e7in <code><button><\/code> kullanmak yerine <code><\/p>\n<div role=\"button\"><\/code> yazmak genellikle gereksizdir ve potansiyel olarak eri\u015filebilirlik sorunlar\u0131na yol a\u00e7abilir.<\/p>\n<p>ARIA \u00fc\u00e7 ana kategoriye ayr\u0131l\u0131r:<\/p>\n<ul>\n<li><strong>Roller (Roles):<\/strong> Bir elementin amac\u0131n\u0131 veya t\u00fcr\u00fcn\u00fc tan\u0131mlar (\u00f6rn. <code>role=\"navigation\"<\/code>, <code>role=\"alert\"<\/code>, <code>role=\"dialog\"<\/code>).<\/li>\n<li><strong>Durumlar (States):<\/strong> Bir elementin anl\u0131k durumunu g\u00f6sterir (\u00f6rn. <code>aria-checked=\"true\"<\/code>, <code>aria-expanded=\"false\"<\/code>, <code>aria-disabled=\"true\"<\/code>).<\/li>\n<li><strong>\u00d6zellikler (Properties):<\/strong> Bir elementin \u00f6zelliklerini veya ili\u015fkilerini tan\u0131mlar (\u00f6rn. <code>aria-labelledby<\/code>, <code>aria-describedby<\/code>, <code>aria-haspopup<\/code>).<\/li>\n<\/ul>\n<h3>Karma\u015f\u0131k Bile\u015fenlerde ARIA Kullan\u0131m\u0131<\/h3>\n<p>Modern web uygulamalar\u0131nda s\u0131k\u00e7a kar\u015f\u0131la\u015f\u0131lan baz\u0131 bile\u015fenlerin eri\u015filebilirli\u011fini ARIA ile nas\u0131l art\u0131rabiliriz, birka\u00e7 \u00f6rnekle inceleyelim:<\/p>\n<p><strong>1. Modal Diyaloglar (Pop-up'lar):<\/strong> Modal bir diyalog a\u00e7\u0131ld\u0131\u011f\u0131nda, odaklanma mutlaka diyalog kutusuna ta\u015f\u0131nmal\u0131, diyalog kapanana kadar d\u0131\u015f\u0131ndaki i\u00e7erikle etkile\u015fim engellenmeli ve kapat\u0131ld\u0131\u011f\u0131nda odaklanma eski yerine d\u00f6nmelidir. ARIA rolleri ve durumlar\u0131 bu s\u00fcreci y\u00f6netmeye yard\u0131mc\u0131 olur.<\/p>\n<pre><code>\n<!-- Modal\u0131 tetikleyen buton -->\n<button aria-haspopup=\"dialog\" onclick=\"openModal()\">Detaylar\u0131 G\u00f6r\u00fcnt\u00fcle<\/button>\n\n<!-- Modal Diyalog Yap\u0131s\u0131 -->\n<div id=\"modalDialog\" role=\"dialog\" aria-labelledby=\"modalTitle\" aria-modal=\"true\" style=\"display: none;\">\n    <h2 id=\"modalTitle\">\u00dcr\u00fcn Detaylar\u0131<\/h2>\n    <p>Bu \u00fcr\u00fcn hakk\u0131nda daha fazla bilgi burada yer almaktad\u0131r.<\/p>\n    <button onclick=\"closeModal()\">Kapat<\/button>\n<\/div>\n\n<script>\n    function openModal() {\n        const modal = document.getElementById('modalDialog');\n        modal.style.display = 'block';\n        modal.setAttribute('aria-hidden', 'false');\n        modal.focus(); \/\/ Oda\u011f\u0131 modala ta\u015f\u0131\n        \/\/ D\u0131\u015far\u0131daki i\u00e7eri\u011fi etkile\u015fimden d\u00fc\u015f\u00fcr\n        document.body.setAttribute('aria-hidden', 'true');\n    }\n\n    function closeModal() {\n        const modal = document.getElementById('modalDialog');\n        modal.style.display = 'none';\n        modal.setAttribute('aria-hidden', 'true');\n        document.body.setAttribute('aria-hidden', 'false');\n        \/\/ Oda\u011f\u0131 butona geri ta\u015f\u0131 (veya uygun olan yere)\n    }\n<\/script>\n<\/pre>\n<p><\/code><\/p>\n<p><strong>2. Akordeon Bile\u015fenleri:<\/strong> Bir akordeon, i\u00e7eri\u011fi geni\u015fletmek ve daraltmak i\u00e7in kullan\u0131lan bir ba\u015fl\u0131kt\u0131r. ARIA, bir ba\u015fl\u0131\u011f\u0131n geni\u015fletilmi\u015f mi yoksa daralt\u0131lm\u0131\u015f m\u0131 oldu\u011funu ve hangi i\u00e7eri\u011fi kontrol etti\u011fini belirtmek i\u00e7in kullan\u0131l\u0131r.<\/p>\n<pre><code>\n<div class=\"accordion\">\n    <h3>\n        <button id=\"section1Btn\" aria-expanded=\"false\" aria-controls=\"section1Panel\">\n            B\u00f6l\u00fcm 1 Ba\u015fl\u0131\u011f\u0131\n        <\/button>\n    <\/h3>\n    <div id=\"section1Panel\" role=\"region\" aria-labelledby=\"section1Btn\" style=\"display: none;\">\n        <p>B\u00f6l\u00fcm 1 i\u00e7eri\u011fi burada yer almaktad\u0131r.<\/p>\n    <\/div>\n<\/div>\n\n<script>\n    \/\/ JavaScript ile aria-expanded ve display \u00f6zelliklerini g\u00fcncelleyin\n    document.getElementById('section1Btn').addEventListener('click', function() {\n        const isExpanded = this.getAttribute('aria-expanded') === 'true';\n        this.setAttribute('aria-expanded', !isExpanded);\n        document.getElementById('section1Panel').style.display = isExpanded ? 'none' : 'block';\n    });\n<\/script>\n<\/pre>\n<p><\/code><\/p>\n<aside class=\"expert-tip\">\n  <strong>Uzman \u0130pucu:<\/strong> ARIA'y\u0131 yaln\u0131zca gerekli durumlarda ve do\u011fru \u015fekilde kullan\u0131n. \"No ARIA is better than Bad ARIA\" (K\u00f6t\u00fc ARIA'dan hi\u00e7 ARIA olmamas\u0131 daha iyidir) kural\u0131n\u0131 akl\u0131n\u0131zda tutun. Yanl\u0131\u015f ARIA kullan\u0131m\u0131, yard\u0131mc\u0131 teknolojileri kullanan kullan\u0131c\u0131lar i\u00e7in deneyimi daha da k\u00f6t\u00fcle\u015ftirebilir. Her zaman test edin!<br \/>\n<\/aside>\n<p>WAI-ARIA, web uygulamalar\u0131m\u0131z\u0131 daha dinamik ve etkile\u015fimli hale getirirken, ayn\u0131 zamanda t\u00fcm kullan\u0131c\u0131lar i\u00e7in eri\u015filebilir kalmas\u0131n\u0131 sa\u011flamak i\u00e7in g\u00fc\u00e7l\u00fc bir ara\u00e7t\u0131r. Ancak do\u011fru ve bilin\u00e7li kullan\u0131m\u0131, bu arac\u0131n faydalar\u0131n\u0131 en \u00fcst d\u00fczeye \u00e7\u0131karmak i\u00e7in elzemdir.<\/p>\n<h2>Eri\u015filebilirlik Testleri ve Denetimi: Kaliteyi Nas\u0131l G\u00fcvence Alt\u0131na Al\u0131r\u0131z?<\/h2>\n<p>Bir web sitesinin veya uygulaman\u0131n eri\u015filebilir oldu\u011fundan emin olman\u0131n tek yolu, d\u00fczenli ve kapsaml\u0131 testler yapmakt\u0131r. Eri\u015filebilirlik testleri, sadece yasal uyumlulu\u011fu sa\u011flamakla kalmaz, ayn\u0131 zamanda daha geni\u015f bir kitleye hitap eden, daha sa\u011flam ve kullan\u0131c\u0131 dostu bir \u00fcr\u00fcn ortaya koyman\u0131z\u0131 garantiler. Test s\u00fcrecinde hem otomatik ara\u00e7lardan hem de manuel kontrollerden faydalanmak, en iyi sonu\u00e7lar\u0131 elde etmek i\u00e7in kritik \u00f6neme sahiptir.<\/p>\n<h3>Otomatik Test Ara\u00e7lar\u0131<\/h3>\n<p>Otomatik test ara\u00e7lar\u0131, eri\u015filebilirlik sorunlar\u0131n\u0131n b\u00fcy\u00fck bir k\u0131sm\u0131n\u0131 (genellikle WCAG kurallar\u0131n\u0131n %30-40'\u0131n\u0131) h\u0131zl\u0131 bir \u015fekilde tespit edebilir. Bu ara\u00e7lar, eksik <code>alt<\/code> metinleri, yetersiz renk kontrastlar\u0131, eksik form etiketleri veya bozuk HTML yap\u0131lar\u0131 gibi yayg\u0131n sorunlar\u0131 belirlemede \u00e7ok etkilidir. Geli\u015ftirme s\u00fcrecinin erken a\u015famalar\u0131nda bu ara\u00e7lar\u0131 kullanmak, sorunlar\u0131n b\u00fcy\u00fcmeden \u00e7\u00f6z\u00fclmesini sa\u011flar.<\/p>\n<ul>\n<li><strong>Google Lighthouse:<\/strong> Chrome taray\u0131c\u0131s\u0131n\u0131n geli\u015ftirici ara\u00e7lar\u0131na entegre edilmi\u015f bir denetim arac\u0131d\u0131r. Performans, SEO, en iyi uygulamalar ve eri\u015filebilirlik metriklerini analiz eder. Bir sayfan\u0131n eri\u015filebilirlik puan\u0131n\u0131 ve iyile\u015ftirme \u00f6nerilerini sunar.<\/li>\n<li><strong>Axe Core (Deque Systems):<\/strong> Geli\u015ftiriciler taraf\u0131ndan yayg\u0131n olarak kullan\u0131lan bir eri\u015filebilirlik denetim motorudur. Taray\u0131c\u0131 eklentisi olarak (Axe DevTools), komut sat\u0131r\u0131 arac\u0131 olarak veya test \u00e7er\u00e7eveleriyle entegre edilebilir. En y\u00fcksek do\u011fruluk oran\u0131na sahip otomatik ara\u00e7lardan biridir.<\/li>\n<li><strong>Pa11y:<\/strong> Birden fazla URL'i eri\u015filebilirlik a\u00e7\u0131s\u0131ndan test edebilen, komut sat\u0131r\u0131 arac\u0131 ve Node.js k\u00fct\u00fcphanesi olarak kullan\u0131labilen bir otomasyon arac\u0131d\u0131r.<\/li>\n<\/ul>\n<p>Otomatik ara\u00e7lar\u0131n \u00e7\u0131kt\u0131lar\u0131n\u0131 d\u00fczenli olarak incelemek ve bulgulara g\u00f6re d\u00fczeltmeler yapmak, eri\u015filebilirlik olgunlu\u011funuzu art\u0131racakt\u0131r. Ancak unutmay\u0131n ki, otomatik testler her \u015feyi yakalayamaz.<\/p>\n<h3>Manuel Testler ve Kullan\u0131c\u0131 Deneyimi Odakl\u0131 Kontroller<\/h3>\n<p>Otomatik ara\u00e7lar\u0131n tespit edemedi\u011fi, daha karma\u015f\u0131k veya ba\u011flamsal eri\u015filebilirlik sorunlar\u0131n\u0131 bulmak i\u00e7in manuel testler ve insan de\u011ferlendirmesi \u015fartt\u0131r. Bu testler, bir web sitesinin ger\u00e7ek kullan\u0131c\u0131lar i\u00e7in ne kadar \"kullan\u0131labilir\" oldu\u011funu anlamam\u0131z\u0131 sa\u011flar.<\/p>\n<ul>\n<li><strong>Klavye ile Gezinme Testi:<\/strong> Sadece <code>Tab<\/code>, <code>Shift + Tab<\/code>, <code>Enter<\/code> ve <code>Space<\/code> tu\u015flar\u0131n\u0131 kullanarak web sitesinde gezinin.\n<ul>\n<li>T\u00fcm etkile\u015fimli elementlere ula\u015fabiliyor musunuz?<\/li>\n<li>Odak g\u00f6stergeleri belirgin mi?<\/li>\n<li>Odak s\u0131ras\u0131 mant\u0131kl\u0131 m\u0131?<\/li>\n<li>Modallar, a\u00e7\u0131l\u0131r men\u00fcler gibi karma\u015f\u0131k bile\u015fenler klavye ile y\u00f6netilebiliyor mu?<\/li>\n<\/ul>\n<\/li>\n<li><strong>Ekran Okuyucu Testi:<\/strong> JAWS (Windows), NVDA (Windows - \u00fccretsiz) veya VoiceOver (macOS\/iOS) gibi bir ekran okuyucu kullanarak web sitenizi deneyimleyin.\n<ul>\n<li>Ekran okuyucu i\u00e7eri\u011fi do\u011fru ve mant\u0131kl\u0131 bir \u015fekilde okuyor mu?<\/li>\n<li>Formlar do\u011fru \u015fekilde etiketlenmi\u015f ve kullan\u0131labilir mi?<\/li>\n<li>G\u00f6rsel elementlerin <code>alt<\/code> metinleri anlaml\u0131 m\u0131?<\/li>\n<li>ARIA kullan\u0131mlar\u0131 beklenen etkiyi yarat\u0131yor mu?<\/li>\n<\/ul>\n<\/li>\n<li><strong>Renkli K\u00f6rl\u00fck Sim\u00fclat\u00f6rleri ve Kontrast Denetleyicileri:<\/strong> Renk k\u00f6r\u00fc kullan\u0131c\u0131lar\u0131n deneyimini sim\u00fcle etmek i\u00e7in taray\u0131c\u0131 eklentilerini (\u00f6rn. Colorblindly) kullan\u0131n. Metin ve arka plan renkleri aras\u0131ndaki kontrast oran\u0131n\u0131 WCAG standartlar\u0131na (en az 4.5:1) g\u00f6re kontrol edin.<\/li>\n<li><strong>B\u00fcy\u00fcte\u00e7 Kullan\u0131m\u0131:<\/strong> Ekran b\u00fcy\u00fct\u00fcc\u00fc kullanan kullan\u0131c\u0131lar\u0131n deneyimini taklit etmek i\u00e7in taray\u0131c\u0131n\u0131n yak\u0131nla\u015ft\u0131rma \u00f6zelli\u011fini veya i\u015fletim sisteminin b\u00fcy\u00fcte\u00e7 arac\u0131n\u0131 kullan\u0131n. \u0130\u00e7erik b\u00fcy\u00fct\u00fcld\u00fc\u011f\u00fcnde sayfa yap\u0131s\u0131 bozuluyor mu, yatay kayd\u0131rma gerekiyor mu?<\/li>\n<li><strong>Kullan\u0131c\u0131 Testleri:<\/strong> En \u00f6nemlisi, engelli kullan\u0131c\u0131lar\u0131 hedef kitlenizden se\u00e7erek \u00fcr\u00fcn\u00fcn\u00fcz\u00fc test etmelerini sa\u011flay\u0131n. Ger\u00e7ek kullan\u0131c\u0131lar\u0131n geri bildirimleri, teorik kontrollerle tespit edilemeyecek sorunlar\u0131 ortaya \u00e7\u0131kar\u0131r ve empati kurman\u0131z\u0131 sa\u011flar.<\/li>\n<\/ul>\n<p>Eri\u015filebilirlik denetimi, tek seferlik bir g\u00f6rev de\u011fil, s\u00fcrekli bir s\u00fcre\u00e7tir. Yeni i\u00e7erikler eklendik\u00e7e veya mevcut \u00f6zellikler g\u00fcncellendik\u00e7e, eri\u015filebilirlik kontrolleri de d\u00fczenli olarak yap\u0131lmal\u0131d\u0131r. Bu sayede, \u00fcr\u00fcn\u00fcn\u00fcz her zaman en geni\u015f kitle i\u00e7in ula\u015f\u0131labilir ve \u00fcst\u00fcn bir kullan\u0131c\u0131 deneyimi sunmaya devam eder.<\/p>\n<h2>Sonu\u00e7: Kapsay\u0131c\u0131 Bir Dijital D\u00fcnya \u0130\u00e7in Eri\u015filebilirlik \u015eartt\u0131r<\/h2>\n<p>\"No A11y No UX\" felsefesi, modern dijital \u00fcr\u00fcn geli\u015ftirme ve tasar\u0131m s\u00fcre\u00e7lerinin merkezine yerle\u015fmesi gereken temel bir ilkedir. Eri\u015filebilirlik, sadece yasal uyumluluk veya etik bir zorunluluk olman\u0131n \u00e7ok \u00f6tesinde, ger\u00e7ekten \u00fcst\u00fcn ve kapsay\u0131c\u0131 bir kullan\u0131c\u0131 deneyimi yaratman\u0131n anahtar\u0131d\u0131r. Bir \u00fcr\u00fcn, e\u011fer t\u00fcm kullan\u0131c\u0131lar taraf\u0131ndan e\u015fit derecede alg\u0131lanam\u0131yor, \u00e7al\u0131\u015ft\u0131r\u0131lam\u0131yor, anla\u015f\u0131lam\u0131yor ve sa\u011flam bir \u015fekilde desteklenemiyorsa, sundu\u011fu deneyim eksik ve s\u0131n\u0131rl\u0131 kalacakt\u0131r. Dijital \u00fcr\u00fcnlerimizin ba\u015far\u0131s\u0131, onlar\u0131n ne kadar \u00e7ok ki\u015fiye ula\u015fabildi\u011fi ve bu ki\u015filere ne kadar sorunsuz bir deneyim sunabildi\u011fi ile do\u011fru orant\u0131l\u0131d\u0131r.<\/p>\n<p>Bu makalede ele ald\u0131\u011f\u0131m\u0131z gibi, eri\u015filebilirli\u011fin temelleri semantik HTML kullan\u0131m\u0131, klavye ile gezinme ve duyarl\u0131 tasar\u0131m prensiplerine dayan\u0131r. Daha karma\u015f\u0131k senaryolar i\u00e7in WAI-ARIA gibi geli\u015fmi\u015f teknikler, yard\u0131mc\u0131 teknolojilerin i\u00e7eri\u011fi ve etkile\u015fimleri do\u011fru anlamas\u0131na yard\u0131mc\u0131 olur. Ancak t\u00fcm bu teknik uygulamalar\u0131n \u00f6tesinde, eri\u015filebilirlik, tasar\u0131m ve geli\u015ftirme ekiplerinin benimsemesi gereken bir zihniyet de\u011fi\u015fikli\u011fidir. Empati kurmak, farkl\u0131 yeteneklere sahip kullan\u0131c\u0131lar\u0131n ihtiya\u00e7lar\u0131n\u0131 anlamak ve bu ihtiya\u00e7lar\u0131 tasar\u0131m kararlar\u0131n\u0131n merkezine yerle\u015ftirmek, ger\u00e7ekten kapsay\u0131c\u0131 \u00fcr\u00fcnler yaratman\u0131n ilk ad\u0131m\u0131d\u0131r. Unutmay\u0131n ki, ge\u00e7ici bir engellilik durumu (\u00f6rne\u011fin kol k\u0131r\u0131lmas\u0131) veya ya\u015fa ba\u011fl\u0131 k\u0131s\u0131tlamalar herkesin ba\u015f\u0131na gelebilir. Dolay\u0131s\u0131yla, eri\u015filebilirlik, bug\u00fcn veya yar\u0131n her birimizin ihtiyac\u0131 olabilecek evrensel bir tasar\u0131m ilkesidir.<\/p>\n<p>Kapsay\u0131c\u0131 bir dijital d\u00fcnya in\u015fa etmek, sadece belirli bir az\u0131nl\u0131\u011fa y\u00f6nelik bir jest de\u011fil, ayn\u0131 zamanda toplumun t\u00fcm kesimlerinin dijital ekonomiye ve bilgiye e\u015fit \u015fekilde eri\u015fimini sa\u011flayan temel bir ad\u0131md\u0131r. Eri\u015filebilirlik, i\u015f f\u0131rsatlar\u0131n\u0131 art\u0131r\u0131r, marka itibar\u0131n\u0131 g\u00fc\u00e7lendirir ve yasal riskleri azalt\u0131r. Dolay\u0131s\u0131yla, \"No A11y No UX\" sadece bir slogan de\u011fil, dijital \u00fcr\u00fcnlerin gelece\u011fini \u015fekillendiren g\u00fc\u00e7l\u00fc bir vizyondur. Gelin, bu vizyonu ger\u00e7e\u011fe d\u00f6n\u00fc\u015ft\u00fcrmek i\u00e7in hep birlikte \u00e7al\u0131\u015fal\u0131m ve herkes i\u00e7in daha eri\u015filebilir, daha kullan\u0131labilir ve daha keyifli bir dijital gelecek in\u015fa edelim.<\/p>\n<h3>S\u0131k\u00e7a Sorulan Sorular (SSS)<\/h3>\n<dl>\n<dt><strong>S: Eri\u015filebilirlik sadece engelli insanlar i\u00e7in mi \u00f6nemlidir?<\/strong><\/dt>\n<dd><strong>C:<\/strong> Hay\u0131r, kesinlikle de\u011fil. Eri\u015filebilirlik, engelli bireyler i\u00e7in hayati \u00f6neme sahip olsa da, herkes i\u00e7in daha iyi bir kullan\u0131c\u0131 deneyimi sa\u011flar. Ya\u015fl\u0131lar, ge\u00e7ici engellilik ya\u015fayanlar (\u00f6rne\u011fin kolu k\u0131r\u0131k olanlar), yava\u015f internet ba\u011flant\u0131s\u0131 olanlar veya g\u00fcr\u00fclt\u00fcl\u00fc ortamlarda mobil cihaz kullananlar gibi geni\u015f bir kullan\u0131c\u0131 kitlesi eri\u015filebilirlik \u00f6zelliklerinden faydalan\u0131r. \u00d6rne\u011fin, video altyaz\u0131lar\u0131 sadece i\u015fitme engelliler i\u00e7in de\u011fil, ayn\u0131 zamanda sessiz ortamlarda video izlemek isteyenler i\u00e7in de kullan\u0131\u015fl\u0131d\u0131r.<\/dd>\n<dt><strong>S: Web sitemin eri\u015filebilir olup olmad\u0131\u011f\u0131n\u0131 nas\u0131l kontrol edebilirim?<\/strong><\/dt>\n<dd><strong>C:<\/strong> Web sitenizin eri\u015filebilirli\u011fini kontrol etmek i\u00e7in hem otomatik test ara\u00e7lar\u0131n\u0131 (Google Lighthouse, Axe DevTools) hem de manuel test y\u00f6ntemlerini kullanabilirsiniz. Manuel testler aras\u0131nda klavye ile gezinme, ekran okuyucularla (NVDA, VoiceOver) test etme, renk kontrastlar\u0131n\u0131 kontrol etme ve farkl\u0131 ekran boyutlar\u0131nda testi yer al\u0131r. En do\u011fru sonu\u00e7lar i\u00e7in engelli kullan\u0131c\u0131larla ger\u00e7ek kullan\u0131c\u0131 testleri yapman\u0131z \u00f6nerilir.<\/dd>\n<dt><strong>S: Eri\u015filebilir bir site olu\u015fturmak ne kadar s\u00fcrer ve maliyeti ne olur?<\/strong><\/dt>\n<dd><strong>C:<\/strong> Eri\u015filebilirli\u011fi proje ya\u015fam d\u00f6ng\u00fcs\u00fcn\u00fcn en ba\u015f\u0131ndan itibaren entegre etmek, sonradan d\u00fczeltme yapmaktan \u00e7ok daha h\u0131zl\u0131 ve ekonomiktir. Ba\u015flang\u0131\u00e7ta ekstra bir \u00e7aba gerektirse de, uzun vadede yasal sorunlar\u0131, marka itibar kayb\u0131n\u0131 ve potansiyel m\u00fc\u015fteri kayb\u0131n\u0131 \u00f6nleyerek maliyet tasarrufu sa\u011flar. Eri\u015filebilirlik, bir \"ekstra \u00f6zellik\" de\u011fil, projenin temel bir gereksinimi olarak g\u00f6r\u00fclmelidir.<\/dd>\n<dt><strong>S: WCAG nedir ve neden \u00f6nemlidir?<\/strong><\/dt>\n<dd><strong>C:<\/strong> WCAG (Web Content Accessibility Guidelines - Web \u0130\u00e7eri\u011fi Eri\u015filebilirlik Y\u00f6nergeleri), W3C (World Wide Web Consortium) taraf\u0131ndan yay\u0131nlanan uluslararas\u0131 bir eri\u015filebilirlik standard\u0131d\u0131r. Dijital i\u00e7eriklerin engelli ki\u015filer taraf\u0131ndan alg\u0131lanabilir, \u00e7al\u0131\u015ft\u0131r\u0131labilir, anla\u015f\u0131labilir ve sa\u011flam olmas\u0131n\u0131 sa\u011flayan bir dizi y\u00f6nerge ve kriter sunar. WCAG'ye uyum, yasal uyumlulu\u011fun yan\u0131 s\u0131ra, \u00fcr\u00fcn\u00fcn\u00fcz\u00fcn geni\u015f bir kitleye ula\u015fmas\u0131n\u0131 ve daha iyi bir kullan\u0131c\u0131 deneyimi sunmas\u0131n\u0131 garantiler.<\/dd>\n<\/dl>\n<p><\/body><\/p>\n","protected":false},"excerpt":{"rendered":"Dijital \u00fcr\u00fcnler tasarlarken ve geli\u015ftirirken s\u0131kl\u0131kla g\u00f6z ard\u0131 edilen ancak kritik \u00f6neme sahip bir konu var: Eri\u015filebilirlik. Peki,&hellip;","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-31300","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>No A11y No UX: Eri\u015filebilirlik Olmadan Kullan\u0131c\u0131 Deneyimi M\u00fcmk\u00fcn m\u00fc?<\/title>\n<meta name=\"description\" content=\"Dijital \u00fcr\u00fcnler tasarlarken ve geli\u015ftirirken s\u0131kl\u0131kla g\u00f6z ard\u0131 edilen ancak kritik \u00f6neme sahip bir konu var: Eri\u015filebilirlik. Peki, bir web sitesi veya mobil uygulama herkes taraf\u0131ndan kullan\u0131lam\u0131yorsa, ger\u00e7ekten &quot;iyi bir kullan\u0131c\u0131 deneyimi&quot; sunabilir mi? Bu makale, eri\u015filebilirli\u011fin sadece etik bir zorunluluk de\u011fil, ayn\u0131 zamanda \u00fcst\u00fcn bir kullan\u0131c\u0131 deneyimi (UX) yaratman\u0131n temel dire\u011fi oldu\u011funu teknik detaylarla a\u00e7\u0131klayacak. E\u011fer dijital \u00fcr\u00fcnlerinizin ger\u00e7ekten kapsay\u0131c\u0131 ve etkili olmas\u0131n\u0131 istiyorsan\u0131z, eri\u015filebilirli\u011fin UX&#039;in ayr\u0131lmaz bir par\u00e7as\u0131 oldu\u011funu kabul etmelisiniz.\" \/>\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\/no-a11y-no-ux-erisilebilirlik-olmadan-kullanici-deneyimi-mumkun-mu\/\" \/>\n<meta property=\"og:locale\" content=\"tr_TR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"No A11y No UX: Eri\u015filebilirlik Olmadan Kullan\u0131c\u0131 Deneyimi M\u00fcmk\u00fcn m\u00fc?\" \/>\n<meta property=\"og:description\" content=\"Dijital \u00fcr\u00fcnler tasarlarken ve geli\u015ftirirken s\u0131kl\u0131kla g\u00f6z ard\u0131 edilen ancak kritik \u00f6neme sahip bir konu var: Eri\u015filebilirlik. Peki, bir web sitesi veya mobil uygulama herkes taraf\u0131ndan kullan\u0131lam\u0131yorsa, ger\u00e7ekten &quot;iyi bir kullan\u0131c\u0131 deneyimi&quot; sunabilir mi? Bu makale, eri\u015filebilirli\u011fin sadece etik bir zorunluluk de\u011fil, ayn\u0131 zamanda \u00fcst\u00fcn bir kullan\u0131c\u0131 deneyimi (UX) yaratman\u0131n temel dire\u011fi oldu\u011funu teknik detaylarla a\u00e7\u0131klayacak. E\u011fer dijital \u00fcr\u00fcnlerinizin ger\u00e7ekten kapsay\u0131c\u0131 ve etkili olmas\u0131n\u0131 istiyorsan\u0131z, eri\u015filebilirli\u011fin UX&#039;in ayr\u0131lmaz bir par\u00e7as\u0131 oldu\u011funu kabul etmelisiniz.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/fatihsoysal.com\/blog\/no-a11y-no-ux-erisilebilirlik-olmadan-kullanici-deneyimi-mumkun-mu\/\" \/>\n<meta property=\"og:site_name\" content=\"Kodlar\u0131n Gizemli D\u00fcnyas\u0131\" \/>\n<meta property=\"article:published_time\" content=\"2025-10-08T08:01:21+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=\"22 dakika\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/no-a11y-no-ux-erisilebilirlik-olmadan-kullanici-deneyimi-mumkun-mu\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/no-a11y-no-ux-erisilebilirlik-olmadan-kullanici-deneyimi-mumkun-mu\/\"},\"author\":{\"name\":\"Fatih Soysal\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1\"},\"headline\":\"No A11y No UX: Eri\u015filebilirlik Olmadan Kullan\u0131c\u0131 Deneyimi M\u00fcmk\u00fcn m\u00fc?\",\"datePublished\":\"2025-10-08T08:01:21+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/no-a11y-no-ux-erisilebilirlik-olmadan-kullanici-deneyimi-mumkun-mu\/\"},\"wordCount\":4191,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1\"},\"inLanguage\":\"tr\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/fatihsoysal.com\/blog\/no-a11y-no-ux-erisilebilirlik-olmadan-kullanici-deneyimi-mumkun-mu\/#respond\"]}],\"copyrightYear\":\"2025\",\"copyrightHolder\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#organization\"}},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/no-a11y-no-ux-erisilebilirlik-olmadan-kullanici-deneyimi-mumkun-mu\/\",\"url\":\"https:\/\/fatihsoysal.com\/blog\/no-a11y-no-ux-erisilebilirlik-olmadan-kullanici-deneyimi-mumkun-mu\/\",\"name\":\"No A11y No UX: Eri\u015filebilirlik Olmadan Kullan\u0131c\u0131 Deneyimi M\u00fcmk\u00fcn m\u00fc?\",\"isPartOf\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#website\"},\"datePublished\":\"2025-10-08T08:01:21+00:00\",\"description\":\"Dijital \u00fcr\u00fcnler tasarlarken ve geli\u015ftirirken s\u0131kl\u0131kla g\u00f6z ard\u0131 edilen ancak kritik \u00f6neme sahip bir konu var: Eri\u015filebilirlik. Peki, bir web sitesi veya mobil uygulama herkes taraf\u0131ndan kullan\u0131lam\u0131yorsa, ger\u00e7ekten \\\"iyi bir kullan\u0131c\u0131 deneyimi\\\" sunabilir mi? Bu makale, eri\u015filebilirli\u011fin sadece etik bir zorunluluk de\u011fil, ayn\u0131 zamanda \u00fcst\u00fcn bir kullan\u0131c\u0131 deneyimi (UX) yaratman\u0131n temel dire\u011fi oldu\u011funu teknik detaylarla a\u00e7\u0131klayacak. E\u011fer dijital \u00fcr\u00fcnlerinizin ger\u00e7ekten kapsay\u0131c\u0131 ve etkili olmas\u0131n\u0131 istiyorsan\u0131z, eri\u015filebilirli\u011fin UX'in ayr\u0131lmaz bir par\u00e7as\u0131 oldu\u011funu kabul etmelisiniz.\",\"breadcrumb\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/no-a11y-no-ux-erisilebilirlik-olmadan-kullanici-deneyimi-mumkun-mu\/#breadcrumb\"},\"inLanguage\":\"tr\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/fatihsoysal.com\/blog\/no-a11y-no-ux-erisilebilirlik-olmadan-kullanici-deneyimi-mumkun-mu\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/no-a11y-no-ux-erisilebilirlik-olmadan-kullanici-deneyimi-mumkun-mu\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Anasayfa\",\"item\":\"https:\/\/fatihsoysal.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"No A11y No UX: Eri\u015filebilirlik Olmadan Kullan\u0131c\u0131 Deneyimi M\u00fcmk\u00fcn m\u00fc?\"}]},{\"@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":"No A11y No UX: Eri\u015filebilirlik Olmadan Kullan\u0131c\u0131 Deneyimi M\u00fcmk\u00fcn m\u00fc?","description":"Dijital \u00fcr\u00fcnler tasarlarken ve geli\u015ftirirken s\u0131kl\u0131kla g\u00f6z ard\u0131 edilen ancak kritik \u00f6neme sahip bir konu var: Eri\u015filebilirlik. Peki, bir web sitesi veya mobil uygulama herkes taraf\u0131ndan kullan\u0131lam\u0131yorsa, ger\u00e7ekten \"iyi bir kullan\u0131c\u0131 deneyimi\" sunabilir mi? Bu makale, eri\u015filebilirli\u011fin sadece etik bir zorunluluk de\u011fil, ayn\u0131 zamanda \u00fcst\u00fcn bir kullan\u0131c\u0131 deneyimi (UX) yaratman\u0131n temel dire\u011fi oldu\u011funu teknik detaylarla a\u00e7\u0131klayacak. E\u011fer dijital \u00fcr\u00fcnlerinizin ger\u00e7ekten kapsay\u0131c\u0131 ve etkili olmas\u0131n\u0131 istiyorsan\u0131z, eri\u015filebilirli\u011fin UX'in ayr\u0131lmaz bir par\u00e7as\u0131 oldu\u011funu kabul etmelisiniz.","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\/no-a11y-no-ux-erisilebilirlik-olmadan-kullanici-deneyimi-mumkun-mu\/","og_locale":"tr_TR","og_type":"article","og_title":"No A11y No UX: Eri\u015filebilirlik Olmadan Kullan\u0131c\u0131 Deneyimi M\u00fcmk\u00fcn m\u00fc?","og_description":"Dijital \u00fcr\u00fcnler tasarlarken ve geli\u015ftirirken s\u0131kl\u0131kla g\u00f6z ard\u0131 edilen ancak kritik \u00f6neme sahip bir konu var: Eri\u015filebilirlik. Peki, bir web sitesi veya mobil uygulama herkes taraf\u0131ndan kullan\u0131lam\u0131yorsa, ger\u00e7ekten \"iyi bir kullan\u0131c\u0131 deneyimi\" sunabilir mi? Bu makale, eri\u015filebilirli\u011fin sadece etik bir zorunluluk de\u011fil, ayn\u0131 zamanda \u00fcst\u00fcn bir kullan\u0131c\u0131 deneyimi (UX) yaratman\u0131n temel dire\u011fi oldu\u011funu teknik detaylarla a\u00e7\u0131klayacak. E\u011fer dijital \u00fcr\u00fcnlerinizin ger\u00e7ekten kapsay\u0131c\u0131 ve etkili olmas\u0131n\u0131 istiyorsan\u0131z, eri\u015filebilirli\u011fin UX'in ayr\u0131lmaz bir par\u00e7as\u0131 oldu\u011funu kabul etmelisiniz.","og_url":"https:\/\/fatihsoysal.com\/blog\/no-a11y-no-ux-erisilebilirlik-olmadan-kullanici-deneyimi-mumkun-mu\/","og_site_name":"Kodlar\u0131n Gizemli D\u00fcnyas\u0131","article_published_time":"2025-10-08T08:01:21+00:00","author":"Fatih Soysal","twitter_card":"summary_large_image","twitter_misc":{"Yazan:":"Fatih Soysal","Tahmini okuma s\u00fcresi":"22 dakika"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/fatihsoysal.com\/blog\/no-a11y-no-ux-erisilebilirlik-olmadan-kullanici-deneyimi-mumkun-mu\/#article","isPartOf":{"@id":"https:\/\/fatihsoysal.com\/blog\/no-a11y-no-ux-erisilebilirlik-olmadan-kullanici-deneyimi-mumkun-mu\/"},"author":{"name":"Fatih Soysal","@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1"},"headline":"No A11y No UX: Eri\u015filebilirlik Olmadan Kullan\u0131c\u0131 Deneyimi M\u00fcmk\u00fcn m\u00fc?","datePublished":"2025-10-08T08:01:21+00:00","mainEntityOfPage":{"@id":"https:\/\/fatihsoysal.com\/blog\/no-a11y-no-ux-erisilebilirlik-olmadan-kullanici-deneyimi-mumkun-mu\/"},"wordCount":4191,"commentCount":0,"publisher":{"@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1"},"inLanguage":"tr","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/fatihsoysal.com\/blog\/no-a11y-no-ux-erisilebilirlik-olmadan-kullanici-deneyimi-mumkun-mu\/#respond"]}],"copyrightYear":"2025","copyrightHolder":{"@id":"https:\/\/fatihsoysal.com\/blog\/#organization"}},{"@type":"WebPage","@id":"https:\/\/fatihsoysal.com\/blog\/no-a11y-no-ux-erisilebilirlik-olmadan-kullanici-deneyimi-mumkun-mu\/","url":"https:\/\/fatihsoysal.com\/blog\/no-a11y-no-ux-erisilebilirlik-olmadan-kullanici-deneyimi-mumkun-mu\/","name":"No A11y No UX: Eri\u015filebilirlik Olmadan Kullan\u0131c\u0131 Deneyimi M\u00fcmk\u00fcn m\u00fc?","isPartOf":{"@id":"https:\/\/fatihsoysal.com\/blog\/#website"},"datePublished":"2025-10-08T08:01:21+00:00","description":"Dijital \u00fcr\u00fcnler tasarlarken ve geli\u015ftirirken s\u0131kl\u0131kla g\u00f6z ard\u0131 edilen ancak kritik \u00f6neme sahip bir konu var: Eri\u015filebilirlik. Peki, bir web sitesi veya mobil uygulama herkes taraf\u0131ndan kullan\u0131lam\u0131yorsa, ger\u00e7ekten \"iyi bir kullan\u0131c\u0131 deneyimi\" sunabilir mi? Bu makale, eri\u015filebilirli\u011fin sadece etik bir zorunluluk de\u011fil, ayn\u0131 zamanda \u00fcst\u00fcn bir kullan\u0131c\u0131 deneyimi (UX) yaratman\u0131n temel dire\u011fi oldu\u011funu teknik detaylarla a\u00e7\u0131klayacak. E\u011fer dijital \u00fcr\u00fcnlerinizin ger\u00e7ekten kapsay\u0131c\u0131 ve etkili olmas\u0131n\u0131 istiyorsan\u0131z, eri\u015filebilirli\u011fin UX'in ayr\u0131lmaz bir par\u00e7as\u0131 oldu\u011funu kabul etmelisiniz.","breadcrumb":{"@id":"https:\/\/fatihsoysal.com\/blog\/no-a11y-no-ux-erisilebilirlik-olmadan-kullanici-deneyimi-mumkun-mu\/#breadcrumb"},"inLanguage":"tr","potentialAction":[{"@type":"ReadAction","target":["https:\/\/fatihsoysal.com\/blog\/no-a11y-no-ux-erisilebilirlik-olmadan-kullanici-deneyimi-mumkun-mu\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/fatihsoysal.com\/blog\/no-a11y-no-ux-erisilebilirlik-olmadan-kullanici-deneyimi-mumkun-mu\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Anasayfa","item":"https:\/\/fatihsoysal.com\/blog\/"},{"@type":"ListItem","position":2,"name":"No A11y No UX: Eri\u015filebilirlik Olmadan Kullan\u0131c\u0131 Deneyimi M\u00fcmk\u00fcn m\u00fc?"}]},{"@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\/31300","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=31300"}],"version-history":[{"count":0,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/posts\/31300\/revisions"}],"wp:attachment":[{"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/media?parent=31300"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/categories?post=31300"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/tags?post=31300"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}