Tıklama Hedefi Boyutu ve Aralığı

Elle ölçtüğünüz gerçek dikdörtgen hedeflerin boyutunu ve küçük hedeflerin komşu aralıklarını CSS pikseliyle karşılaştırın.

Sonucu kaydet

Dosyalar bütün girdileri ve tam hesap kaydını içerir. Yalnız siz indirdiğinizde veya kopyaladığınızda cihazınızda oluşturulur.

Hata bildir

Örn. C boyutla, küçük A ve B hedefleri aralıkla sağlar; sonuç 3 / 3 olur.

Açıklama ve örnekler

Hesabın kapsamı

Aynı sabit görünümde 1–30 eksenlere hizalı, bütünüyle etkin gerçek dikdörtgen. Koordinatlar 0–100000; boyutlar 1–10000 tam CSS pikseli, sağ/alt uç en çok 100000. Pozitif alanla örtüşme yerel kapsam dışında; değen kenarlar kabul edilir. Teğetlik yorumu resmî bilgilendirici örneklerden geometrik çıkarımdır. Diğer istisnalar, tam WCAG uygunluğu ve gerçek sayfa değerlendirilmez.

Tıklama Hedefi Boyutu ve Aralığı

Aynı görünümdeki tam dikdörtgen etkin alanları CSS pikseliyle yazın. Her hedefin boyutla mı, komşularına bırakılan aralıkla mı koşulu sağladığını ve hangi satırların engel olduğunu görün.

Ölçüleri hazırlama

Her satır `KOD;x;y;genişlik;yükseklik` biçimindedir. Başlangıç noktası sol üst köşedir; bütün hedefler aynı koordinat düzleminde olmalıdır. A gibi benzersiz büyük harfli bir kod kullanın. 1–30 hedef girilebilir. Koordinatlar 0–100000, boyutlar 1–10000 tam CSS pikselidir; sağ ve alt kenar 100000’i aşamaz. Kesirli ölçümleri yuvarlayarak yazmayın.

Yalnız bütünüyle etkin, eksenlere hizalı gerçek dikdörtgenleri bildirin. Komşu alanları atlamayın. Dönük, yuvarlatılmış, kırpılmış veya örtülmüş alanlar bu dar modele girmez. Dikdörtgenlerin iç alanları örtüşürse hesap yapılmaz; yalnız kenar veya köşe teması bu yerel sınırı aşmaz.

Sonucu okuma

Genişlik ve yükseklik birlikte en az 24 CSS piksel ise hedef boyutla sağlar. Daha küçük hedefin merkezine 24 CSS piksel çapında bir kontrol çemberi yerleştirilir. Bu çember hem bütün diğer hedef dikdörtgenleriyle hem diğer küçük hedeflerin çemberleriyle karşılaştırılır. Uzun, ince bir komşu alan uzakta görünen merkezine rağmen engel olabilir; engelleyen komşunun kendi sonucu farklı olabilir.

Tablo bütün hedefleri girdi sırasıyla gösterir. “Engelleyen satırlar” hedefin kendi aralık hesabını bozan kaynak satırlarıdır. Sınırda teğet temas bu modelde çakışma sayılmaz. Bu eşitlik yorumu resmî bilgilendirici örneklerden çıkarılmıştır; normatif metinde yazılı bir uzaklık denklemi değildir.

Kısa örnek

`A;50;50;18;10`, `B;74;50;18;10` ve `C;23;43;24;24` satırlarında C boyutla, A ve B aralıkla sağlar. A ile B’nin kontrol çemberleri teğettir; A’nın çemberi C’nin sınırına da teğettir. Sonuç 3 / 3 olur. Bu yalnız bildirilen üç dikdörtgenin sonucudur.

Kapsam ve kaynaklar

Bu araç WCAG 2.2’nin 2.5.8 ölçütündeki boyut ve aralık geometrisinden dar bir modeli uygular. Eşdeğer hedef, satır içi bağlantı, kullanıcı aracısı ve zorunluluk istisnalarını değerlendirmez. DOM taraması, ekran görüntüsü ölçümü, fiziksel piksel dönüşümü, bütün sayfanın erişilebilirliği veya uygunluk sertifikası sonucu üretmez. Girdiler hesap için cihazınızda işlenir.

Understanding · Target Size Minimum ve C42 tekniği bilgilendiricidir; normatif ölçütün yerine geçmez. Copyright © 2026 World Wide Web Consortium. Software and Document License 2023 geçerlidir. Üç kaynak 21 Ekim 2026 tarihinde okunmuştur; bu özgün uygulama 24 Ekim 2026 tarihinde hazırlanmıştır.

Hesaplama kodu, Türkçe açıklamalar ve koordinat örnekleri Hesaplamak.Net için özgün hazırlanmıştır. Kaynak şekilleri, kod örnekleri ve anlatım çevirisi kullanılmamıştır. Uygulama tam dikdörtgenlerle sınırlandırılmış, iç alan örtüşmesi yerel olarak dışlanmış ve teğetlik yorumu açıkça belirtilmiştir. Bu sayfa W3C teknik şartnamesinin değiştirilmiş veya çevrilmiş yayını değildir; W3C onayı veya sertifikası ima edilmez.

This software or document includes material copied from or derived from Understanding SC 2.5.8: Target Size (Minimum), https://www.w3.org/WAI/WCAG22/Understanding/target-size-minimum, and Technique C42: Using min-height and min-width to ensure sufficient target spacing, https://www.w3.org/WAI/WCAG22/Techniques/css/C42. Copyright © 2026 World Wide Web Consortium. https://www.w3.org/copyright/software-license-2023/.

Kaynakların mevcut kısa hak notları da geçerlidir: WCAG 2.2 için “Copyright © 2020–2024 World Wide Web Consortium. W3C® liability, trademark and document use rules apply.” Understanding ve C42 için “Copyright © 2026 World Wide Web Consortium. W3C® liability, trademark and permissive license rules apply unless otherwise noted. See Permission to Use WAI Material.” İlgili hak bağlantıları: https://www.w3.org/policies/#Legal_Disclaimer, https://www.w3.org/policies/#W3C_Trademarks, https://www.w3.org/policies/#disclaimers, https://www.w3.org/policies/#trademarks ve https://www.w3.org/WAI/about/using-wai-material/.

W3C Document License 2023 · tam bildirim

Status: This document is in effect since 1 January 2023.

Public documents on the W3C site are provided by the copyright holders under the following license.

License

By using and/or copying this document, or the W3C document from which this statement is linked, you (the licensee) agree that you have read, understood, and will comply with the following terms and conditions:

Permission to copy, and distribute the contents of this document, or the W3C document from which this statement is linked, in any medium for any purpose and without fee or royalty is hereby granted, provided that you include the following on ALL copies of the document, or portions thereof, that you use:

A link or URL to the original W3C document.

The pre-existing copyright notice of the original author, or if it doesn't exist, a notice (hypertext is preferred, but a textual representation is permitted) of the form: "Copyright © [$date-of-document] World Wide Web Consortium. https://www.w3.org/copyright/document-license-2023/"

If it exists, the STATUS of the W3C document.

When space permits, inclusion of the full text of this NOTICE should be provided. We request that authorship attribution be provided in any software, documents, or other items or products that you create pursuant to the implementation of the contents of this document, or any portion thereof.

No right to create modifications or derivatives of W3C documents is granted pursuant to this license, except as follows: To facilitate implementation of the technical specifications set forth in this document, anyone may prepare and distribute derivative works and portions of this document in software, in supporting materials accompanying software, and in documentation of software, PROVIDED that all such works include the notice below. HOWEVER, the publication of derivative works of this document for use as a technical specification is expressly prohibited.

In addition, "Code Components" —Web IDL in sections clearly marked as Web IDL; and W3C-defined markup (HTML, CSS, etc.) and computer programming language code clearly marked as code examples— are licensed under the W3C Software License.

The notice is:

Disclaimers

THIS DOCUMENT IS PROVIDED "AS IS," AND COPYRIGHT HOLDERS MAKE NO REPRESENTATIONS OR WARRANTIES, EXPRESS OR IMPLIED, INCLUDING, BUT NOT LIMITED TO, WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE, NON-INFRINGEMENT, OR TITLE; THAT THE CONTENTS OF THE DOCUMENT ARE SUITABLE FOR ANY PURPOSE; NOR THAT THE IMPLEMENTATION OF SUCH CONTENTS WILL NOT INFRINGE ANY THIRD PARTY PATENTS, COPYRIGHTS, TRADEMARKS OR OTHER RIGHTS.

COPYRIGHT HOLDERS WILL NOT BE LIABLE FOR ANY DIRECT, INDIRECT, SPECIAL OR CONSEQUENTIAL DAMAGES ARISING OUT OF ANY USE OF THE DOCUMENT OR THE PERFORMANCE OR IMPLEMENTATION OF THE CONTENTS THEREOF.

The name and trademarks of copyright holders may NOT be used in advertising or publicity pertaining to this document or its contents without specific, written prior permission. Title to copyright in this document will at all times remain with copyright holders.

W3C Software and Document License 2023 · tam bildirim

Status: This document is in effect since 1 January 2023.

This work is being provided by the copyright holders under the following license.

License

By obtaining and/or copying this work, you (the licensee) agree that you have read, understood, and will comply with the following terms and conditions.

Permission to copy, modify, and distribute this work, with or without modification, for any purpose and without fee or royalty is hereby granted, provided that you include the following on ALL copies of the work or portions thereof, including modifications:

The full text of this NOTICE in a location viewable to users of the redistributed or derivative work.

Any pre-existing intellectual property disclaimers, notices, or terms and conditions. If none exist, the W3C software and document short notice should be included.

Notice of any changes or modifications, through a copyright statement on the new code or document such as "This software or document includes material copied from or derived from [title and URI of the W3C document]. Copyright © [$year-of-document] World Wide Web Consortium. https://www.w3.org/copyright/software-license-2023/"

Disclaimers

THIS WORK IS PROVIDED "AS IS," AND COPYRIGHT HOLDERS MAKE NO REPRESENTATIONS OR WARRANTIES, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO, WARRANTIES OF MERCHANTABILITY OR FITNESS FOR ANY PARTICULAR PURPOSE OR THAT THE USE OF THE SOFTWARE OR DOCUMENT WILL NOT INFRINGE ANY THIRD PARTY PATENTS, COPYRIGHTS, TRADEMARKS OR OTHER RIGHTS.

COPYRIGHT HOLDERS WILL NOT BE LIABLE FOR ANY DIRECT, INDIRECT, SPECIAL OR CONSEQUENTIAL DAMAGES ARISING OUT OF ANY USE OF THE SOFTWARE OR DOCUMENT.

The name and trademarks of copyright holders may NOT be used in advertising or publicity pertaining to the work without specific, written prior permission. Title to copyright in this work will at all times remain with copyright holders.

### CSS pikseli cihaz pikseliyle aynı mı?
CSS pikseli, sayfanın yerleşim ölçüsüdür. Ekranın fiziksel pikseli, ekran yoğunluğu veya cihaz ölçek çarpanı yerine geçmez. Bu araç dönüşüm yapmaz; ölçülerin aynı CSS koordinat düzleminde hazırlanması gerekir.

Görünür dış kutuyu yazabilir miyim? Yalnız bütün dikdörtgen alan gerçekten etkinse yazabilirsiniz. İçinde tıklanmayan boşluk bulunan, yuvarlatılmış, kırpılmış veya örtülmüş şekillerin dış kutusu etkin alanı temsil etmeyebilir; bu şekiller kapsam dışıdır.

Merkezler uzakken küçük hedef neden eksik çıkabilir? Uzun ve ince bir komşu hedef kendi kontrol çemberinin dışına uzanabilir. Bu yüzden küçük hedefin çemberi komşunun gerçek dikdörtgeniyle de karşılaştırılır. Engelin etkisi yönlüdür; iki hedefin sonucu aynı olmak zorunda değildir.

Sonuç tam WCAG uygunluğu anlamına gelir mi? Hayır. Sonuç yalnız bildirdiğiniz dikdörtgenlerin dar boyut ve aralık hesabıdır. Diğer istisnalar, atlanan komşular, etkileşim durumları ve sayfanın başka erişilebilirlik koşulları değerlendirilmez.

Kesirli veya örtüşen ölçülerde ne yapmalıyım? Kesirli ölçüleri yuvarlayıp bu modele uydurmayın. Pozitif iç alanla örtüşen hedefler de burada hesaplanmaz. Bu sınırlamalar aracın dar kapsamıdır; söz konusu durumların WCAG bakımından otomatik olarak başarısız olduğu anlamına gelmez.

Kaynaklar ve yöntem

W3C · WCAG 2.2 · 2.5.8 Target Size (Minimum) · World Wide Web Consortium
W3C WAI · Understanding SC 2.5.8: Target Size (Minimum) · World Wide Web Consortium
W3C WAI · Technique C42 · Target spacing · World Wide Web Consortium