بناء مخطوطة عرفية

إعلان التغيرات الطارئة

وعندما ينتقل المستخدم إلى شهر جديد، يعلن الشهر والسنة باستخدام منطقة حية، ويستكمل العديد من التنفيذ على جهاز الاتصال أو استخدام منطقة مخبأة بصريا ]، وعندما يتم اختيار تاريخ، يعلنون " كانون الثاني/يناير 15 و 2025 " تأكيد الإجراء.

تفاصيل التنفيذ

الاستهلالية والتسويق

إنشاء فئة أو وظيفة مصنع تواريخ تقبل خيارات التشكيل: عنصر المدخلات، وشكل التاريخ، والحد الأدنى والحد الأقصى، ووظائف الاسترجاع لاختيار التاريخ، والبدء في إنشاء مستمعين للمناسبات على أساس المساهمة، وإصدار الشهر التقويمي الأولي:

class AccessibleDatePicker {
 constructor(input, options = {}) {
 this.input = input;
 this.options = Object.assign({
 format: 'MM/DD/YYYY',
 minDate: null,
 maxDate: null,
 onDateSelect: () => {}
 }, options);

 this.selectedDate = null;
 this.focusedDate = null;
 this.currentMonth = new Date().getMonth();
 this.currentYear = new Date().getFullYear();
 this.isOpen = false;

 this.calendar = this.buildCalendarElement();
 this.setupEventListeners();
 }
 // ... methods
}

"التلاعب بـ "الغريدان

وتحسب وظيفة الفرز في اليوم الأول من الشهر، وعدد الأيام في الشهر، وأي أيام مقتطفة من الشهرين السابقين والقادمين لملء الشبكة، ويتلقى كل زر بيانات عن عناصر التاريخ، وتاريخ [(FLT:31] مع التاريخ الذي يمكن فيه قراءة الإنسان:

renderMonth() {
 const firstDay = new Date(this.currentYear, this.currentMonth, 1).getDay();
 const daysInMonth = new Date(this.currentYear, this.currentMonth + 1, 0).getDate();
 const daysInPrevMonth = new Date(this.currentYear, this.currentMonth, 0).getDate();

 let cells = [];
 // Add trailing days from previous month
 for (let i = firstDay - 1; i >= 0; i--) {
 cells.push(this.createDateButton(daysInPrevMonth - i, this.currentMonth - 1, this.currentYear, true));
 }
 // Add days of current month
 for (let day = 1; day <= daysInMonth; day++) {
 cells.push(this.createDateButton(day, this.currentMonth, this.currentYear));
 }
 // Add leading days of next month
 const remaining = 42 - cells.length; // 6 rows × 7 columns
 for (let day = 1; day <= remaining; day++) {
 cells.push(this.createDateButton(day, this.currentMonth + 1, this.currentYear, true));
 }
 // Render into table body...
}

مناسبة وفد وحدة الديناميكية

وبدلاً من إرفاق مستمعين الأحداث بكل زر على حدة، واستخدام وفد الأحداث على حاوية الشبكة، والاستماع إلى أحداث على عنصر وتحديد التاريخ الذي تم نقره باستخدام [(FLT:35]) ويعالج هذا النهج التواريخ التي تولدت دينامياً دون إعادة إرسال المستمعين ويقلل من استخدام الذاكرة.

التاريخ:

وعندما يختار المستخدم تاريخاً، يُشكل المكوّن التاريخ وفقاً للشكل الموحّد، ويُحدّث قيمة المدخلات، ويخزن التاريخ المختار داخلياً، ويُسمي ] الاسترجاع، وبعد الاختيار، يغلق الجدول ويركّز على المدخّلة، ويُحدّد مُحدّد على الخلية المختارة سابقاً [الرمز:39]

وضع تصورات بشأن إمكانية الوصول

الاستقلالية للمحتضين والكولور

لا ينبغي أن يكون اللون هو المؤشر الوحيد للدولة، إذ يستخدم مزيجاً من لون المعلومات الأساسية، ولون النص، والحدود، وتزيين النصوص لإبلاغ دول مختارة ومركزة، ومعاقة، ويحافظ على نسبة دنيا من التناقض تبلغ 3-1 للمحتوى غير الوارد و4:1 للمحتوى النصي لكل من الكيميائيين SC 1.4.3 و1.4.11.

تصميم مؤشرات التركيز

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

Touch Target Sizing

وينبغي أن يكون لكل زر من زر التاريخ هدف الحد الأدنى لمسة 44x44 من أكياس الأشعة المقطعية، على نحو ما أوصى به الفريق العامل المعني بالسواتل 2-5-8، وينطبق ذلك على الأجهزة المحمولة، والأقراص، والمستعملين ذوي السمعة المنخفضة الذين قد يستخدمون مدخلات اللمس أو البلازموس، وضمان أن تكون أزرار الملاحة الشهرية والزرارة اليوم أيضاً ذات الأبعاد الدنيا، وإذا كانت القيود الفضائية تتطلب أهدافاً أصغر، أو توفر الرعي البصري أو تزيد المساحة القابلة للنقر باستخدام

اختبار تاريخك للسماح

اختبار لوحة المفاتيح

اختبار العنصر باستخدام لوحة مفاتيح فقط، وفتح الجدول الزمني مع Enter or Space، وبحر عبر جميع التواريخ باستخدام مفاتيح السهم، والتحقق من أن الهروب يغلق الباب ويركّز على المدخلات، والتأكيد على أن مؤشر التركيز واضح في جميع الأوقات وأن ترتيب التركيز يتبع المخطط البصري، والاختبار مع الصفحة الأعلى، والصفحة السفلية، والداخلية، ومفاتيح الوثيقة النهائية لضمان أداء الملاحة المتوقعة في الشهر والنهار.

اختبارات القراء المرتجلة

اختبار مع قارئين على الأقل من الشاشة: مجموعة من NVDA] (خالية) مع فوكس و]JAWS (التجارة) مع Chrome تغطي أغلبية مستخدمي الشاشة.

أدوات الاختبار الآلية

In use automated tools like axe DevTools] or ]Lighthouse] to catch common accessibility issues. These tools can identify missing ARIA attributes, insufficient color contrast, and missing labels. However, automated testing cannot detect all issues. Manual testing remains essential for evaluating flower

اعتبارات التكامل العالمي الحقيقية

التدويل والانتقال إلى المواقع

دعم عدد من السكان المحليين باستخدام اسماء API لتشكيل التواريخ وأسماء الشهر، والسماح بتشكيل أول يوم من الأسبوع (Sunday vs Monday) على أساس محلي.

اللمس والتصويب

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

الأداء وحجم العظام

ولا ينبغي أن يُبطل مُختار التاريخ تطبيقك، ولا يُبقي رزمة الـ(جافاسكريبت) تحت 10 كيلوبايت مُنقَّحة ومُضَعَلة بتجنب المعالَم غير الضرورية وكتابة كود فعّال، ولا يستخدم عمليات الإغلاق ووظائف المصانع لتجنب الإرث العام، ولا يُستهلَّل الجدول إلا عندما يفتح المُستعمل المُلتقط أولاً، بدلاً من وضعه على حمول من الصفحات.

معالجة قضايا إدج

المعاقون والمقيدون

(ج) تنفيذ مهمة تُدقق في التواريخ الدنيا/الضرائب، والقيود اليومية للأسبوع، وقواعد الاستبعاد العرفي؛ وينبغي أن تتلقى تواريخ الإعاقة وأن تُستبعد من الملاحة الرئيسية؛ وينبغي أن تستخدم التواريخ المعاقة في العادة تقليل الظلم وتفادي آثار الهواية؛ وعندما يُستخدم المخالفون في الشبكة، يُصبحون متواريخ غير متاحين تماماً.

قيم متعددة وإجراءات واضحة

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

الحشد والقابلية للاختراق

(د) اختبار الملتقط عبر الكروم، وفايفوكس، وسفاري، وإدج، وإيلاء اهتمام خاص لسافاري، التي كانت لها تاريخياً دعم مؤشرات التركيز غير المتسق . () لتوفير مؤشرات التركيز فقط عندما ينتقل المستخدم عبر لوحة مفاتيح، ويتجنب المخططات الدائمة للتفاعلات النقرية، [Fact-51].

وضعه معاً

ويبنى ملتقط التاريخ الميسر على أساس نظام HTML، وإدارة دقيقة لنظام المعلومات الإدارية المتكامل، ومناولة قوية للسيارات الرئيسية، ويستخدم المدخلات في الميدان أجهزة الترميز في شكل جهاز مدمج لإرسال علاقتها بالرقم التقويمي، وتتتبع شبكة التواريخ نمط التبويب المتحرك من أجل كفاءة الملاحة الرئيسية، وتُعزو الوكالة بصورة دينامية لتعكس مؤشرات التركيز الحالية، وتتلقى أجهزة قراءة الشاشة إعلانات عن السياقات من خلال مناطق حية، وتحافظ على التركيز.

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

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