Bel\u00e7ika Maa\u015f Hesaplay\u0131c\u0131 sitem, kullan\u0131c\u0131lar\u0131n br\u00fct maa\u015flar\u0131ndan net maa\u015flar\u0131n\u0131 kolayca hesaplamalar\u0131na olanak tan\u0131yan bir ara\u00e7t\u0131r. Bu t\u00fcr bir finansal uygulama, say\u0131sal verilerin ve sonu\u00e7lar\u0131n net bir \u015fekilde sunulmas\u0131n\u0131 gerektirir. Ancak, kullan\u0131c\u0131 taban\u0131m\u0131n \u00e7e\u015fitlili\u011fini fark etti\u011fimde, renk k\u00f6r\u00fc bireyler i\u00e7in kullan\u0131c\u0131 deneyimini iyile\u015ftirme ihtiyac\u0131 hissettim. Bu makale, renk k\u00f6rl\u00fc\u011f\u00fc modunu entegre ederken kar\u015f\u0131la\u015ft\u0131\u011f\u0131m zorluklar\u0131, \u00f6\u011frendi\u011fim dersleri ve uygulad\u0131\u011f\u0131m \u00e7\u00f6z\u00fcmleri detayland\u0131r\u0131yor.<\/p>\n
Eri\u015filebilir bir tasar\u0131m olu\u015fturman\u0131n ilk ad\u0131m\u0131, hedef kitlenin ihtiya\u00e7lar\u0131n\u0131 derinlemesine anlamakt\u0131r. Renk k\u00f6rl\u00fc\u011f\u00fc, san\u0131ld\u0131\u011f\u0131 gibi d\u00fcnyay\u0131 siyah-beyaz g\u00f6rmek anlam\u0131na gelmez; \u00e7o\u011fu durumda renkleri ay\u0131rt etmede zorluk ya\u015famak demektir. Bu durum, d\u00fcnya n\u00fcfusunun \u00f6nemli bir k\u0131sm\u0131n\u0131 etkiler ve web sitelerinin tasar\u0131m\u0131nda g\u00f6z ard\u0131 edilmemesi gereken kritik bir fakt\u00f6rd\u00fcr.<\/p>\n
Renk k\u00f6rl\u00fc\u011f\u00fc, t\u0131bbi ad\u0131yla daltonizm, g\u00f6zdeki koni h\u00fccrelerinin belirli dalga boylar\u0131ndaki \u0131\u015f\u0131\u011f\u0131 do\u011fru alg\u0131layamamas\u0131 sonucu ortaya \u00e7\u0131kan bir g\u00f6rme bozuklu\u011fudur. En yayg\u0131n yan\u0131lg\u0131, renk k\u00f6r\u00fc insanlar\u0131n d\u00fcnyay\u0131 tamamen gri tonlar\u0131nda g\u00f6rd\u00fc\u011f\u00fcd\u00fcr. Oysa bu, \u00e7ok nadir g\u00f6r\u00fclen monokromasi durumu hari\u00e7, do\u011fru de\u011fildir. \u00c7o\u011fu renk k\u00f6r\u00fc birey, belirli renkleri (genellikle k\u0131rm\u0131z\u0131 ve ye\u015fil) ay\u0131rt etmekte zorlan\u0131r veya bu renkleri farkl\u0131 alg\u0131lar. Bu durum, finansal verilerin pozitif\/negatif veya farkl\u0131 kategorilerini renklerle ay\u0131rt etmeye \u00e7al\u0131\u015fan bir web sitesi i\u00e7in ciddi bir eri\u015filebilirlik engeli olu\u015fturabilir.<\/p>\n
Renk k\u00f6rl\u00fc\u011f\u00fcn\u00fcn ba\u015fl\u0131ca \u00fc\u00e7 tipi vard\u0131r ve her birinin renk alg\u0131s\u0131 \u00fczerinde farkl\u0131 etkileri bulunur:<\/p>\n
Bu farkl\u0131l\u0131klar\u0131 anlamak, \u00e7ok y\u00f6nl\u00fc bir renk k\u00f6rl\u00fc\u011f\u00fc modu geli\u015ftirmek i\u00e7in hayati \u00f6nem ta\u015f\u0131r. \u00d6zellikle Protanopi ve Deuteranopi, web tasar\u0131m\u0131nda en \u00e7ok dikkat edilmesi gereken tiplerdir.<\/p>\n
Renk k\u00f6r\u00fc kullan\u0131c\u0131lar\u0131n deneyimini anlamak i\u00e7in \u00e7e\u015fitli sim\u00fclasyon ara\u00e7lar\u0131ndan faydaland\u0131m. Taray\u0131c\u0131 eklentileri (\u00f6rne\u011fin, Chrome’daki “Colorblindly” veya “SEE” eklentileri) ve \u00e7evrimi\u00e7i ara\u00e7lar (\u00f6rne\u011fin, Coblis – Color Blindness Simulator) sitemin mevcut renk paletinin farkl\u0131 renk k\u00f6rl\u00fc\u011f\u00fc tiplerine g\u00f6re nas\u0131l g\u00f6r\u00fcnd\u00fc\u011f\u00fcn\u00fc anlamama yard\u0131mc\u0131 oldu. Bu ara\u00e7lar, hangi renk kombinasyonlar\u0131n\u0131n sorunlu oldu\u011funu h\u0131zl\u0131ca tespit etmemi sa\u011flayarak tasar\u0131m s\u00fcrecimi b\u00fcy\u00fck \u00f6l\u00e7\u00fcde h\u0131zland\u0131rd\u0131.<\/p>\n
Renk k\u00f6rl\u00fc\u011f\u00fc modunu uygulamadan \u00f6nce, Bel\u00e7ika Maa\u015f Hesaplay\u0131c\u0131 sitemin mevcut tasar\u0131m\u0131n\u0131 detayl\u0131 bir \u015fekilde inceledim. Amac\u0131m, hangi g\u00f6rsel \u00f6\u011felerin renk k\u00f6r\u00fc kullan\u0131c\u0131lar i\u00e7in sorun yaratabilece\u011fini belirlemekti. \u00d6zellikle finansal verilerin sunuldu\u011fu bir sitede, renklerin bilgi aktar\u0131m\u0131ndaki rol\u00fc kritikti.<\/p>\n
Sitemin orijinal renk paleti, estetik a\u00e7\u0131dan ho\u015f g\u00f6r\u00fcnse de, eri\u015filebilirlik a\u00e7\u0131s\u0131ndan baz\u0131 eksikliklere sahipti. \u00d6zellikle ba\u015far\u0131 (ye\u015fil) ve hata\/uyar\u0131 (k\u0131rm\u0131z\u0131) durumlar\u0131n\u0131 belirtmek i\u00e7in kullan\u0131lan renkler, k\u0131rm\u0131z\u0131-ye\u015fil renk k\u00f6rl\u00fc\u011f\u00fc olan bireyler i\u00e7in ay\u0131rt edilemez hale geliyordu. \u00d6rne\u011fin, pozitif bir gelir de\u011fi\u015fikli\u011fini g\u00f6steren ye\u015fil bir metin ile negatif bir de\u011fi\u015fikli\u011fi g\u00f6steren k\u0131rm\u0131z\u0131 bir metin, bu kullan\u0131c\u0131lar i\u00e7in ayn\u0131 tonda g\u00f6r\u00fcnebiliyordu. Bu durum, finansal kararlar al\u0131rken yanl\u0131\u015f anlamalara yol a\u00e7abilirdi.<\/p>\n
Maa\u015f hesaplama sonu\u00e7lar\u0131 genellikle \u00f6zet tablolar ve bazen basit grafiklerle sunulur. Bu g\u00f6rselle\u015ftirmelerde, farkl\u0131 gelir kalemlerini veya kesintileri ay\u0131rt etmek i\u00e7in renkler kullan\u0131l\u0131yordu. \u00d6rne\u011fin, “br\u00fct maa\u015f”, “sosyal g\u00fcvenlik kesintileri” ve “vergi” gibi kalemler farkl\u0131 renklerle i\u015faretlenmi\u015fti. Renk k\u00f6r\u00fc sim\u00fclasyonlar\u0131, bu renklerin bir\u00e7o\u011funun belirli renk k\u00f6rl\u00fc\u011f\u00fc tipleri i\u00e7in birbirine kar\u0131\u015ft\u0131\u011f\u0131n\u0131 g\u00f6sterdi. Tablolarda ise, belirli sat\u0131rlar\u0131 veya h\u00fccreleri vurgulamak i\u00e7in kullan\u0131lan arka plan renkleri yeterli kontrast sa\u011flam\u0131yordu.<\/p>\n
Sitemdeki butonlar, ba\u011flant\u0131lar ve di\u011fer etkile\u015fimli \u00f6\u011feler genellikle renklerle durumu belirtiyordu (\u00f6rne\u011fin, birincil eylem butonu mavi, ikincil eylem butonu gri). Ayr\u0131ca, form validasyonu s\u0131ras\u0131nda hata mesajlar\u0131 k\u0131rm\u0131z\u0131 renkte g\u00f6steriliyordu. Bu t\u00fcr durum g\u00f6stergeleri, yaln\u0131zca renge dayal\u0131 oldu\u011funda, renk k\u00f6r\u00fc kullan\u0131c\u0131lar i\u00e7in anlams\u0131z hale gelebiliyordu. Eri\u015filebilir bir tasar\u0131mda, renk tek ba\u015f\u0131na bir bilgi kayna\u011f\u0131 olmamal\u0131; metin etiketleri, ikonlar veya desenler gibi alternatif g\u00f6rsel ipu\u00e7lar\u0131 ile desteklenmelidir.<\/p>\n
Sorunlu alanlar\u0131 belirledikten sonra, eri\u015filebilir bir renk paleti olu\u015fturma ve bunu siteye entegre etme s\u00fcrecine ge\u00e7tim. Bu a\u015fama, hem teknik bilgi hem de dikkatli bir tasar\u0131m yakla\u015f\u0131m\u0131 gerektirdi.<\/p>\n
Eri\u015filebilir renk paletleri olu\u015ftururken iki temel ilkeye odakland\u0131m:<\/p>\n
Bu ilkeler do\u011frultusunda, renk k\u00f6rl\u00fc\u011f\u00fc modunda kullan\u0131lacak yeni bir renk paleti olu\u015fturdum. Bu palet, y\u00fcksek kontrastl\u0131 renkleri ve k\u0131rm\u0131z\u0131-ye\u015fil ayr\u0131m\u0131n\u0131 kolayla\u015ft\u0131ran tonlar\u0131 i\u00e7eriyordu. \u00d6zellikle mavi ve sar\u0131 tonlar\u0131 ile gri tonlar\u0131n\u0131n a\u011f\u0131rl\u0131kta oldu\u011fu bir yakla\u015f\u0131m benimsedim.<\/p>\n
Renk paleti olu\u015ftururken, Color Safe, Coolors ve Adobe Color gibi ara\u00e7lardan faydaland\u0131m. Bu ara\u00e7lar, belirli bir renk k\u00f6rl\u00fc\u011f\u00fc tipine g\u00f6re renklerin nas\u0131l g\u00f6r\u00fcnece\u011fini sim\u00fcle etme ve yeterli kontrast oranlar\u0131na sahip renk kombinasyonlar\u0131 \u00f6nerme yetene\u011fine sahiptir. \u00d6zellikle, Protanopi ve Deuteranopi i\u00e7in iyi \u00e7al\u0131\u015fan renk \u00e7iftlerini bulmaya odakland\u0131m. \u00d6rne\u011fin, geleneksel k\u0131rm\u0131z\u0131-ye\u015fil yerine, turuncu-mavi veya mor-sar\u0131 gibi renk kombinasyonlar\u0131 daha g\u00fcvenli bir se\u00e7im olabilir.<\/p>\n
Renk k\u00f6rl\u00fc\u011f\u00fc modunu uygulamak i\u00e7in en etkili y\u00f6ntemlerden biri CSS de\u011fi\u015fkenlerini kullanmakt\u0131. Bu yakla\u015f\u0131m, sitenin t\u00fcm renklerini merkezi bir yerden y\u00f6netmeme ve kullan\u0131c\u0131 bir butona t\u0131klad\u0131\u011f\u0131nda t\u00fcm renkleri dinamik olarak de\u011fi\u015ftirmeme olanak tan\u0131d\u0131.
\n\u00d6nce, sitenin ana renklerini CSS de\u011fi\u015fkenleri olarak tan\u0131mlad\u0131m:<\/p>\n
:root {\n --primary-color: #007bff;\n --secondary-color: #6c757d;\n --success-color: #28a745; \/* Ye\u015fil *\/\n --danger-color: #dc3545; \/* K\u0131rm\u0131z\u0131 *\/\n --text-color: #212529;\n --background-color: #ffffff;\n}\n<\/pre>\n<\/code>
\nArd\u0131ndan, renk k\u00f6rl\u00fc\u011f\u00fc modu i\u00e7in farkl\u0131 bir dizi de\u011fi\u015fken tan\u0131mlayan bir CSS s\u0131n\u0131f\u0131 olu\u015fturdum:<\/p>\n
body.colorblind-mode {\n --primary-color: #6a5acd; \/* Mor tonu *\/\n --secondary-color: #6c757d;\n --success-color: #007bff; \/* Mavi tonu *\/\n --danger-color: #ff7f50; \/* Turuncu tonu *\/\n --text-color: #212529;\n --background-color: #f8f9fa;\n}\n<\/pre>\n<\/code><\/p>\n
Kod \u00d6rne\u011fi: CSS De\u011fi\u015fkenleri ve Tema Ge\u00e7i\u015fi<\/h4>\n
JavaScript kullanarak, kullan\u0131c\u0131n\u0131n \"Renk K\u00f6rl\u00fc\u011f\u00fc Modu\" d\u00fc\u011fmesine t\u0131klad\u0131\u011f\u0131nda body<\/code> etiketine colorblind-mode<\/code> s\u0131n\u0131f\u0131n\u0131 ekleyip \u00e7\u0131karmak olduk\u00e7a basitti.<\/p>\ndocument.addEventListener('DOMContentLoaded', () => {\n const toggleButton = document.getElementById('colorblind-toggle');\n const body = document.body;\n\n \/\/ Kullan\u0131c\u0131n\u0131n tercihini localStorage'dan y\u00fckle\n const isColorblindMode = localStorage.getItem('colorblindMode') === 'true';\n if (isColorblindMode) {\n body.classList.add('colorblind-mode');\n }\n\n toggleButton.addEventListener('click', () => {\n body.classList.toggle('colorblind-mode');\n \/\/ Kullan\u0131c\u0131n\u0131n tercihini localStorage'a kaydet\n localStorage.setItem('colorblindMode', body.classList.contains('colorblind-mode'));\n });\n});\n<\/pre>\n<\/code>
\nBu yakla\u015f\u0131m, kod tekrar\u0131n\u0131 \u00f6nledi ve tema ge\u00e7i\u015fini son derece esnek hale getirdi.<\/p>\n
Kullan\u0131c\u0131 Deneyimi ve Aray\u00fcz Entegrasyonu<\/h3>\n
Teknik altyap\u0131y\u0131 kurduktan sonra, renk k\u00f6rl\u00fc\u011f\u00fc modunun kullan\u0131c\u0131lar taraf\u0131ndan kolayca bulunup kullan\u0131labildi\u011finden emin olmak i\u00e7in kullan\u0131c\u0131 deneyimi (UX) entegrasyonuna odakland\u0131m.<\/p>\n
Renk K\u00f6rl\u00fc\u011f\u00fc Modu Anahtar\u0131n\u0131n Konumu ve Eri\u015filebilirli\u011fi<\/h4>\n
Renk k\u00f6rl\u00fc\u011f\u00fc modu anahtar\u0131n\u0131n (toggle switch) nerede konumland\u0131r\u0131laca\u011f\u0131 \u00f6nemli bir karard\u0131. Kullan\u0131c\u0131lar\u0131n kolayca bulabilece\u011fi ancak ana i\u00e7eri\u011fi engellemeyen bir yer se\u00e7tim. Genellikle, bu t\u00fcr eri\u015filebilirlik se\u00e7enekleri sitenin \u00fcst men\u00fcs\u00fcnde, altbilgisinde veya bir \"Ayarlar\" veya \"Eri\u015filebilirlik\" men\u00fcs\u00fc alt\u0131nda yer al\u0131r. Benim durumumda, sitenin sa\u011f \u00fcst k\u00f6\u015fesine, di\u011fer kullan\u0131c\u0131 ayarlar\u0131n\u0131n yan\u0131na k\u00fc\u00e7\u00fck bir ikon ve \"Renk K\u00f6rl\u00fc\u011f\u00fc Modu\" etiketiyle yerle\u015ftirdim. Bu, kullan\u0131c\u0131lar\u0131n fark\u0131ndal\u0131\u011f\u0131n\u0131 art\u0131r\u0131rken ana gezinme ak\u0131\u015f\u0131n\u0131 bozmad\u0131.<\/p>\n
Kullan\u0131c\u0131 Tercihlerini Saklama (LocalStorage)<\/h4>\n
Bir kullan\u0131c\u0131 renk k\u00f6rl\u00fc\u011f\u00fc modunu etkinle\u015ftirdi\u011finde, bu tercihin sitenin di\u011fer sayfalar\u0131nda veya sonraki ziyaretlerinde de kal\u0131c\u0131 olmas\u0131n\u0131 sa\u011flamak \u00f6nemlidir. Bu ama\u00e7la, web depolama API'si olan localStorage<\/code>'\u0131 kulland\u0131m. Kullan\u0131c\u0131 modu de\u011fi\u015ftirdi\u011finde, tercihini localStorage<\/code>'a kaydettim ve sayfa y\u00fcklendi\u011finde bu tercihi kontrol ederek modu otomatik olarak uygulad\u0131m. Bu, kullan\u0131c\u0131lar\u0131n her sayfa ge\u00e7i\u015finde veya siteye her d\u00f6nd\u00fc\u011f\u00fcnde modu tekrar etkinle\u015ftirmek zorunda kalmamas\u0131n\u0131 sa\u011flad\u0131 ve kullan\u0131c\u0131 deneyimini \u00f6nemli \u00f6l\u00e7\u00fcde iyile\u015ftirdi.<\/p>\nG\u00f6rsel \u0130pu\u00e7lar\u0131 ve Alternatif G\u00f6sterimler (\u0130konlar, Metin Etiketleri)<\/h4>\n
Daha \u00f6nce de belirtti\u011fim gibi, renk tek ba\u015f\u0131na bir bilgi kayna\u011f\u0131 olmamal\u0131d\u0131r. Renk k\u00f6rl\u00fc\u011f\u00fc modunu uygularken, mevcut renk tabanl\u0131 g\u00f6stergeleri alternatif g\u00f6rsel ipu\u00e7lar\u0131yla destekledim.<\/p>\n
\n- \u0130konlar:<\/strong> Hata mesajlar\u0131 i\u00e7in k\u0131rm\u0131z\u0131 rengin yan\u0131 s\u0131ra bir \"X\" ikonu, ba\u015far\u0131 mesajlar\u0131 i\u00e7in ye\u015fil rengin yan\u0131 s\u0131ra bir \"\u2713\" ikonu ekledim.<\/li>\n
- Metin Etiketleri:<\/strong> Grafikler ve tablolar i\u00e7in, renkli \u00e7ubuklar\u0131n veya dilimlerin \u00fczerine do\u011frudan metin etiketleri veya veri de\u011ferleri ekledim. Bu, renkleri ay\u0131rt edemeyen kullan\u0131c\u0131lar\u0131n bile verileri do\u011fru bir \u015fekilde yorumlamas\u0131n\u0131 sa\u011flad\u0131.<\/li>\n
- Desenler:<\/strong> Baz\u0131 durumlarda, grafiklerde farkl\u0131 veri serilerini ay\u0131rt etmek i\u00e7in renklerin yan\u0131 s\u0131ra farkl\u0131 desenler (\u00e7izgili, noktal\u0131 vb.) kullanmay\u0131 d\u00fc\u015f\u00fcnd\u00fcm. Bu, \u00f6zellikle karma\u015f\u0131k veri g\u00f6rselle\u015ftirmelerinde faydal\u0131 olabilir.<\/li>\n<\/ul>\n
Bu ek g\u00f6rsel ipu\u00e7lar\u0131, renk k\u00f6rl\u00fc\u011f\u00fc modu devre d\u0131\u015f\u0131 olsa bile sitenin genel eri\u015filebilirli\u011fini art\u0131rd\u0131.<\/p>\n
Test ve Geri Bildirim S\u00fcreci<\/h3>\n
Bir \u00f6zelli\u011fi uygulamak kadar, onun beklendi\u011fi gibi \u00e7al\u0131\u015ft\u0131\u011f\u0131ndan ve ger\u00e7ek kullan\u0131c\u0131lar i\u00e7in faydal\u0131 oldu\u011fundan emin olmak da \u00f6nemlidir. Bu nedenle, kapsaml\u0131 bir test ve geri bildirim s\u00fcreci y\u00fcr\u00fctt\u00fcm.<\/p>\n
Sim\u00fclasyon Ara\u00e7lar\u0131yla Kapsaml\u0131 Testler<\/h4>\n
Uygulama tamamland\u0131ktan sonra, daha \u00f6nce bahsetti\u011fim renk k\u00f6rl\u00fc\u011f\u00fc sim\u00fclasyon ara\u00e7lar\u0131n\u0131 kullanarak sitenin her b\u00f6l\u00fcm\u00fcn\u00fc tekrar test ettim. Farkl\u0131 renk k\u00f6rl\u00fc\u011f\u00fc tiplerini (Protanopi, Deuteranopi, Tritanopi) ayr\u0131 ayr\u0131 sim\u00fcle ederek, yeni renk paletinin ve g\u00f6rsel ipu\u00e7lar\u0131n\u0131n ger\u00e7ekten i\u015fe yaray\u0131p yaramad\u0131\u011f\u0131n\u0131 kontrol ettim. \u00d6zellikle finansal verilerin sunuldu\u011fu tablolar ve grafikler \u00fczerinde yo\u011funla\u015ft\u0131m. Bu testler, ba\u015flang\u0131\u00e7ta g\u00f6zden ka\u00e7an baz\u0131 ince ayarlar\u0131 yapmama yard\u0131mc\u0131 oldu. \u00d6rne\u011fin, baz\u0131 metinlerin arka planla olan kontrast\u0131n\u0131n hala yetersiz oldu\u011funu fark ettim ve bu alanlarda renkleri veya metin a\u011f\u0131rl\u0131klar\u0131n\u0131 ayarlad\u0131m.<\/p>\n
Ger\u00e7ek Kullan\u0131c\u0131larla Test Etmenin \u00d6nemi<\/h4>\n
Sim\u00fclasyonlar \u00e7ok faydal\u0131 olsa da, hi\u00e7bir \u015fey ger\u00e7ek kullan\u0131c\u0131 geri bildiriminin yerini tutmaz. Renk k\u00f6r\u00fc oldu\u011funu bildi\u011fim birka\u00e7 g\u00f6n\u00fcll\u00fcden sitemi yeni mod ile test etmelerini rica ettim. Onlar\u0131n deneyimleri ve do\u011frudan geri bildirimleri paha bi\u00e7ilmezdi. \u00d6rne\u011fin, bir kullan\u0131c\u0131, belirli bir butonun renginin hala kafa kar\u0131\u015ft\u0131r\u0131c\u0131 oldu\u011funu belirtirken, bir di\u011feri veri tablosundaki belirli bir s\u00fctunun vurgulanma \u015feklinin iyile\u015ftirilebilece\u011fini \u00f6nerdi. Bu t\u00fcr do\u011frudan geri bildirimler, benim tek ba\u015f\u0131ma fark edemeyece\u011fim n\u00fcanslar\u0131 ortaya \u00e7\u0131kard\u0131 ve nihai tasar\u0131m\u0131n \u00e7ok daha kullan\u0131c\u0131 dostu olmas\u0131n\u0131 sa\u011flad\u0131.<\/p>\n
A\/B Testleri ve \u0130yile\u015ftirmeler<\/h4>\n
Baz\u0131 durumlarda, farkl\u0131 renk paletleri veya aray\u00fcz \u00f6\u011feleri aras\u0131nda karar vermek zor olabilir. Bu gibi durumlar i\u00e7in A\/B testleri yapmay\u0131 d\u00fc\u015f\u00fcnd\u00fcm. Ancak, bu projenin kapsam\u0131 ve kullan\u0131c\u0131 taban\u0131m\u0131n b\u00fcy\u00fckl\u00fc\u011f\u00fc g\u00f6z \u00f6n\u00fcne al\u0131nd\u0131\u011f\u0131nda, daha \u00e7ok niteliksel geri bildirimlere ve sim\u00fclasyon testlerine odakland\u0131m. Yap\u0131lan testler sonucunda elde edilen verilerle, CSS de\u011fi\u015fkenlerindeki renk de\u011ferlerini ince ayarlarla g\u00fcncelledim ve baz\u0131 ikonlar\u0131n boyutlar\u0131n\u0131 veya yerle\u015fimlerini de\u011fi\u015ftirdim. Bu s\u00fcrekli iyile\u015ftirme d\u00f6ng\u00fcs\u00fc, renk k\u00f6rl\u00fc\u011f\u00fc modunun ger\u00e7ekten etkili olmas\u0131n\u0131 sa\u011flad\u0131.<\/p>\n
\u00d6\u011frenilen Dersler ve Gelecek Ad\u0131mlar<\/h3>\n
Bu projeyi tamamlarken, sadece teknik becerilerimi geli\u015ftirmekle kalmad\u0131m, ayn\u0131 zamanda eri\u015filebilirlik ve kullan\u0131c\u0131 deneyimi hakk\u0131nda \u00f6nemli dersler \u00e7\u0131kard\u0131m.<\/p>\n
Eri\u015filebilirli\u011fin Bir \u00d6zellik De\u011fil, Bir Temel Oldu\u011fu Anlay\u0131\u015f\u0131<\/h4>\n
En b\u00fcy\u00fck \u00f6\u011frenimim, eri\u015filebilirli\u011fin bir \"ek \u00f6zellik\" de\u011fil, bir web sitesinin temel bir bile\u015feni olmas\u0131 gerekti\u011fidir. Ba\u015flang\u0131\u00e7ta, renk k\u00f6rl\u00fc\u011f\u00fc modunu ek bir \u00f6zellik olarak d\u00fc\u015f\u00fcn\u00fcyordum. Ancak s\u00fcre\u00e7 ilerledik\u00e7e, tasar\u0131m\u0131n en ba\u015f\u0131ndan itibaren eri\u015filebilirlik ilkelerini g\u00f6z \u00f6n\u00fcnde bulundurman\u0131n ne kadar \u00f6nemli oldu\u011funu anlad\u0131m. Bu, gelecekteki projelerimde \"eri\u015filebilirlik \u00f6nce\" (accessibility-first) yakla\u015f\u0131m\u0131n\u0131 benimsemem i\u00e7in beni motive etti. Bu yakla\u015f\u0131m, daha kapsay\u0131c\u0131 ve daha iyi bir kullan\u0131c\u0131 deneyimi sunar.<\/p>\n
Empatinin Tasar\u0131m S\u00fcrecindeki Rol\u00fc<\/h4>\n
Renk k\u00f6r\u00fc bireylerin d\u00fcnyay\u0131 nas\u0131l deneyimledi\u011fini anlamak i\u00e7in sim\u00fclasyon ara\u00e7lar\u0131n\u0131 kullanmak ve ger\u00e7ek kullan\u0131c\u0131larla konu\u015fmak, tasar\u0131m s\u00fcrecime derin bir empati katmam\u0131 sa\u011flad\u0131. Bu empati, sadece renk se\u00e7imiyle ilgili de\u011fil, ayn\u0131 zamanda kullan\u0131c\u0131 aray\u00fcz\u00fc elemanlar\u0131n\u0131n d\u00fczenlenmesi, metinlerin yaz\u0131lmas\u0131 ve genel etkile\u015fim tasar\u0131m\u0131 hakk\u0131nda daha bilin\u00e7li kararlar almam\u0131 sa\u011flad\u0131. Her kullan\u0131c\u0131n\u0131n farkl\u0131 ihtiya\u00e7lar\u0131 oldu\u011funu kabul etmek, daha iyi bir \u00fcr\u00fcn yaratman\u0131n anahtar\u0131d\u0131r.<\/p>\n
S\u00fcrekli \u0130yile\u015ftirme ve Bak\u0131m<\/h4>\n
Eri\u015filebilirlik, bir kerelik bir proje de\u011fildir; s\u00fcrekli bir \u00e7aba gerektirir. Web standartlar\u0131, taray\u0131c\u0131 teknolojileri ve kullan\u0131c\u0131 beklentileri s\u00fcrekli de\u011fi\u015fti\u011fi i\u00e7in, renk k\u00f6rl\u00fc\u011f\u00fc modunun ve genel eri\u015filebilirli\u011fin d\u00fczenli olarak g\u00f6zden ge\u00e7irilmesi ve g\u00fcncellenmesi gerekmektedir. Siteme yeni \u00f6zellikler ekledik\u00e7e veya mevcutlar\u0131 g\u00fcncelledik\u00e7e, eri\u015filebilirlik etkilerini de\u011ferlendirmeyi ve gerekli ayarlamalar\u0131 yapmay\u0131 bir al\u0131\u015fkanl\u0131k haline getirdim.<\/p>\n
Sonu\u00e7<\/h3>\n
Bel\u00e7ika Maa\u015f Hesaplay\u0131c\u0131 sitem i\u00e7in renk k\u00f6rl\u00fc\u011f\u00fc modunu uygulamak, teknik bir zorluktan \u00e7ok daha fazlas\u0131yd\u0131; bu, empati ve kapsay\u0131c\u0131l\u0131k \u00fczerine derinlemesine bir \u00f6\u011frenme deneyimiydi. Renk k\u00f6rl\u00fc\u011f\u00fcn\u00fcn farkl\u0131 tiplerini anlamak, mevcut tasar\u0131m\u0131n zay\u0131f y\u00f6nlerini belirlemek, eri\u015filebilir bir renk paleti olu\u015fturmak ve bunu CSS de\u011fi\u015fkenleri ile dinamik olarak uygulamak, bu yolculu\u011fun temel ad\u0131mlar\u0131yd\u0131. Kullan\u0131c\u0131 tercihlerini saklamak ve g\u00f6rsel ipu\u00e7lar\u0131n\u0131 entegre etmek, kullan\u0131c\u0131 deneyimini zenginle\u015ftirirken, kapsaml\u0131 testler ve ger\u00e7ek kullan\u0131c\u0131 geri bildirimleri \u00e7\u00f6z\u00fcm\u00fcn sa\u011flaml\u0131\u011f\u0131n\u0131 garanti etti. Bu s\u00fcre\u00e7, eri\u015filebilirli\u011fin bir l\u00fcks de\u011fil, her web projesinin temel bir gereklili\u011fi oldu\u011funu bir kez daha kan\u0131tlad\u0131. Gelecekteki t\u00fcm projelerimde bu de\u011ferli dersleri uygulamaya devam edece\u011fim.<\/p>\n
SSS (S\u0131k Sorulan Sorular)<\/h3>\n1. Renk k\u00f6rl\u00fc\u011f\u00fc modu uygularken en b\u00fcy\u00fck zorluk neydi?<\/h4>\n
En b\u00fcy\u00fck zorluk, sadece renkleri de\u011fi\u015ftirmekle kalmay\u0131p, ayn\u0131 zamanda renklerin tek ba\u015f\u0131na bilgi ta\u015f\u0131y\u0131c\u0131s\u0131 olmamas\u0131n\u0131 sa\u011flamakt\u0131. Yani, renklerin yan\u0131 s\u0131ra ikonlar, metin etiketleri veya desenler gibi alternatif g\u00f6rsel ipu\u00e7lar\u0131 eklemek, tasar\u0131m\u0131n temel felsefesini de\u011fi\u015ftirmeyi gerektirdi.<\/p>\n
2. Hangi renk k\u00f6rl\u00fc\u011f\u00fc tiplerine odaklanmak en mant\u0131kl\u0131?<\/h4>\n
Genellikle Protanopi (k\u0131rm\u0131z\u0131 zay\u0131fl\u0131\u011f\u0131) ve Deuteranopi (ye\u015fil zay\u0131fl\u0131\u011f\u0131) en yayg\u0131n renk k\u00f6rl\u00fc\u011f\u00fc tipleri oldu\u011fundan, \u00f6ncelikle bu tiplere odaklanmak en mant\u0131kl\u0131s\u0131d\u0131r. Bu, kullan\u0131c\u0131 taban\u0131n\u0131z\u0131n b\u00fcy\u00fck bir k\u0131sm\u0131n\u0131n ihtiya\u00e7lar\u0131n\u0131 kar\u015f\u0131laman\u0131za yard\u0131mc\u0131 olacakt\u0131r.<\/p>\n
3. Renk k\u00f6rl\u00fc\u011f\u00fc modu i\u00e7in \u00f6zel bir CSS framework veya k\u00fct\u00fcphane kulland\u0131n\u0131z m\u0131?<\/h4>\n
Hay\u0131r, \u00f6zel bir framework veya k\u00fct\u00fcphane kullanmad\u0131m. CSS de\u011fi\u015fkenleri ve basit JavaScript ile kendi \u00e7\u00f6z\u00fcm\u00fcm\u00fc geli\u015ftirdim. Bu, daha hafif ve projeme \u00f6zel bir \u00e7\u00f6z\u00fcm sunmam\u0131 sa\u011flad\u0131. Ancak, daha b\u00fcy\u00fck projelerde, eri\u015filebilirlik odakl\u0131 UI k\u00fct\u00fcphaneleri (\u00f6rne\u011fin, Chakra UI, Material UI'nin eri\u015filebilirlik \u00f6zellikleri) faydal\u0131 olabilir.<\/p>\n
4. Renk k\u00f6rl\u00fc\u011f\u00fc modunu test etmek i\u00e7in hangi ara\u00e7lar\u0131 \u00f6nerirsiniz?<\/h4>\n
Taray\u0131c\u0131 eklentileri (Colorblindly, SEE), \u00e7evrimi\u00e7i sim\u00fclat\u00f6rler (Coblis - Color Blindness Simulator) ve kontrast denetleyicileri (WebAIM Contrast Checker) kesinlikle \u00f6nerdi\u011fim ara\u00e7lard\u0131r. Ancak en \u00f6nemlisi, ger\u00e7ek renk k\u00f6r\u00fc bireylerden geri bildirim almakt\u0131r.<\/p>\n
5. Bu t\u00fcr bir eri\u015filebilirlik \u00f6zelli\u011fini uygulamak ne kadar zaman ald\u0131?<\/h4>\n
Projenin b\u00fcy\u00fckl\u00fc\u011f\u00fcne ve mevcut tasar\u0131m\u0131n karma\u015f\u0131kl\u0131\u011f\u0131na ba\u011fl\u0131 olarak de\u011fi\u015fir. Benim durumumda, mevcut siteyi analiz etmek, yeni paleti tasarlamak, kodu yazmak ve test etmek yakla\u015f\u0131k 2-3 hafta s\u00fcrd\u00fc. Bu s\u00fcreye, kullan\u0131c\u0131 geri bildirimlerini toplama ve iyile\u015ftirmeleri uygulama s\u00fcreci de dahildir.<\/p>\n","protected":false},"excerpt":{"rendered":"Renk K\u00f6rl\u00fc\u011f\u00fc Modu Uygularken \u00d6\u011frendiklerim: Bel\u00e7ika Maa\u015f Hesaplay\u0131c\u0131m \u0130\u00e7in Bir Eri\u015filebilirlik Yolculu\u011fu\nBel\u00e7ika Maa\u015f Hesaplay\u0131c\u0131 sitem, k…","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-38046","1":"post","2":"type-post","3":"status-publish","4":"format-standard","6":"category-genel","7":"cs-entry","8":"cs-video-wrap"},"yoast_head":"\n
Renk K\u00f6rl\u00fc\u011f\u00fc Modu Uygularken \u00d6\u011frendiklerim: Bel\u00e7ika Maa\u015f Hesaplay\u0131c\u0131m \u0130\u00e7in Bir Eri\u015filebilirlik Yolculu\u011fu - 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\/renk-korlugu-modu-uygularken-ogrendiklerim-belcika-maas-hesaplayicim-icin-bir-erisilebilirlik-yolculugu\/\" \/>\n<meta property=\"og:locale\" content=\"tr_TR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Renk K\u00f6rl\u00fc\u011f\u00fc Modu Uygularken \u00d6\u011frendiklerim: Bel\u00e7ika Maa\u015f Hesaplay\u0131c\u0131m \u0130\u00e7in Bir Eri\u015filebilirlik Yolculu\u011fu\" \/>\n<meta property=\"og:description\" content=\"Renk K\u00f6rl\u00fc\u011f\u00fc Modu Uygularken \u00d6\u011frendiklerim: Bel\u00e7ika Maa\u015f Hesaplay\u0131c\u0131m \u0130\u00e7in Bir Eri\u015filebilirlik Yolculu\u011fu Bel\u00e7ika Maa\u015f Hesaplay\u0131c\u0131 sitem, k...\" \/>\n<meta property=\"og:url\" content=\"https:\/\/fatihsoysal.com\/blog\/renk-korlugu-modu-uygularken-ogrendiklerim-belcika-maas-hesaplayicim-icin-bir-erisilebilirlik-yolculugu\/\" \/>\n<meta property=\"og:site_name\" content=\"Kodlar\u0131n Gizemli D\u00fcnyas\u0131\" \/>\n<meta property=\"article:published_time\" content=\"2026-01-22T08:00:38+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\/renk-korlugu-modu-uygularken-ogrendiklerim-belcika-maas-hesaplayicim-icin-bir-erisilebilirlik-yolculugu\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/renk-korlugu-modu-uygularken-ogrendiklerim-belcika-maas-hesaplayicim-icin-bir-erisilebilirlik-yolculugu\/\"},\"author\":{\"name\":\"Fatih Soysal\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1\"},\"headline\":\"Renk K\u00f6rl\u00fc\u011f\u00fc Modu Uygularken \u00d6\u011frendiklerim: Bel\u00e7ika Maa\u015f Hesaplay\u0131c\u0131m \u0130\u00e7in Bir Eri\u015filebilirlik Yolculu\u011fu\",\"datePublished\":\"2026-01-22T08:00:38+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/renk-korlugu-modu-uygularken-ogrendiklerim-belcika-maas-hesaplayicim-icin-bir-erisilebilirlik-yolculugu\/\"},\"wordCount\":3108,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1\"},\"inLanguage\":\"tr\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/fatihsoysal.com\/blog\/renk-korlugu-modu-uygularken-ogrendiklerim-belcika-maas-hesaplayicim-icin-bir-erisilebilirlik-yolculugu\/#respond\"]}],\"copyrightYear\":\"2026\",\"copyrightHolder\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#organization\"}},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/renk-korlugu-modu-uygularken-ogrendiklerim-belcika-maas-hesaplayicim-icin-bir-erisilebilirlik-yolculugu\/\",\"url\":\"https:\/\/fatihsoysal.com\/blog\/renk-korlugu-modu-uygularken-ogrendiklerim-belcika-maas-hesaplayicim-icin-bir-erisilebilirlik-yolculugu\/\",\"name\":\"Renk K\u00f6rl\u00fc\u011f\u00fc Modu Uygularken \u00d6\u011frendiklerim: Bel\u00e7ika Maa\u015f Hesaplay\u0131c\u0131m \u0130\u00e7in Bir Eri\u015filebilirlik Yolculu\u011fu - Kodlar\u0131n Gizemli D\u00fcnyas\u0131\",\"isPartOf\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#website\"},\"datePublished\":\"2026-01-22T08:00:38+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/renk-korlugu-modu-uygularken-ogrendiklerim-belcika-maas-hesaplayicim-icin-bir-erisilebilirlik-yolculugu\/#breadcrumb\"},\"inLanguage\":\"tr\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/fatihsoysal.com\/blog\/renk-korlugu-modu-uygularken-ogrendiklerim-belcika-maas-hesaplayicim-icin-bir-erisilebilirlik-yolculugu\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/renk-korlugu-modu-uygularken-ogrendiklerim-belcika-maas-hesaplayicim-icin-bir-erisilebilirlik-yolculugu\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Anasayfa\",\"item\":\"https:\/\/fatihsoysal.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Renk K\u00f6rl\u00fc\u011f\u00fc Modu Uygularken \u00d6\u011frendiklerim: Bel\u00e7ika Maa\u015f Hesaplay\u0131c\u0131m \u0130\u00e7in Bir Eri\u015filebilirlik Yolculu\u011fu\"}]},{\"@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":"Renk K\u00f6rl\u00fc\u011f\u00fc Modu Uygularken \u00d6\u011frendiklerim: Bel\u00e7ika Maa\u015f Hesaplay\u0131c\u0131m \u0130\u00e7in Bir Eri\u015filebilirlik Yolculu\u011fu - 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\/renk-korlugu-modu-uygularken-ogrendiklerim-belcika-maas-hesaplayicim-icin-bir-erisilebilirlik-yolculugu\/","og_locale":"tr_TR","og_type":"article","og_title":"Renk K\u00f6rl\u00fc\u011f\u00fc Modu Uygularken \u00d6\u011frendiklerim: Bel\u00e7ika Maa\u015f Hesaplay\u0131c\u0131m \u0130\u00e7in Bir Eri\u015filebilirlik Yolculu\u011fu","og_description":"Renk K\u00f6rl\u00fc\u011f\u00fc Modu Uygularken \u00d6\u011frendiklerim: Bel\u00e7ika Maa\u015f Hesaplay\u0131c\u0131m \u0130\u00e7in Bir Eri\u015filebilirlik Yolculu\u011fu Bel\u00e7ika Maa\u015f Hesaplay\u0131c\u0131 sitem, k...","og_url":"https:\/\/fatihsoysal.com\/blog\/renk-korlugu-modu-uygularken-ogrendiklerim-belcika-maas-hesaplayicim-icin-bir-erisilebilirlik-yolculugu\/","og_site_name":"Kodlar\u0131n Gizemli D\u00fcnyas\u0131","article_published_time":"2026-01-22T08:00:38+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\/renk-korlugu-modu-uygularken-ogrendiklerim-belcika-maas-hesaplayicim-icin-bir-erisilebilirlik-yolculugu\/#article","isPartOf":{"@id":"https:\/\/fatihsoysal.com\/blog\/renk-korlugu-modu-uygularken-ogrendiklerim-belcika-maas-hesaplayicim-icin-bir-erisilebilirlik-yolculugu\/"},"author":{"name":"Fatih Soysal","@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1"},"headline":"Renk K\u00f6rl\u00fc\u011f\u00fc Modu Uygularken \u00d6\u011frendiklerim: Bel\u00e7ika Maa\u015f Hesaplay\u0131c\u0131m \u0130\u00e7in Bir Eri\u015filebilirlik Yolculu\u011fu","datePublished":"2026-01-22T08:00:38+00:00","mainEntityOfPage":{"@id":"https:\/\/fatihsoysal.com\/blog\/renk-korlugu-modu-uygularken-ogrendiklerim-belcika-maas-hesaplayicim-icin-bir-erisilebilirlik-yolculugu\/"},"wordCount":3108,"commentCount":0,"publisher":{"@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1"},"inLanguage":"tr","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/fatihsoysal.com\/blog\/renk-korlugu-modu-uygularken-ogrendiklerim-belcika-maas-hesaplayicim-icin-bir-erisilebilirlik-yolculugu\/#respond"]}],"copyrightYear":"2026","copyrightHolder":{"@id":"https:\/\/fatihsoysal.com\/blog\/#organization"}},{"@type":"WebPage","@id":"https:\/\/fatihsoysal.com\/blog\/renk-korlugu-modu-uygularken-ogrendiklerim-belcika-maas-hesaplayicim-icin-bir-erisilebilirlik-yolculugu\/","url":"https:\/\/fatihsoysal.com\/blog\/renk-korlugu-modu-uygularken-ogrendiklerim-belcika-maas-hesaplayicim-icin-bir-erisilebilirlik-yolculugu\/","name":"Renk K\u00f6rl\u00fc\u011f\u00fc Modu Uygularken \u00d6\u011frendiklerim: Bel\u00e7ika Maa\u015f Hesaplay\u0131c\u0131m \u0130\u00e7in Bir Eri\u015filebilirlik Yolculu\u011fu - Kodlar\u0131n Gizemli D\u00fcnyas\u0131","isPartOf":{"@id":"https:\/\/fatihsoysal.com\/blog\/#website"},"datePublished":"2026-01-22T08:00:38+00:00","breadcrumb":{"@id":"https:\/\/fatihsoysal.com\/blog\/renk-korlugu-modu-uygularken-ogrendiklerim-belcika-maas-hesaplayicim-icin-bir-erisilebilirlik-yolculugu\/#breadcrumb"},"inLanguage":"tr","potentialAction":[{"@type":"ReadAction","target":["https:\/\/fatihsoysal.com\/blog\/renk-korlugu-modu-uygularken-ogrendiklerim-belcika-maas-hesaplayicim-icin-bir-erisilebilirlik-yolculugu\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/fatihsoysal.com\/blog\/renk-korlugu-modu-uygularken-ogrendiklerim-belcika-maas-hesaplayicim-icin-bir-erisilebilirlik-yolculugu\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Anasayfa","item":"https:\/\/fatihsoysal.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Renk K\u00f6rl\u00fc\u011f\u00fc Modu Uygularken \u00d6\u011frendiklerim: Bel\u00e7ika Maa\u015f Hesaplay\u0131c\u0131m \u0130\u00e7in Bir Eri\u015filebilirlik Yolculu\u011fu"}]},{"@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\/38046","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=38046"}],"version-history":[{"count":0,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/posts\/38046\/revisions"}],"wp:attachment":[{"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/media?parent=38046"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/categories?post=38046"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/tags?post=38046"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}