{"id":3817,"date":"2024-11-13T18:30:13","date_gmt":"2024-11-13T15:30:13","guid":{"rendered":"https:\/\/fatihsoysal.com\/blog\/web-sitene-erisilebilirlik-kat-htmlde-aria-oznitelikleriyle-ustalik-kazan\/"},"modified":"2024-11-13T18:30:13","modified_gmt":"2024-11-13T15:30:13","slug":"web-sitene-erisilebilirlik-kat-htmlde-aria-oznitelikleriyle-ustalik-kazan","status":"publish","type":"post","link":"https:\/\/fatihsoysal.com\/blog\/web-sitene-erisilebilirlik-kat-htmlde-aria-oznitelikleriyle-ustalik-kazan\/","title":{"rendered":"Web Sitene Eri\u015filebilirlik Kat: HTML&#8217;de ARIA \u00d6znitelikleriyle Ustal\u0131k Kazan"},"content":{"rendered":"<p>Web Sitene Eri\u015filebilirlik Kat: HTML&#8217;de ARIA \u00d6znitelikleriyle Ustal\u0131k Kazan<\/p>\n<p>Web sitenizin herkes taraf\u0131ndan eri\u015filebilir olmas\u0131, herkesin e\u015fit bir \u015fekilde i\u00e7eriklere ula\u015fabilmesi ve interneti kullanabilmesi a\u00e7\u0131s\u0131ndan kritik \u00f6neme sahiptir. ARIA (Accessible Rich Internet Applications) \u00f6znitelikleri, HTML&#8217;deki temel eri\u015filebilirlik \u00f6zelliklerini geni\u015fleterek, g\u00f6rme engelli, hareket k\u0131s\u0131tl\u0131, \u00f6\u011frenme g\u00fc\u00e7l\u00fc\u011f\u00fc \u00e7eken ve di\u011fer engelli kullan\u0131c\u0131lar\u0131n web sitelerine eri\u015fimini ve kullan\u0131m\u0131 kolayla\u015ft\u0131rmay\u0131 ama\u00e7lar.<\/p>\n<h2>ARIA \u00d6znitelikleri: HTML&#8217;deki Gizli G\u00fc\u00e7<\/h2>\n<p>ARIA, web siteleri i\u00e7in geli\u015ftirilmi\u015f bir set eri\u015filebilirlik standard\u0131d\u0131r. Bu standart, HTML&#8217;de kullan\u0131labilen ve web sayfan\u0131z\u0131 daha eri\u015filebilir hale getirmeye yard\u0131mc\u0131 olan bir dizi \u00f6znitelik tan\u0131mlar. ARIA \u00f6znitelikleri, HTML etiketlerine eklenerek, taray\u0131c\u0131lar\u0131n web sayfan\u0131z\u0131n yap\u0131s\u0131n\u0131 ve i\u015flevselli\u011fini daha iyi anlamalar\u0131na olanak tan\u0131r. Bu sayede, ekran okuyucular\u0131, alternatif giri\u015f cihazlar\u0131 ve di\u011fer yard\u0131mc\u0131 teknolojiler, web sayfan\u0131zda yer alan i\u00e7erikleri daha etkili bir \u015fekilde i\u015fleyebilir ve kullan\u0131c\u0131lara sunabilir.<\/p>\n<h2>ARIA \u00d6znitelikleri Neden \u00d6nemli?<\/h2>\n<p>ARIA \u00f6znitelikleri, web sitenizi daha eri\u015filebilir hale getirmenize yard\u0131mc\u0131 olur. Bu, a\u015fa\u011f\u0131daki nedenlerle \u00f6nemlidir:<\/p>\n<ul>\n<li>Daha geni\u015f bir kitleye ula\u015fman\u0131z\u0131 sa\u011flar.<\/li>\n<li>Web sitenizin SEO performans\u0131n\u0131 iyile\u015ftirir.<\/li>\n<li>Markan\u0131z\u0131n itibar\u0131n\u0131 art\u0131r\u0131r.<\/li>\n<li>Kullan\u0131c\u0131 deneyimini iyile\u015ftirir.<\/li>\n<\/ul>\n<h2>ARIA \u00d6zniteliklerini Anlamak<\/h2>\n<p>ARIA, temel olarak \u00fc\u00e7 t\u00fcr \u00f6znitelik kullan\u0131r:<\/p>\n<ul>\n<li><strong>Roller:<\/strong> HTML elemanlar\u0131n\u0131n rol\u00fcn\u00fc tan\u0131mlamak i\u00e7in kullan\u0131l\u0131r. \u00d6rne\u011fin, bir <code>&lt;div&gt;<\/code> eleman\u0131n\u0131 bir men\u00fc olarak tan\u0131mlamak i\u00e7in <code>role=\"menubar\"<\/code> \u00f6zniteli\u011fini kullanabilirsiniz.<\/li>\n<li><strong>Durumlar:<\/strong> Bir eleman\u0131n ge\u00e7erli durumunu tan\u0131mlamak i\u00e7in kullan\u0131l\u0131r. \u00d6rne\u011fin, bir d\u00fc\u011fmenin etkin veya devre d\u0131\u015f\u0131 olup olmad\u0131\u011f\u0131n\u0131 belirlemek i\u00e7in <code>aria-disabled=\"true\"<\/code> veya <code>aria-disabled=\"false\"<\/code> \u00f6zniteli\u011fini kullanabilirsiniz.<\/li>\n<li><strong>\u00d6zellikler:<\/strong> Bir elemanla ilgili ek bilgileri tan\u0131mlamak i\u00e7in kullan\u0131l\u0131r. \u00d6rne\u011fin, bir listede yer alan bir \u00f6\u011fenin se\u00e7ili olup olmad\u0131\u011f\u0131n\u0131 belirtmek i\u00e7in <code>aria-selected=\"true\"<\/code> veya <code>aria-selected=\"false\"<\/code> \u00f6zniteli\u011fini kullanabilirsiniz.<\/li>\n<\/ul>\n<h2>Yayg\u0131n Olarak Kullan\u0131lan ARIA \u00d6znitelikleri<\/h2>\n<p>\u0130\u015fte web sitelerinde s\u0131k\u00e7a kullan\u0131lan ARIA \u00f6znitelikleri ve kullan\u0131m \u00f6rnekleri:<\/p>\n<h3>1. role \u00d6zniteli\u011fi<\/h3>\n<p><code>role<\/code> \u00f6zniteli\u011fi, bir HTML eleman\u0131n\u0131n rol\u00fcn\u00fc tan\u0131mlar. Bu, ekran okuyucular\u0131n\u0131n ve di\u011fer yard\u0131mc\u0131 teknolojilerin web sayfan\u0131z\u0131 daha iyi anlamalar\u0131na yard\u0131mc\u0131 olur. \u00d6rnekler:<\/p>\n<ul>\n<li><code>role=\"banner\"<\/code>: Web sitesinin ba\u015fl\u0131\u011f\u0131 veya \u00fcst bilgisi i\u00e7in kullan\u0131l\u0131r.<\/li>\n<li><code>role=\"navigation\"<\/code>: Ana gezinme men\u00fcs\u00fc i\u00e7in kullan\u0131l\u0131r.<\/li>\n<li><code>role=\"main\"<\/code>: Sayfan\u0131n ana i\u00e7eri\u011fi i\u00e7in kullan\u0131l\u0131r.<\/li>\n<li><code>role=\"alert\"<\/code>: Kullan\u0131c\u0131ya \u00f6nemli bir bildirim yapmak i\u00e7in kullan\u0131l\u0131r.<\/li>\n<\/ul>\n<p>**\u00d6rnek:**<\/p>\n<p>&#8220;`html<\/p>\n<nav role=\"navigation\">\n<ul>\n<li><a href=\"#\">Anasayfa<\/a><\/li>\n<li><a href=\"#\">Hakk\u0131m\u0131zda<\/a><\/li>\n<li><a href=\"#\">\u0130leti\u015fim<\/a><\/li>\n<\/ul>\n<\/nav>\n<p>&#8220;`<\/p>\n<h3>2. aria-disabled \u00d6zniteli\u011fi<\/h3>\n<p><code>aria-disabled<\/code> \u00f6zniteli\u011fi, bir eleman\u0131n devre d\u0131\u015f\u0131 b\u0131rak\u0131l\u0131p b\u0131rak\u0131lmad\u0131\u011f\u0131n\u0131 belirtir. Bu, kullan\u0131c\u0131lar\u0131n devre d\u0131\u015f\u0131 b\u0131rak\u0131lm\u0131\u015f elemanlarla etkile\u015fim kurmas\u0131n\u0131 \u00f6nlemeye yard\u0131mc\u0131 olur. \u00d6rnek:<\/p>\n<p>&#8220;`html<br \/>\n<button aria-disabled=\"true\">Devre D\u0131\u015f\u0131<\/button><br \/>\n&#8220;`<\/p>\n<h3>3. aria-hidden \u00d6zniteli\u011fi<\/h3>\n<p><code>aria-hidden<\/code> \u00f6zniteli\u011fi, bir eleman\u0131n ekran okuyucular\u0131 taraf\u0131ndan gizlenip gizlenmeyece\u011fini belirtir. Bu, ekran okuyucular\u0131n\u0131n gereksiz bilgileri okumas\u0131n\u0131 \u00f6nlemeye yard\u0131mc\u0131 olur. \u00d6rnek:<\/p>\n<p>&#8220;`html<\/p>\n<div aria-hidden=\"true\">Gizli \u0130\u00e7erik<\/div>\n<p>&#8220;`<\/p>\n<h3>4. aria-label \u00d6zniteli\u011fi<\/h3>\n<p><code>aria-label<\/code> \u00f6zniteli\u011fi, bir elemana ek bir etiket eklemenizi sa\u011flar. Bu, ekran okuyucular\u0131n\u0131n eleman\u0131n amac\u0131n\u0131 daha iyi anlamalar\u0131na yard\u0131mc\u0131 olur. \u00d6rnek:<\/p>\n<p>&#8220;`html<br \/>\n<button aria-label=\"Sepeti G\u00f6r\u00fcnt\u00fcle\">Sepete Ekle<\/button><br \/>\n&#8220;`<\/p>\n<h3>5. aria-labelledby \u00d6zniteli\u011fi<\/h3>\n<p><code>aria-labelledby<\/code> \u00f6zniteli\u011fi, bir eleman\u0131n etiketinin ba\u015fka bir HTML eleman\u0131nda tan\u0131mland\u0131\u011f\u0131n\u0131 belirtir. Bu, karma\u015f\u0131k aray\u00fczlerde etiketlerin daha iyi organize edilmesine yard\u0131mc\u0131 olur. \u00d6rnek:<\/p>\n<p>&#8220;`html<\/p>\n<div id=\"my-form\">\n  <label for=\"my-input\">Ad\u0131n\u0131z:<\/label><br \/>\n  <input type=\"text\" id=\"my-input\" aria-labelledby=\"my-form\">\n<\/div>\n<p>&#8220;`<\/p>\n<h2>ARIA \u00d6zniteliklerini Kullanmak \u0130\u00e7in \u0130pu\u00e7lar\u0131<\/h2>\n<ul>\n<li>ARIA \u00f6zniteliklerini sadece HTML&#8217;nin standart eri\u015filebilirlik \u00f6zelliklerini tamamlamak i\u00e7in kullan\u0131n. ARIA, HTML&#8217;nin yerini almamal\u0131d\u0131r.<\/li>\n<li><code>role<\/code> \u00f6zniteli\u011fini dikkatlice kullan\u0131n. Yanl\u0131\u015f kullan\u0131ld\u0131\u011f\u0131nda, ekran okuyucular\u0131n\u0131n web sitenizi yanl\u0131\u015f anlamas\u0131na neden olabilir.<\/li>\n<li>ARIA \u00f6zniteliklerini belgelendirmek i\u00e7in W3C&#8217;nin ARIA belgesini kullan\u0131n: <a href=\"https:\/\/www.w3.org\/WAI\/standards-guidelines\/wcag\/\" target=\"_blank\" rel=\"noopener\">https:\/\/www.w3.org\/WAI\/standards-guidelines\/wcag\/<\/a><\/li>\n<li>Web sitenizi farkl\u0131 yard\u0131mc\u0131 teknolojilerle test edin ve herhangi bir eri\u015filebilirlik sorununun olup olmad\u0131\u011f\u0131n\u0131 kontrol edin.<\/li>\n<\/ul>\n<h2>Sonu\u00e7<\/h2>\n<p>ARIA \u00f6znitelikleri, web sitelerinin herkes i\u00e7in eri\u015filebilir olmas\u0131n\u0131 sa\u011flamak i\u00e7in g\u00fc\u00e7l\u00fc bir ara\u00e7t\u0131r. Bu \u00f6znitelikleri kullanarak, web sitenizi g\u00f6rme engelli, hareket k\u0131s\u0131tl\u0131, \u00f6\u011frenme g\u00fc\u00e7l\u00fc\u011f\u00fc \u00e7eken ve di\u011fer engelli kullan\u0131c\u0131lar i\u00e7in daha eri\u015filebilir hale getirebilirsiniz.<\/p>\n<p>ARIA hakk\u0131nda daha fazla bilgi edinmek ve web sitenizi nas\u0131l daha eri\u015filebilir hale getirebilece\u011finizi \u00f6\u011frenmek i\u00e7in <a href=\"https:\/\/fatihsoysal.com\/\" target=\"_blank\" rel=\"noopener\">fatihsoysal.com<\/a> adresini ziyaret edebilirsiniz.<\/p>\n<p>#Etiketler: ARIA, eri\u015filebilirlik, web sitesi, HTML, \u00f6znitelik, role, aria-disabled, aria-hidden, aria-label, aria-labelledby, ekran okuyucular\u0131, yard\u0131mc\u0131 teknolojiler, web geli\u015ftirme, SEO <\/p>\n","protected":false},"excerpt":{"rendered":"Web Sitene Eri\u015filebilirlik Kat: HTML&#8217;de ARIA \u00d6znitelikleriyle Ustal\u0131k Kazan Web sitenizin herkes taraf\u0131ndan eri\u015filebilir olmas\u0131, herkesin e\u015fit bir&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-3817","1":"post","2":"type-post","3":"status-publish","4":"format-standard","6":"category-genel","7":"cs-entry","8":"cs-video-wrap"},"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v20.5 (Yoast SEO v25.3.1) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Web Sitene Eri\u015filebilirlik Kat: HTML&#039;de ARIA \u00d6znitelikleriyle Ustal\u0131k Kazan<\/title>\n<meta name=\"description\" content=\"Web sitenizin herkes taraf\u0131ndan eri\u015filebilir olmas\u0131, herkesin e\u015fit bir \u015fekilde i\u00e7eriklere ula\u015fabilmesi ve interneti kullanabilmesi a\u00e7\u0131s\u0131ndan kritik \u00f6neme sahiptir. ARIA (Accessible Rich Internet Applications) \u00f6znitelikleri, HTML&#039;deki temel eri\u015filebilirlik \u00f6zelliklerini geni\u015fleterek, g\u00f6rme engelli, hareket k\u0131s\u0131tl\u0131, \u00f6\u011frenme g\u00fc\u00e7l\u00fc\u011f\u00fc \u00e7eken ve di\u011fer engelli kullan\u0131c\u0131lar\u0131n web sitelerine eri\u015fimini ve kullan\u0131m\u0131 kolayla\u015ft\u0131rmay\u0131 ama\u00e7lar.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/fatihsoysal.com\/blog\/web-sitene-erisilebilirlik-kat-htmlde-aria-oznitelikleriyle-ustalik-kazan\/\" \/>\n<meta property=\"og:locale\" content=\"tr_TR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Web Sitene Eri\u015filebilirlik Kat: HTML&#039;de ARIA \u00d6znitelikleriyle Ustal\u0131k Kazan\" \/>\n<meta property=\"og:description\" content=\"Web sitenizin herkes taraf\u0131ndan eri\u015filebilir olmas\u0131, herkesin e\u015fit bir \u015fekilde i\u00e7eriklere ula\u015fabilmesi ve interneti kullanabilmesi a\u00e7\u0131s\u0131ndan kritik \u00f6neme sahiptir. ARIA (Accessible Rich Internet Applications) \u00f6znitelikleri, HTML&#039;deki temel eri\u015filebilirlik \u00f6zelliklerini geni\u015fleterek, g\u00f6rme engelli, hareket k\u0131s\u0131tl\u0131, \u00f6\u011frenme g\u00fc\u00e7l\u00fc\u011f\u00fc \u00e7eken ve di\u011fer engelli kullan\u0131c\u0131lar\u0131n web sitelerine eri\u015fimini ve kullan\u0131m\u0131 kolayla\u015ft\u0131rmay\u0131 ama\u00e7lar.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/fatihsoysal.com\/blog\/web-sitene-erisilebilirlik-kat-htmlde-aria-oznitelikleriyle-ustalik-kazan\/\" \/>\n<meta property=\"og:site_name\" content=\"Kodlar\u0131n Gizemli D\u00fcnyas\u0131\" \/>\n<meta property=\"article:published_time\" content=\"2024-11-13T15:30:13+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=\"4 dakika\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/web-sitene-erisilebilirlik-kat-htmlde-aria-oznitelikleriyle-ustalik-kazan\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/web-sitene-erisilebilirlik-kat-htmlde-aria-oznitelikleriyle-ustalik-kazan\/\"},\"author\":{\"name\":\"Fatih Soysal\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1\"},\"headline\":\"Web Sitene Eri\u015filebilirlik Kat: HTML&#8217;de ARIA \u00d6znitelikleriyle Ustal\u0131k Kazan\",\"datePublished\":\"2024-11-13T15:30:13+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/web-sitene-erisilebilirlik-kat-htmlde-aria-oznitelikleriyle-ustalik-kazan\/\"},\"wordCount\":792,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1\"},\"inLanguage\":\"tr\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/fatihsoysal.com\/blog\/web-sitene-erisilebilirlik-kat-htmlde-aria-oznitelikleriyle-ustalik-kazan\/#respond\"]}],\"copyrightYear\":\"2024\",\"copyrightHolder\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#organization\"}},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/web-sitene-erisilebilirlik-kat-htmlde-aria-oznitelikleriyle-ustalik-kazan\/\",\"url\":\"https:\/\/fatihsoysal.com\/blog\/web-sitene-erisilebilirlik-kat-htmlde-aria-oznitelikleriyle-ustalik-kazan\/\",\"name\":\"Web Sitene Eri\u015filebilirlik Kat: HTML'de ARIA \u00d6znitelikleriyle Ustal\u0131k Kazan\",\"isPartOf\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#website\"},\"datePublished\":\"2024-11-13T15:30:13+00:00\",\"description\":\"Web sitenizin herkes taraf\u0131ndan eri\u015filebilir olmas\u0131, herkesin e\u015fit bir \u015fekilde i\u00e7eriklere ula\u015fabilmesi ve interneti kullanabilmesi a\u00e7\u0131s\u0131ndan kritik \u00f6neme sahiptir. ARIA (Accessible Rich Internet Applications) \u00f6znitelikleri, HTML'deki temel eri\u015filebilirlik \u00f6zelliklerini geni\u015fleterek, g\u00f6rme engelli, hareket k\u0131s\u0131tl\u0131, \u00f6\u011frenme g\u00fc\u00e7l\u00fc\u011f\u00fc \u00e7eken ve di\u011fer engelli kullan\u0131c\u0131lar\u0131n web sitelerine eri\u015fimini ve kullan\u0131m\u0131 kolayla\u015ft\u0131rmay\u0131 ama\u00e7lar.\",\"breadcrumb\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/web-sitene-erisilebilirlik-kat-htmlde-aria-oznitelikleriyle-ustalik-kazan\/#breadcrumb\"},\"inLanguage\":\"tr\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/fatihsoysal.com\/blog\/web-sitene-erisilebilirlik-kat-htmlde-aria-oznitelikleriyle-ustalik-kazan\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/web-sitene-erisilebilirlik-kat-htmlde-aria-oznitelikleriyle-ustalik-kazan\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Anasayfa\",\"item\":\"https:\/\/fatihsoysal.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Web Sitene Eri\u015filebilirlik Kat: HTML&#8217;de ARIA \u00d6znitelikleriyle Ustal\u0131k Kazan\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#website\",\"url\":\"https:\/\/fatihsoysal.com\/blog\/\",\"name\":\"Fatihsoysal.com\",\"description\":\"Blog - Yaz\u0131l\u0131m D\u00fcnyas\u0131 Tecr\u00fcbelerim\",\"publisher\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/fatihsoysal.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"tr\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1\",\"name\":\"Fatih Soysal\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"tr\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/fatihsoysal.com\/blog\/wp-content\/uploads\/2024\/04\/cropped-replicate-prediction-3kgg1hgjn5rgp0cf0p5tr0jw7w-1.png\",\"contentUrl\":\"https:\/\/fatihsoysal.com\/blog\/wp-content\/uploads\/2024\/04\/cropped-replicate-prediction-3kgg1hgjn5rgp0cf0p5tr0jw7w-1.png\",\"width\":512,\"height\":512,\"caption\":\"Fatih Soysal\"},\"logo\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/image\/\"},\"description\":\"Kullan\u0131m ve kodlama m\u00fckemmeliyetini odak alan uygulamalar olu\u015fturma deneyimine sahip, profesyonel olarak 15+ y\u0131l \u00fczeri deneyime sahip bir yaz\u0131l\u0131m m\u00fchendisi.\",\"url\":\"https:\/\/fatihsoysal.com\/blog\/author\/fatihsoysal\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Web Sitene Eri\u015filebilirlik Kat: HTML'de ARIA \u00d6znitelikleriyle Ustal\u0131k Kazan","description":"Web sitenizin herkes taraf\u0131ndan eri\u015filebilir olmas\u0131, herkesin e\u015fit bir \u015fekilde i\u00e7eriklere ula\u015fabilmesi ve interneti kullanabilmesi a\u00e7\u0131s\u0131ndan kritik \u00f6neme sahiptir. ARIA (Accessible Rich Internet Applications) \u00f6znitelikleri, HTML'deki temel eri\u015filebilirlik \u00f6zelliklerini geni\u015fleterek, g\u00f6rme engelli, hareket k\u0131s\u0131tl\u0131, \u00f6\u011frenme g\u00fc\u00e7l\u00fc\u011f\u00fc \u00e7eken ve di\u011fer engelli kullan\u0131c\u0131lar\u0131n web sitelerine eri\u015fimini ve kullan\u0131m\u0131 kolayla\u015ft\u0131rmay\u0131 ama\u00e7lar.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/fatihsoysal.com\/blog\/web-sitene-erisilebilirlik-kat-htmlde-aria-oznitelikleriyle-ustalik-kazan\/","og_locale":"tr_TR","og_type":"article","og_title":"Web Sitene Eri\u015filebilirlik Kat: HTML'de ARIA \u00d6znitelikleriyle Ustal\u0131k Kazan","og_description":"Web sitenizin herkes taraf\u0131ndan eri\u015filebilir olmas\u0131, herkesin e\u015fit bir \u015fekilde i\u00e7eriklere ula\u015fabilmesi ve interneti kullanabilmesi a\u00e7\u0131s\u0131ndan kritik \u00f6neme sahiptir. ARIA (Accessible Rich Internet Applications) \u00f6znitelikleri, HTML'deki temel eri\u015filebilirlik \u00f6zelliklerini geni\u015fleterek, g\u00f6rme engelli, hareket k\u0131s\u0131tl\u0131, \u00f6\u011frenme g\u00fc\u00e7l\u00fc\u011f\u00fc \u00e7eken ve di\u011fer engelli kullan\u0131c\u0131lar\u0131n web sitelerine eri\u015fimini ve kullan\u0131m\u0131 kolayla\u015ft\u0131rmay\u0131 ama\u00e7lar.","og_url":"https:\/\/fatihsoysal.com\/blog\/web-sitene-erisilebilirlik-kat-htmlde-aria-oznitelikleriyle-ustalik-kazan\/","og_site_name":"Kodlar\u0131n Gizemli D\u00fcnyas\u0131","article_published_time":"2024-11-13T15:30:13+00:00","author":"Fatih Soysal","twitter_card":"summary_large_image","twitter_misc":{"Yazan:":"Fatih Soysal","Tahmini okuma s\u00fcresi":"4 dakika"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/fatihsoysal.com\/blog\/web-sitene-erisilebilirlik-kat-htmlde-aria-oznitelikleriyle-ustalik-kazan\/#article","isPartOf":{"@id":"https:\/\/fatihsoysal.com\/blog\/web-sitene-erisilebilirlik-kat-htmlde-aria-oznitelikleriyle-ustalik-kazan\/"},"author":{"name":"Fatih Soysal","@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1"},"headline":"Web Sitene Eri\u015filebilirlik Kat: HTML&#8217;de ARIA \u00d6znitelikleriyle Ustal\u0131k Kazan","datePublished":"2024-11-13T15:30:13+00:00","mainEntityOfPage":{"@id":"https:\/\/fatihsoysal.com\/blog\/web-sitene-erisilebilirlik-kat-htmlde-aria-oznitelikleriyle-ustalik-kazan\/"},"wordCount":792,"commentCount":0,"publisher":{"@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1"},"inLanguage":"tr","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/fatihsoysal.com\/blog\/web-sitene-erisilebilirlik-kat-htmlde-aria-oznitelikleriyle-ustalik-kazan\/#respond"]}],"copyrightYear":"2024","copyrightHolder":{"@id":"https:\/\/fatihsoysal.com\/blog\/#organization"}},{"@type":"WebPage","@id":"https:\/\/fatihsoysal.com\/blog\/web-sitene-erisilebilirlik-kat-htmlde-aria-oznitelikleriyle-ustalik-kazan\/","url":"https:\/\/fatihsoysal.com\/blog\/web-sitene-erisilebilirlik-kat-htmlde-aria-oznitelikleriyle-ustalik-kazan\/","name":"Web Sitene Eri\u015filebilirlik Kat: HTML'de ARIA \u00d6znitelikleriyle Ustal\u0131k Kazan","isPartOf":{"@id":"https:\/\/fatihsoysal.com\/blog\/#website"},"datePublished":"2024-11-13T15:30:13+00:00","description":"Web sitenizin herkes taraf\u0131ndan eri\u015filebilir olmas\u0131, herkesin e\u015fit bir \u015fekilde i\u00e7eriklere ula\u015fabilmesi ve interneti kullanabilmesi a\u00e7\u0131s\u0131ndan kritik \u00f6neme sahiptir. ARIA (Accessible Rich Internet Applications) \u00f6znitelikleri, HTML'deki temel eri\u015filebilirlik \u00f6zelliklerini geni\u015fleterek, g\u00f6rme engelli, hareket k\u0131s\u0131tl\u0131, \u00f6\u011frenme g\u00fc\u00e7l\u00fc\u011f\u00fc \u00e7eken ve di\u011fer engelli kullan\u0131c\u0131lar\u0131n web sitelerine eri\u015fimini ve kullan\u0131m\u0131 kolayla\u015ft\u0131rmay\u0131 ama\u00e7lar.","breadcrumb":{"@id":"https:\/\/fatihsoysal.com\/blog\/web-sitene-erisilebilirlik-kat-htmlde-aria-oznitelikleriyle-ustalik-kazan\/#breadcrumb"},"inLanguage":"tr","potentialAction":[{"@type":"ReadAction","target":["https:\/\/fatihsoysal.com\/blog\/web-sitene-erisilebilirlik-kat-htmlde-aria-oznitelikleriyle-ustalik-kazan\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/fatihsoysal.com\/blog\/web-sitene-erisilebilirlik-kat-htmlde-aria-oznitelikleriyle-ustalik-kazan\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Anasayfa","item":"https:\/\/fatihsoysal.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Web Sitene Eri\u015filebilirlik Kat: HTML&#8217;de ARIA \u00d6znitelikleriyle Ustal\u0131k Kazan"}]},{"@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\/3817","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=3817"}],"version-history":[{"count":0,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/posts\/3817\/revisions"}],"wp:attachment":[{"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/media?parent=3817"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/categories?post=3817"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/tags?post=3817"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}