acc_calendar: تقويم يمكن الوصول إليه بلغة جافاسكريبت (غير ضروري لكنه مفيد)

acc_calendar: تقويم يمكن الوصول إليه بلغة جافاسكريبت (غير ضروري لكنه مفيد) | Niquelao Niquelao ¿Cómo dices que te ha quedado? تخطَّ إلى المحتوى Home Contrast Checker HeadingsMap Easyvalidator عني… acc_calendar: تقويم يمكن الوصول إليه بلغة جافاسكريبت (غير ضروري لكنه مفيد) ¿Accesibilidad y javascript? acc_calendar: تقويم يمكن الوصول إليه بلغة جافاسكريبت (غير ضروري لكنه مفيد) حُدِّث في 1 يونيو 2008، بقلم Rumoroso في حقول النماذج التي يجب إدخال تاريخ فيها، بهدف تحسين تجربة المستخدم، مع زيادة التحكم في تنسيق البيانات في الوقت نفسه، يمكن تضمين تقويم عبر جافاسكريبت. أعلم، كلمة ملعونة، لكن إذا تم ذلك بعناية وتحكم، فلا يجب أن تكون لها آثار سلبية من حيث المعايير وإمكانية الوصول. الأهداف مبدئيًا حددت هدفين رئيسيين، وهما أكثر من كونهما أهدافًا كانا مبادئ عمل عند بنائه: أن يكون قابلًا للوصول وغير معيق. بوضوح، في غياب دعم جافاسكريبت لا يُعرض خيار فتح التقويم، لكن إذا كان هناك دعم… لماذا لا نجعل المحتوى المُنشأ قابلًا للوصول وقابلًا للاستخدام؟ أن يكون سهل التنفيذ والاستخدام. بحثت عن طريقة بحيث لا يحتاج المبرمجون الذين يرغبون في تنفيذه في صفحاتهم إلى إدخال كود إضافي. كما هو الحال في CSS حيث تُستخدم أنواع مختلفة من المحددات (للعناصر، id، الفئات،…) لربط الأنماط بأجزاء مختلفة من مستنداتنا، لماذا لا نستخدم الشيء نفسه لربط السلوكيات؟ بالإضافة إلى ذلك، كأهداف ثانوية هناك: التحسين، التعميم، التدويل،… (وبواقعية، كان عليّ حذف هدفي التعارف وكسب المال.) تضمينه في مستنداتنا قبل كل شيء، أشير إلى أن السكربت يمكن الحصول عليه مباشرةً بتنزيل المثال الكامل. تضمين التقويم في مستندنا بسيط بقدر تضمين عنصر script المقابل في head: سيُحمَّل التقويم لأي حقل نصي يتضمن الفئة “fecha” (إذا كانت لغة المستند هي الإسبانية). يُدخَل تنسيق التاريخ في السطر الأول من السكربت. وهكذا، إذا أردنا مثلًا أن يتبع التاريخ الترتيب يوم/شهر/سنة، دون تضمين 0 قبل اليوم عندما يتكون من رقم واحد، وتضمينه في الشهر عند الحاجة، وأن يكون تنسيق السنة 4 أرقام: var formato = ‘d/mm/yyyy’; كما ذُكر سابقًا، لعرض التقويم بجانب حقل نصي، يجب أن يحمل هذا الحقل الفئة “fecha” إذا كانت اللغة المعلنة للمستند هي الإسبانية (“date” إذا كانت الإنجليزية، إلخ). يمكن تعديل أسماء الفئات هذه، وإضافة فئات جديدة للغات أخرى، إلخ، مباشرةً في السكربت. بالإضافة إلى ذلك، تُدخَل جميع المعاملات الممكنة كفئات. القائمة الكاملة هي كما يلي: تحميل التقويم (مطلوب): fecha التواريخ السابقة لليوم: prev التواريخ اللاحقة لليوم: post نطاق السنوات: rangX (حيث X هو عدد السنوات) لا يُضمَّن اليوم الحالي: todnact تطبيق مرشح للتواريخ المتاحة: disp وماذا لو حمّلت الحقول ديناميكيًا باستخدام AJAX؟ يتميز السكربت بأنه إذا أُدخلت حقول نصية جديدة في أي وقت بشكل غير متزامن باستخدام AJAX، فيكفي بعد هذا التحميل استدعاء الدالة cargaLinks() لربط الروابط بفتح التقويم بالحقول. المثال الأول تاريخ مستقبلي، بتنسيق d/mm/yyyy، من هذه السنة ( class=“fecha post” ) تاريخ مستقبلي، بتنسيق d/mm/yyyy، من هذه السنة دون تضمين اليوم ( class=“fecha post todnact” ) تاريخ الميلاد، بتنسيق d/mm/yyyy، حتى 100 سنة ( class=“fecha prev rang100” ) تاريخ السنوات العشرين القادمة، بتنسيق d/mm/yyyy، دون تضمين اليوم ( class=“fecha post rang20 todnact” ) تاريخ السنوات الخمس عشرة الماضية، بتنسيق d/mm/yyyy ( class=“fecha prev rang15” ) تاريخ 10 سنوات إلى الوراء وإلى الأمام، بتنسيق d/mm/yyyy ( class=“fecha rang10” ) تحسين جديد (أبريل 2007) في بعض الأحيان قد نرغب في إدخال التاريخ في ثلاثة حقول نصية، واحد لكل بيان مكوِّن له. أُضيفت إمكانية القيام بذلك. للقيام بذلك سنستمر في التحكم بكل شيء عبر استخدام الفئات المعينة للحقول. لكي تشكّل مجموعة، يجب أن تضيف الحقول النصية الثلاثة رمزًا يعرّفها على هذا النحو. هذا، الذي يبدو غريبًا نوعًا ما، ليس كذلك تمامًا. في الواقع، ما يجب فعله هو إضافة حرف أو رقم إلى كلمة fecha التي نستخدمها كفئة في الثلاثة. وهكذا، على سبيل المثال، يمكننا تطبيق الفئة “fechaA” على الثلاثة، وفورًا، بالإضافة إلى ربط رابط فتح التقويم، ستبدأ في التصرف كمجموعة. لاحقًا يُضمَّن مثالان يوضحان ذلك بوضوح. يجب أن يحمل كل حقل فئة حسب البيان المرتبط به: لحقل اليوم الفئة “day” لحقل الشهر الفئة “month” لحقل السنة الفئة “year” هناك حرية تامة في الترتيب الذي تُوضع به، مع وضع فئات تهيئة التقويم (عدد السنوات، السابقة، اللاحقة، إلخ) في أول حقل يُستخدم. في المثال التالي يمكن ملاحظة طريقة القيام بذلك: المثال الثاني تاريخ السنوات العشر القادمة بتنسيق يوم، شهر، سنة: يوم / شهر / سنة من الاعتبارات المهمة إبلاغ المستخدم دائمًا بما يمثله كل حقل. في المثال يُبلَّغ في النص السابق، بالإضافة إلى أن تسميات الحقول تتضمن ذلك. تاريخ السنوات الخمس عشرة الماضية بتنسيق سنة، شهر، يوم: سنة / شهر / يوم من الاعتبارات المهمة إبلاغ المستخدم دائمًا بما يمثله كل حقل. في المثال يُبلَّغ في النص السابق، بالإضافة إلى أن تسميات الحقول تتضمن ذلك. تحديث (أبريل 2007) عُدِّل السكربت لتقليل الأنماط التي تُطبَّق منه. الآن، الرابط المُنشأ يحتوي على الصورة كمحتوى (سابقًا كانت تُحمَّل من ورقة الأنماط). يُنشأ الرابط فورًا بعد الحقل (خارج label إذا كان مضمنًا فيه) ويمتلك الترميز التالي: في حال كان الرابط لتحميل التاريخ في ثلاثة حقول نصية، تصبح فئة الرابط “enl_cal_group”، ويوضع هذا قبل

P.S. A few readers have asked which superposición de accesibilidad (overlay) we actually reach for — it's accessiBe; take a look here if you want the current details.