• Gündem
  • Alışveriş
  • Finans
  • YaCevapYaCevap
  • YaÖzet
  • Seyahat
  • Video
  • Görsel
  • Ana Sayfa
  • TeknolojiTeknoloji
  • Psikoloji ve İlişkiler
  • Bilim ve Eğitim
  • Yemek
  • Kültür ve Sanat
  • Filmler ve Diziler
  • Ekonomi ve Finans
  • Oyun
  • Spor
  • Güzellik ve Moda
  • Faydalı İpuçları
  • Otomobil
  • Hukuk
  • Seyahat
  • Hayvanlar ve doğa
  • Sağlık
  • Diğer
  • Buradasın
    • YaCevap ›
    • Teknoloji ›

    WebAIM kontrast denetleyicisi nasıl kullanılır?

    • Teknoloji
    • WebGeliştirme
    • Erişilebilirlik

    Yazeka

    Arama sonuçlarına göre oluşturuldu

    WebAIM kontrast denetleyicisini kullanmak için aşağıdaki adımlar izlenebilir:
    1. WebAIM renk kontrast denetleyicisine gidilir 3.
    2. Metin ve arka plan renklerini renk seçici kullanarak girilir ya da renk değerini girilir 3.
    3. Renkleri, kontrast denetleyicisinden geçecek şekilde ayarlanır 3.
    Gerekli kontrast oranları, kullanılan metnin boyutuna göre değişir:
    • Normal boyutlu metin (12 punto) için kontrast oranı en az 4,5:1 olmalıdır 3.
    • Büyük boyutlu metin (14 punto ve kalın, 18 punto veya daha büyük) için kontrast oranı en az 3:1 olmalıdır 3.
    WebAIM'in kullanım talimatları ve teknik bilgileri için detaylı bir kılavuzu bulunmaktadır 3.
    WebAIM kontrast denetleyicisine şu sitelerden ulaşılabilir:
    • webaim.org 1;
    • youtube.com 2;
    • aps.edu 3;
    • section508.gov 4.
    5 kaynaktan alınan bilgiyle göre:

      Yanıtı değerlendir

      5 kaynak

      1. zcmdigital.com
        1
      2. webaim.org
        2
      3. blog.pope.tech
        3
      4. webhoney.digital
        4
      5. ataem.org
        5

    • WCAG 2.1 standartları nelerdir?

    • Renk seçiciler nasıl kullanılır?

    • Kontrast oranı nasıl hesaplanır?

    • Daha fazla bilgi

  • Yazeka nedir?
Seçili sitelerdeki metinlere göre Yazeka tarafından oluşturulan yanıtlardır. Hatalar içerebilir. Önemli bilgileri kontrol ediniz.
  • © 2025 Yandex
  • Gizlilik politikası
  • Kullanıcı sözleşmesi
  • Hata bildir
  • Şirket hakkında
{"2t9k0":{"state":{"logoProps":{"url":"https://yandex.com.tr"},"formProps":{"action":"https://yandex.com.tr/search","searchLabel":"Bul"},"services":{"activeItemId":"answers","items":[{"url":"https://yandex.com.tr/gundem/","title":"Gündem","id":"agenda"},{"url":"https://yandex.com.tr/shopping/","title":"Alışveriş","id":"shopping"},{"url":"https://yandex.com.tr/finance/","title":"Finans","id":"finance"},{"url":"https://yandex.com.tr/yacevap/","title":"YaCevap","id":"answers"},{"url":"https://yandex.com.tr/yaozet/","title":"YaÖzet","id":"summary"},{"url":"https://yandex.com.tr/travel/","title":"Seyahat","id":"travel"},{"url":"https://yandex.com.tr/video/search?text=popüler+videolar","title":"Video","id":"video"},{"url":"https://yandex.com.tr/gorsel/","title":"Görsel","id":"images"}]},"userProps":{"loggedIn":false,"ariaLabel":"Menü","plus":false,"birthdayHat":false,"child":false,"dialogProps":{"host":"yandex.com.tr","lang":"tr","project":"neurolib","queryParams":{"exp_flags":"skin","preset":"oceania","utm_source":"portal-neurolib"},"retpath":"https%3A%2F%2Fyandex.com.tr%2Fyacevap%2Fc%2Fteknoloji%2Fq%2Fwebaim-kontrast-denetleyicisi-nasil-kullanilir-1206048923%3Fncrnd%3D66579","tld":"com.tr","platform":"desktop"},"className":"PortalHeader-User"},"suggestProps":{"selectors":{"form":".HeaderForm","input":".HeaderForm-Input","submit":".HeaderForm-Submit","clear":".HeaderForm-Clear","layout":".HeaderForm-InputWrapper"},"suggestUrl":"https://yandex.com.tr/suggest/suggest-ya.cgi?show_experiment=222&show_experiment=224","deleteUrl":"https://yandex.com.tr/suggest-delete-text?srv=web&text_to_delete=","suggestPlaceholder":"Yapay zeka ile bul","platform":"desktop","hideKeyboardOnScroll":false,"additionalFormClasses":["mini-suggest_theme_tile","mini-suggest_overlay_tile","mini-suggest_expanding_yes","mini-suggest_prevent-empty_yes","mini-suggest_type-icon_yes","mini-suggest_personal_yes","mini-suggest_type-icon_yes","mini-suggest_rich_yes","mini-suggest_overlay_dark","mini-suggest_large_yes","mini-suggest_copy-fact_yes","mini-suggest_clipboard_yes","mini-suggest_turboapp_yes","mini-suggest_expanding_yes","mini-suggest_affix_yes","mini-suggest_carousel_yes","mini-suggest_traffic_yes","mini-suggest_re-request_yes","mini-suggest_source_yes","mini-suggest_favicon_yes","mini-suggest_more","mini-suggest_long-fact_yes","mini-suggest_hide-keyboard_yes","mini-suggest_clear-on-submit_yes","mini-suggest_focus-on-change_yes","mini-suggest_short-fact_yes","mini-suggest_app_yes","mini-suggest_grouping_yes","mini-suggest_entity-suggest_yes","mini-suggest_redesigned-navs_yes","mini-suggest_title-multiline_yes","mini-suggest_type-icon-wrapped_yes","mini-suggest_fulltext-highlight_yes","mini-suggest_fulltext-insert_yes","mini-suggest_lines_multi"],"counter":{"service":"neurolib_com_tr_desktop","url":"//yandex.ru/clck/jclck","timeout":300,"params":{"dtype":"stred","pid":"0","cid":"2873"}},"noSubmit":false,"formAction":"https://yandex.com.tr/search","tld":"com.tr","suggestParams":{"srv":"serp_com_tr_desktop","wiz":"TrWth","yu":"4235415961764165270","lr":20815,"uil":"tr","fact":1,"v":4,"use_verified":1,"safeclick":1,"skip_clickdaemon_host":1,"rich_nav":1,"verified_nav":1,"rich_phone":1,"use_favicon":1,"nav_favicon":1,"mt_wizard":1,"history":1,"nav_text":1,"maybe_ads":1,"icon":1,"hl":1,"n":10,"portal":1,"platform":"desktop","mob":0,"extend_fw":1,"suggest_entity_desktop":"1","entity_enrichment":"1","entity_max_count":"5"},"disableWebSuggest":false},"context":{"query":"","reqid":"1764165379662066-15266557662592120567-balancer-l7leveler-kubr-yp-sas-196-BAL","lr":"20815","aliceDeeplink":"{\"text\":\"\"}"},"baobab":{"parentNode":{"context":{"genInfo":{"prefix":"2t9kw01-0-1"},"ui":"desktop","service":"neurolib","fast":{"name":"neuro_library","subtype":"header"}}}}},"type":"neuro_library","subtype":"header"},"2t9k1":{"state":{"links":[{"id":"main","url":"/yacevap/","title":"Ana Sayfa","target":"_self"},{"id":"technologies","url":"/yacevap/c/teknoloji","title":"Teknoloji","target":"_self"},{"id":"psychology-and-relationships","url":"/yacevap/c/psikoloji-ve-iliskiler","title":"Psikoloji ve İlişkiler","target":"_self"},{"id":"science-and-education","url":"/yacevap/c/bilim-ve-egitim","title":"Bilim ve Eğitim","target":"_self"},{"id":"food","url":"/yacevap/c/yemek","title":"Yemek","target":"_self"},{"id":"culture-and-art","url":"/yacevap/c/kultur-ve-sanat","title":"Kültür ve Sanat","target":"_self"},{"id":"tv-and-films","url":"/yacevap/c/filmler-ve-diziler","title":"Filmler ve Diziler","target":"_self"},{"id":"economics-and-finance","url":"/yacevap/c/ekonomi-ve-finans","title":"Ekonomi ve Finans","target":"_self"},{"id":"games","url":"/yacevap/c/oyun","title":"Oyun","target":"_self"},{"id":"sport","url":"/yacevap/c/spor","title":"Spor","target":"_self"},{"id":"beauty-and-style","url":"/yacevap/c/guzellik-ve-moda","title":"Güzellik ve Moda","target":"_self"},{"id":"useful-tips","url":"/yacevap/c/faydali-ipuclari","title":"Faydalı İpuçları","target":"_self"},{"id":"auto","url":"/yacevap/c/otomobil","title":"Otomobil","target":"_self"},{"id":"law","url":"/yacevap/c/hukuk","title":"Hukuk","target":"_self"},{"id":"travel","url":"/yacevap/c/seyahat","title":"Seyahat","target":"_self"},{"id":"animals-and-nature","url":"/yacevap/c/hayvanlar-ve-doga","title":"Hayvanlar ve doğa","target":"_self"},{"id":"health","url":"/yacevap/c/saglik","title":"Sağlık","target":"_self"},{"id":"other","url":"/yacevap/c/diger","title":"Diğer","target":"_self"}],"activeLinkId":"technologies","title":"Kategoriler","baobab":{"parentNode":{"context":{"genInfo":{"prefix":"2t9kw02-0-1"},"ui":"desktop","service":"neurolib","fast":{"name":"neuro_library","subtype":"header-categories"}}}}},"type":"neuro_library","subtype":"header-categories"},"2t9k2":{"state":{"tld":"com.tr","markdown":"**WebAIM kontrast denetleyicisini kullanmak için aşağıdaki adımlar izlenebilir:**\n\n1. WebAIM renk kontrast denetleyicisine gidilir [```3```](https://www.aps.edu/accessibility-at-aps/accessibility-tools/webaim-contrast-checker).\n2. Metin ve arka plan renklerini renk seçici kullanarak girilir ya da renk değerini girilir [```3```](https://www.aps.edu/accessibility-at-aps/accessibility-tools/webaim-contrast-checker).\n3. Renkleri, kontrast denetleyicisinden geçecek şekilde ayarlanır [```3```](https://www.aps.edu/accessibility-at-aps/accessibility-tools/webaim-contrast-checker).\n\n**Gerekli kontrast oranları, kullanılan metnin boyutuna göre değişir:**\n\n* Normal boyutlu metin (12 punto) için kontrast oranı en az 4,5:1 olmalıdır [```3```](https://www.aps.edu/accessibility-at-aps/accessibility-tools/webaim-contrast-checker).\n* Büyük boyutlu metin (14 punto ve kalın, 18 punto veya daha büyük) için kontrast oranı en az 3:1 olmalıdır [```3```](https://www.aps.edu/accessibility-at-aps/accessibility-tools/webaim-contrast-checker).\n\nWebAIM'in kullanım talimatları ve teknik bilgileri için detaylı bir kılavuzu bulunmaktadır [```3```](https://www.aps.edu/accessibility-at-aps/accessibility-tools/webaim-contrast-checker).\n\nWebAIM kontrast denetleyicisine şu sitelerden ulaşılabilir:\n\n* webaim.org [```1```](https://webaim.org/resources/contrastchecker/);\n* youtube.com [```2```](https://www.youtube.com/watch?v=p_e5l1-nmI8);\n* aps.edu [```3```](https://www.aps.edu/accessibility-at-aps/accessibility-tools/webaim-contrast-checker);\n* section508.gov [```4```](https://www.section508.gov/training/create/making-color-usage-accessible/webaim-contrast-checker/).","sources":[{"sourceId":1,"url":"https://zcmdigital.com/colour-contrast-website-accessibility/","title":"How to Test Colour Contrast Using WebAIM’s Contrast...","shownUrl":"https://zcmdigital.com/colour-contrast-website-accessibility/","rel":"nofollow"},{"sourceId":2,"url":"https://webaim.org/resources/contrastchecker/","title":"WebAIM: Contrast Checker","shownUrl":"https://webaim.org/resources/contrastchecker/","rel":"nofollow"},{"sourceId":3,"url":"https://blog.pope.tech/2023/10/17/color-contrast-accessibility-tools-with-examples/","title":"Color Contrast Accessibility Tools With Examples - Pope...","shownUrl":"https://blog.pope.tech/2023/10/17/color-contrast-accessibility-tools-with-examples/","rel":"nofollow"},{"sourceId":4,"url":"https://webhoney.digital/webaim-contrast-checker/","title":"WebAIM Contrast Checker Web Honey Digital Web Design...","shownUrl":"https://webhoney.digital/webaim-contrast-checker/","rel":"nofollow"},{"sourceId":5,"url":"https://ataem.org/storage/ocali-ims-sites/ocali-ims-ataem/documents/WebAIM-Contrast-Checker-How-To.pdf","title":"WebAIM Contrast Checker for OER","shownUrl":"https://ataem.org/storage/ocali-ims-sites/ocali-ims-ataem/documents/WebAIM-Contrast-Checker-How-To.pdf","rel":"nofollow"}],"isHermione":false,"headerProps":{"header":"WebAIM kontrast denetleyicisi nasıl kullanılır?","homeUrl":"/yacevap/","categoryUrl":"/yacevap/c/teknoloji","categoryTitle":"Teknoloji","canUseNativeShare":false,"tags":[{"href":"/yacevap/t/teknoloji","text":"Teknoloji"},{"href":"/yacevap/t/webgelistirme","text":"WebGeliştirme"},{"href":"/yacevap/t/erisilebilirlik","text":"Erişilebilirlik"}],"extralinksItems":[{"variant":"reportFeedback","reportFeedback":{"feature":"YazekaAnswers","title":"Bu yanıtta yanlış olan ne?","checkBoxLabels":[{"value":"Uygunsuz veya aşağılayıcı yanıt"},{"value":"Soruma yanıt verilmedi"},{"value":"Bilgi hataları var"},{"value":"Bilgi yetersiz"},{"value":"Bilgi güncel değil"},{"value":"Görüntüleme hataları"},{"value":"Yanıtta kullanılan kaynaklar güvenilir değil"},{"value":"Bu soru için yanıt gerekmiyor"},{"value":"Diğer"}]}}]},"suggestProps":{"suggestItems":[{"id":0,"text":"WCAG 2.1 standartları nelerdir?","url":"/search?text=WCAG+2.1+standartlar%C4%B1&promo=force_neuro"},{"id":1,"text":"Renk seçiciler nasıl kullanılır?","url":"/search?text=WebAIM+kontrast+denetleyicisinde+renk+se%C3%A7iciler+nas%C4%B1l+kullan%C4%B1l%C4%B1r%3F&promo=force_neuro"},{"id":2,"text":"Kontrast oranı nasıl hesaplanır?","url":"/search?text=WebAIM+kontrast+denetleyicisi+nas%C4%B1l+kullan%C4%B1l%C4%B1r%3F&promo=force_neuro"},{"id":-1,"url":"/search?text=WebAIM+kontrast+denetleyicisi+nas%C4%B1l+kullan%C4%B1l%C4%B1r%3F&promo=force_neuro","text":"Daha fazla bilgi"}]},"feedbackProps":{"feature":"YazekaAnswers","baseProps":{"metaFields":{"yandexuid":"4235415961764165270","reqid":"1764165379662066-15266557662592120567-balancer-l7leveler-kubr-yp-sas-196-BAL"}},"positiveCheckboxLabels":[{"value":"Yanıtı çok beğendim"},{"value":"Yanıtta gerekli bilgiler var"},{"value":"Kolay anlaşılır"},{"value":"Diğer"}],"negativeCheckboxLabels":[{"value":"Uygunsuz veya aşağılayıcı yanıt"},{"value":"Soruma yanıt verilmedi"},{"value":"Bilgi hataları var"},{"value":"Bilgi yetersiz"},{"value":"Bilgi güncel değil"},{"value":"Görüntüleme hataları"},{"value":"Yanıtta kullanılan kaynaklar güvenilir değil"},{"value":"Bu soru için yanıt gerekmiyor"},{"value":"Diğer"}]},"dialogStoreProps":{"baseUrl":""},"globalStoreProps":{"imageBackendUrl":"https://yandex.com.tr/images-apphost/image-download?cbird=171","query":"","retina":false,"avatarId":"0","isMacOS":false,"isEmbeddedFuturis":false,"brand":"yazeka","device":{"isIOS":false,"platform":"desktop"}},"baobab":{"parentNode":{"context":{"genInfo":{"prefix":"2t9kw03-0-1"},"ui":"desktop","service":"neurolib","fast":{"name":"neuro_library","subtype":"question"}}}}},"type":"neuro_library","subtype":"question"},"2t9k3":{"state":{"relatedMaterials":[],"baobab":{"parentNode":{"context":{"genInfo":{"prefix":"2t9kw04-0-1"},"ui":"desktop","service":"neurolib","fast":{"name":"neuro_library","subtype":"related"}}}}},"type":"neuro_library","subtype":"related"},"2t9k4":{"state":{"tld":"com.tr","isIos":false,"isQuestionPage":true,"baobab":{"parentNode":{"context":{"genInfo":{"prefix":"2t9kw05-0-1"},"ui":"desktop","service":"neurolib","fast":{"name":"neuro_library","subtype":"ask_question"}}}}},"type":"neuro_library","subtype":"ask_question"},"2t9k5":{"state":{"generalLinks":[{"id":"privacy-policy","text":"Gizlilik politikası","url":"https://yandex.com.tr/legal/privacy_policy/"},{"id":"terms-of-service","text":"Kullanıcı sözleşmesi","url":"https://yandex.com.tr/legal/tos/"},{"id":"report-error","text":"Hata bildir","url":"https://forms.yandex.com.tr/surveys/13748122.01a6645a1ef15703c9b82a7b6c521932ddc0e3f7/"},{"id":"about-company","text":"Şirket hakkında","url":"https://yandex.com.tr/project/portal/contacts/"}],"copyright":{"url":"https://yandex.com.tr","currentYear":2025},"socialLinks":[{"url":"https://www.tiktok.com/@yandex.turkiye","type":"tiktok","title":"TikTok"},{"url":"https://www.youtube.com/@YandexTurkiye","type":"youtube","title":"Youtube"},{"url":"https://www.facebook.com/YandexComTr","type":"facebook","title":"Facebook"},{"url":"https://www.instagram.com/yandex__turkiye/","type":"instagram","title":"Instagram"},{"url":"https://x.com/yndxturkiye","type":"x","title":"X"}],"categoriesLink":[],"disclaimer":"Seçili sitelerdeki metinlere göre Yazeka tarafından oluşturulan yanıtlardır. Hatalar içerebilir. Önemli bilgileri kontrol ediniz.","baobab":{"parentNode":{"context":{"genInfo":{"prefix":"2t9kw06-0-1"},"ui":"desktop","service":"neurolib","fast":{"name":"neuro_library","subtype":"footer"}}}}},"type":"neuro_library","subtype":"footer"}}