ForHosting KIT · التحقق من البيانات: بريد، آيبان، هواتف

فحص الحد الأدنى لحجم الخط الميسر

قد يجعل النص الصغير واجهة جيدة الوظائف صعبة القراءة، ولا سيما للأشخاص ذوي ضعف البصر وكبار السن ومن يستخدمون الشاشة في ظروف غير ملائمة.

● Betaمجاني · داخل متصفحك

شغّل الأداة مجانًا اطّلع على الـAPI

استخدمها من الويبAPIالبريدTelegramالتطبيق قريبًا

تقارن هذه الأداة حجم الخط بوحدة بكسل CSS بحد أدنى عملي لنص المتن أو شرح الصورة أو تسمية الزر. وتعرض الحد المطبق، وما إذا كان الحجم يبلغه، والفارق الدقيق عنه. تفيد النتيجة في الفحص الأولي لإمكانية الوصول، لكنها لا تعني أن حجم الخط وحده يجعل التصميم ميسرا لجميع المستخدمين.

حددوا وظيفة المحتوى قبل الحكم على الرقم

لا يكفي حجم الخط وحده لاتخاذ القرار، لأن النصوص تؤدي وظائف مختلفة. تعتمد هذه الأداة 16 بكسل CSS حدا أدنى شائعا للمتن الذي يتطلب قراءة متواصلة. أما شروح الصور فعادة ما تكون أقصر وثانوية، لذلك تقارن بحد 12 بكسل. ويجب أن تبقى تسميات الأزرار مقروءة داخل عناصر التحكم، فتقارن بحد 14 بكسل. اختاروا الوظيفة التي تؤديها الكلمات فعليا، لا المظهر الذي منحه التصميم للعنصر. فالسطر الواقع أسفل صورة يظل شرحا حتى إن استخدم خط المقال نفسه، والنص داخل عنصر قابل للتنفيذ يظل تسمية زر حتى إن بدا كرابط. يساعد التصريح بالوظيفة على توحيد عمليات التدقيق بين الصفحات، ويمنع تطبيق أصغر حد على جميع العناصر. تمثل هذه القيم إرشادات عملية شائعة وليست شروطا قانونية عالمية. ويمكن لنظام التصميم لديكم وضع حدود أكبر بحسب الجمهور ونوع الخط والأجهزة وظروف القراءة المتوقعة.

اقرؤوا النتيجة بوصفها قرار فحص أولي

تتضمن النتيجة الحجم المدخل ونوع المحتوى والحد الأدنى المستخدم ومؤشر الاجتياز وفارقا ذا إشارة. يعني الفارق صفر أن الحجم يساوي الحد تماما ويجتاز هذا الفحص. وتبين القيمة السالبة مقدار النقص، بينما تبين القيمة الموجبة الهامش المتاح فوق الحد. تفيد هذه المقارنة المباشرة في مراجعة رموز التصميم وحصر المكونات والفحوص الآلية ومعايير القبول، لأنها تحول القلق العام إلى قرار ثابت يمكن تكراره. غير أن اجتياز الفحص ينبغي أن يكون بداية تقييم إمكانية الوصول لا نهايته. يتغير الحجم الظاهر تبعا لعائلة الخط ووزنه وأشكال حروفه وتباعد الأسطر وكثافة الشاشة والتكبير والتخطيط المحيط. وقد يبقى نص بحجم 16 بكسل مرهقا إذا كان تباينه ضعيفا أو كانت أسطره طويلة جدا. استخدموا الإشارة لاكتشاف المشكلات المحتملة بسرعة، ثم افحصوا المكون بعد عرضه بمحتوى حقيقي وإعدادات مساعدة ملائمة، وبمشاركة مستخدمين ممثلين للجمهور كلما أمكن.

اجمعوا بين الحد الأدنى وتصميم خط مرن

يجب أن تصمد الكتابة الميسرة أمام التعديلات التي يجريها الأشخاص فعليا على الصفحة. بعد معالجة الحجم الذي أشارت إليه الأداة، تحققوا من إمكان تكبير النص من دون قصه، ومن نمو عناصر التحكم من دون فقدان تسمياتها، ومن إعادة تدفق التخطيط من دون فرض تمرير أفقي. يفضل في الواجهة المنفذة استخدام وحدات CSS النسبية حين تساعد على احترام إعدادات المستخدم، مع أن هذه الأداة تستقبل قيمة بالبكسل لتقديم مقارنة واضحة. افحصوا التباين في الحالات العادية وحالات التحويم والتركيز والتعطيل والخطأ. وفروا للمتن تباعدا وطولا مريحين للأسطر، ولا تضعوا التعليمات الأساسية في شرح صغير جدا. وفي الأزرار، لا تعالج التسمية المقروءة مساحة لمس صغيرة أو مؤشرا بؤريا غير ظاهر أو اسما ميسرا مفقودا. الحدود هنا بسيطة عمدا: 16 بكسل للمتن، و12 للشروح، و14 للأزرار. إذا كان جمهوركم يحتاج إلى عناية بصرية أكبر أو يستخدم شاشات بعيدة أو خارجية، فاعتمدوا معيارا داخليا أعلى.

حالات الاستخدام

مراجعة رموز التصميم

قارنوا قيم الخط بمرجع ثابت قبل تنفيذ المكونات في جميع أجزاء المنتج.

تدقيق مكتبة المكونات

اكتشفوا المتن والشروح وتسميات الأزرار الأصغر من اللازم عند حصر المكونات القابلة لإعادة الاستخدام.

إضافة فحص قبل الإصدار

استخدموا نتيجة API الحتمية لرصد تراجع حجم الخط ضمن سير عمل موثق لإمكانية الوصول.

الأسئلة الشائعة

هل يضمن بلوغ الحد الأدنى الامتثال لمتطلبات إمكانية الوصول؟

لا. هذا فحص عملي أولي وليس شهادة قانونية. ويجب أيضا مراعاة التباين والتكبير وإعادة التدفق والتباعد ووضوح الخط والمحتوى وتصميم التفاعل.

ما وحدة حجم الخط التي ينبغي إدخالها؟

أدخلوا الحجم المحسوب بوحدة بكسل CSS. إذا كانت ورقة الأنماط تستخدم rem أو em، فحولوا القيمة المعروضة إلى بكسل قبل فحصها.

ما الحدود التي تستخدمها الأداة؟

تقارن المتن بحد 16px، والشروح بحد 12px، وتسميات الأزرار بحد 14px. وهي مراجع عملية شائعة يمكن لنظام التصميم لديكم رفعها.

لماذا يجوز أن يكون الشرح أصغر من المتن؟

تكون الشروح عادة قصيرة وثانوية، لكن يجب أن تظل مقروءة. لا تضعوا تعليمات أساسية في شرح صغير وحده.

ماذا يحدث عند إرسال نوع محتوى آخر؟

يعيد الطلب خطأ يفيد بأن الإدخال غير صالح. استخدموا body أو caption أو button_label كي تطبق الأداة حدا معرفا.

للمطوّرين — الوصول عبر API

كل ما في هذه الصفحة متاح برمجيًا. هذا القسم موجّه للفرق التقنية التي تريد ربط الأداة بأنظمتها الخاصة؛ بقية المستخدمين يمكنهم استخدام الأداة أعلاه مباشرة دون الحاجة لقراءة ما يلي.

الـEndpoint

POSThttps://api.kit.forhosting.com/verify/accessibility-font-size-min-check

صادِق على طلبك بترويسة Bearer، وأرسل طلب POST واحدًا لتدخل مهمتك قائمة التنفيذ فورًا؛ ثم تستلم النتيجة عبر webhook أو رابط موقّع.

استدعِ الخدمة من بيئتك

curl -X POST https://api.kit.forhosting.com/verify/accessibility-font-size-min-check \
  -H "Authorization: Bearer $KIT_KEY" \
  -H "Content-Type: application/json" \
  -d '{"font_size":16,"content_type":"body"}'

const res = await fetch("https://api.kit.forhosting.com/verify/accessibility-font-size-min-check", {
  method: "POST",
  headers: {
    "Authorization": `Bearer ${process.env.KIT_KEY}`,
    "Content-Type": "application/json"
  },
  body: JSON.stringify({
    "font_size": 16,
    "content_type": "body"
  })
});
const { task_id } = await res.json();

import os, requests

res = requests.post(
    "https://api.kit.forhosting.com/verify/accessibility-font-size-min-check",
    headers={"Authorization": f"Bearer {os.environ['KIT_KEY']}"},
    json={
    "font_size": 16,
    "content_type": "body"
},
)
task_id = res.json()["task_id"]

<?php
$res = file_get_contents("https://api.kit.forhosting.com/verify/accessibility-font-size-min-check", false, stream_context_create([
  "http" => [
    "method"  => "POST",
    "header"  => "Authorization: Bearer " . getenv("KIT_KEY") . "\r\nContent-Type: application/json",
    "content" => '{"font_size":16,"content_type":"body"}',
  ],
]));
$task = json_decode($res, true);

body := bytes.NewBufferString(`{"font_size":16,"content_type":"body"}`)
req, _ := http.NewRequest("POST", "https://api.kit.forhosting.com/verify/accessibility-font-size-min-check", body)
req.Header.Set("Authorization", "Bearer "+os.Getenv("KIT_KEY"))
req.Header.Set("Content-Type", "application/json")
res, _ := http.DefaultClient.Do(req)

مثال على الطلب

{
  "font_size": 16,
  "content_type": "body"
}

مثال على الاستجابة

{
  "task_id": "tsk_a1b2c3d4e5f6a1b2c3d4e5f6",
  "type": "verify.accessibility_font_size_min_check",
  "status": "queued",
  "_links": {
    "result": "/tasks/tsk_…/result"
  }
}

الواجهة غير متزامنة: تستلم task_id فور الإرسال، ويمكنك الاستعلام عن الحالة بمعدل طلب واحد في الثانية.

الأسعار

لكل طلب$0.002

السعر معلن كما تراه: لا tokens ولا نظام نقاط؛ وإن فشلت المهمة فلن تُحاسَب عليها.

الأخطاء

HTTP	الرمز	المعنى
`401`	`unauthorized`	مفتاح الوصول مفقود أو غير صالح؛ تحقق من ترويسة Bearer في طلبك.
`402`	`insufficient_balance`	رصيدك لا يكفي لتنفيذ هذه المهمة؛ أعد شحن الرصيد ثم أعد المحاولة.
`404`	`unknown_type`	نوع المهمة المطلوب غير موجود في الكتالوج — راجع الاسم المرسل في الطلب.
`429`	`rate_limited`	تجاوزت الحد المسموح من الطلبات؛ انتظر قليلًا ثم أعد المحاولة.

اطّلع على توثيق KIT الكامل ←