اختبار الفيديو والصوت والمهل الزمنية

لماذا يهم

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

ومعظم هذه العيوب أيضاً مما تفوّته أدوات الفحص الآلي. فالأداة ترى أن العنصر <track> موجود، لكنها لا تعرف هل تطابق الترجمة النصية الكلام، وهل تسمّي المتحدثين، وهل تواكب الفيديو، ولن تنتظر ⁦15⁩ دقيقة لترى تحذير الجلسة. هذا عمل يدوي، والمختبِر الذي يعرف المعايير يستطيع التنبيه إلى معظمه والفيديو ما زال سيناريو على الورق.

أي معايير الوسائط تنطبق: من 1.2.1 إلى 1.2.5

ابدأ بتصنيف كل عنصر وسائط، لأن المعايير تعتمد على محتواه وعلى كونه مباشراً أم لا. تسمّي WCAG الصوت والصورة المتحركة معاً الوسائط المتزامنة (Synchronized Media)؛ أما البودكاست فصوت فقط (Audio-only)، والرسوم المتحركة الصامتة لمنتج فيديو فقط (Video-only).

تظهر في المعايير ثلاثة بدائل. الترجمة النصية نص متزامن ينقل الكلام والأصوات غير الكلامية اللازمة لفهم المحتوى، مثل جرس الباب أو الضحك أو الموسيقى، مع تحديد المتحدث؛ وهذا ما يميزها عن ترجمة الحوار (Subtitles) التي تنقل الحوار فقط، وإن كانت بعض الدول تسمّي الاثنين ترجمة. والوصف الصوتي سرد يُضاف إلى الصوت ويصف المعلومات المرئية المهمة التي لا ينقلها الصوت أصلاً. والبديل النصي للوسائط الزمنية (Alternative for Time-based Media)، ويسمّيه هذا الدرس البديل النصي الكامل، يصف ما يُرى وما يُسمع بالترتيب الصحيح؛ وصورته المعتادة نص مكتوب يتضمن وصف المرئيات. وهو غير النص البديل القصير (alt) للصورة.

• 1.2.1 Audio-only and Video-only (Prerecorded)، المستوى A: نص مكتوب للصوت المسجّل مسبقاً؛ وبديل نصي كامل أو مسار صوتي يحمل المعلومات نفسها للفيديو الصامت المسجّل مسبقاً.
• 1.2.2 Captions (Prerecorded)، المستوى A: ترجمة نصية لكل الصوت المسجّل مسبقاً في الوسائط المتزامنة.
• 1.2.3 Audio Description or Media Alternative (Prerecorded)، المستوى A: وصف صوتي للفيديو، أو بديل نصي كامل.
• 1.2.4 Captions (Live)، المستوى AA: ترجمة نصية للصوت المباشر في الوسائط المتزامنة، مثل ندوة عبر الإنترنت أو بث مباشر.
• 1.2.5 Audio Description (Prerecorded)، المستوى AA: الوصف الصوتي مطلوب، ولم يعد البديل النصي الذي كان كافياً للمعيار 1.2.3 يكفي. وإذا كان كل ما يُعرض منطوقاً في الصوت أصلاً فلا حاجة إلى وصف.
• تستثني المعايير من 1.2.1 إلى 1.2.3 نسخة الوسائط من نص موجود في الصفحة إذا وُسمت بوضوح على أنها كذلك. ويضيف المستوى AAA لغة الإشارة والوصف الصوتي الموسّع والبديل الكامل للوسائط وبدائل الصوت المباشر (من 1.2.6 إلى 1.2.9).

اختبار جودة الترجمة النصية والنص المكتوب

تشترط WCAG وجود الترجمة النصية لكنها لا تحدد نسبة دقة رقمية، لذا تأتي النتيجة المتوقعة من المصدر: سيناريو الفيديو، أو الاستماع بعناية. شاهد الفيديو كاملاً والصوت والترجمة النصية مفعّلان. وعامل الترجمة النصية الآلية على أنها مسودة لم تُراجع: فهي كثيراً ما تخطئ في سماع الأسماء ومصطلحات المنتج والأرقام، ونادراً ما تحدد المتحدثين أو الأصوات. وتأتي الترجمة النصية عادةً في ملف بصيغة WebVTT (.vtt)، وهي الصيغة التي تحمّلها المتصفحات عبر العنصر <track> في HTML: يسمّي فيه الوسم <v> المتحدث، ويُكتب الصوت عُرفاً بين قوسين معقوفين.

• التزامن: تظهر كل ترجمة مع كلامها وتختفي حين يتوقف المتحدث. افحص البداية والمنتصف والنهاية، لأن الملف الذي وُقّت على نسخة مونتاج مختلفة ينحرف عن الصوت تدريجياً.
• الدقة: الكلمات والأسماء والأرقام تطابق الصوت. الصق السيناريو ونص الترجمة، دون أسطر التوقيت، في أداة مقارنة النصوص بوضع المقارنة كلمةً بكلمة لترى كل الفروق دفعة واحدة.
• المتحدثون: عندما يتكلم أكثر من شخص، أو يكون المتحدث خارج الصورة، تذكر الترجمة من يتكلم.
• الأصوات: تظهر الأصوات ذات المعنى بين قوسين معقوفين، مثل [صفير إنذار] أو [توقف الموسيقى].
• الترجمة النصية العربية: تُقرأ الأسطر من اليمين إلى اليسار. ويأخذ المتصفح اتجاه كل سطر من أول حرف قوي الاتجاه فيه، أي أول حرف له اتجاه ثابت (عربي أو لاتيني، ولا تُحسب الأرقام وعلامات الترقيم). لذلك يُعرض السطر الذي يبدأ باسم علامة تجارية لاتيني أو بمصطلح إنجليزي من اليسار إلى اليمين، وتظهر نقطته في الطرف الأيمن. اختبر هذه الأسطر عمداً (وعلامة الاتجاه من اليمين إلى اليسار U+200F في بداية السطر تصلحها)، وتحقق من أن المسار موسوم بـ srclang="ar" وأن له في السمة label اسماً مقروءاً يظهر في قائمة الترجمة.
• النص المكتوب: رابط بجانب المشغّل، ونص كامل بأسماء المتحدثين والأصوات، ومع الفيديو وصف لما يُعرض.

WEBVTT

00:00:01.000 --> 00:00:04.200
<v المدرّبة>افتح صفحة الطلبات وصفِّها حسب الحالة.

00:00:04.200 --> 00:00:05.500
[رنين إشعار]

00:00:05.500 --> 00:00:09.000
<v العميل>لماذا ما زال طلبي قيد الانتظار؟

00:00:09.000 --> 00:00:12.800
<v المدرّبة>«قيد الانتظار» يعني أن الدفع
لم يُؤكَّد بعد.

جرّبها: مقارنة النصوص (Diff) جرّبها: مولّد بيانات الاختبار العربية

التشغيل التلقائي ومشغّل الوسائط

1.4.2 Audio Control (المستوى A): إذا شُغّل أي صوت في الصفحة تلقائياً أكثر من ⁦3⁩ ثوانٍ، فيجب توفير طريقة لإيقافه مؤقتاً أو نهائياً، أو للتحكم في مستوى صوته بمعزل عن مستوى صوت النظام. وتدرجه WCAG ضمن المعايير التي تنطبق على كل محتوى الصفحة، لأن عدم استيفائه يعيق استخدام أي شيء آخر فيها. وتمنع المتصفحات بعض التشغيل التلقائي المصحوب بالصوت، لكن قواعدها تختلف، وهي تسمح بالصوت عادةً بعد أن يتفاعل المستخدم مع الموقع؛ فاختبر والتشغيل التلقائي بالصوت مسموح في إعدادات الموقع في المتصفح، ثم أعد الاختبار بفتح الصفحة بعد أن تنقر في مكان آخر من الموقع.

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

• يمكن الوصول إلى كل عنصر تحكم بمفتاح Tab بترتيب منطقي، ويعمل بمفتاح Enter أو Space، ويظهر عليه التركيز بوضوح فوق الفيديو الداكن (2.1.1، 2.4.3، 2.4.7).
• منزلقا التقديم ومستوى الصوت يتحركان بمفاتيح الأسهم ويُعلنان قيمة مفيدة، مثل «دقيقة و⁦20⁩ ثانية من ⁦4⁩ دقائق»، لا «⁦0.33⁩».
• للأزرار أسماء وحالات تتغيّر مع الاستخدام: يصبح «تشغيل» «إيقاف مؤقت»، ويُعلَن زر الترجمة النصية مفعّلاً أو غير مفعّل (4.1.2).
• لا مصيدة للوحة المفاتيح (2.1.2 No Keyboard Trap): يستطيع التركيز مغادرة المشغّل المضمَّن، ومنه إطار iframe من طرف ثالث، بمفتاحي Tab وShift+Tab، أو بمفتاح آخر تُخبر به الصفحةُ المستخدمَ، ويُخرج مفتاح Escape من ملء الشاشة.
• اختصارات المفتاح الواحد مثل K أو M تعمل فقط والتركيز على المشغّل، أو يمكن إيقافها، أو تغييرها إلى تركيبة مع Ctrl أو Alt (2.1.4 Character Key Shortcuts).

المهل الزمنية وانتهاء الجلسة والأشرطة الدوّارة

ينطبق 2.2.1 Timing Adjustable (المستوى A) على كل مهلة زمنية يفرضها المحتوى: جلسة تنتهي بعد عدم النشاط، وعرض محدود الوقت يحجز سعراً أو مقاعد ⁦10⁩ دقائق، ونموذج يجب إكماله في وقت محدد. ويجب أن يتحقق خيار واحد على الأقل: أن يستطيع المستخدم إلغاء المهلة قبل بلوغها؛ أو تعديلها إلى عشرة أضعاف المدة الافتراضية على الأقل؛ أو أن يُحذَّر قبل انتهائها ويُمنح ⁦20⁩ ثانية على الأقل لتمديدها بإجراء بسيط مثل الضغط على مفتاح واحد، ويستطيع التمديد عشر مرات على الأقل. والاستثناءات هي الأحداث الآنية مثل المزاد حين لا يوجد بديل للمهلة، والمهل التي يُبطل تمديدها النشاط نفسه (الضرورية)، والمهل الأطول من ⁦20⁩ ساعة.

لاختبار جلسة مدتها ⁦15⁩ دقيقة دون انتظار، اطلب من المطورين تقصيرها في بيئة الاختبار. ثم تحقق من أن التحذير يظهر في الوقت المناسب، ويُعلنه قارئ الشاشة، ويمكن بلوغه فوراً من لوحة المفاتيح، وأن التمديد يجدّد الجلسة على الخادم فعلاً لا العدّاد الظاهر فقط. وبعد انتهاء الجلسة يطلب المعيار 2.2.5 Re-authenticating (المستوى AAA) أن يستطيع المستخدم تسجيل الدخول مجدداً ومتابعة عمله دون فقدان البيانات، وكثير من الفرق تعدّه ممارسة جيدة.

أما 2.2.2 Pause, Stop, Hide (المستوى A)، الذي مرّ في دليل إمكانية الوصول البصرية بخصوص الحركة، فيشمل أيضاً المحتوى المتجدد تلقائياً. فالمحتوى المتحرك أو الوامض أو المتمرّر الذي يبدأ تلقائياً ويستمر أكثر من خمس ثوانٍ ويُعرض بجوار محتوى آخر يحتاج إلى طريقة لإيقافه مؤقتاً أو نهائياً أو إخفائه؛ والمحتوى الذي يتجدد وحده، مثل شريط الأخبار أو النتائج المباشرة، يحتاج إلى طريقة لإيقافه مؤقتاً أو نهائياً أو إخفائه، أو للتحكم في معدل تحديثه. ويُستثنى في الحالتين ما كانت حركته أو تحديثه ضرورياً للنشاط.

• الشريط الدوّار (Carousel): زر إيقاف مؤقت أو إيقاف يعمل بلوحة المفاتيح (2.2.2). ويضعه نمط الشريط الدوّار في دليل ممارسات التأليف (ARIA Authoring Practices) أولاً في ترتيب Tab داخل الشريط، قبل الشرائح المتبدّلة.
• يتوقف التبديل التلقائي حين يدخل تركيز لوحة المفاتيح إلى الشريط، وكذلك ما دامت الفأرة فوقه، كما يصف النمط نفسه؛ والتوقف عند مرور الفأرة وحده لا يكفي، لأن مستخدمي لوحة المفاتيح واللمس لا يمرّرون الفأرة.
• بعد توقفه بالتركيز أو بزر الإيقاف يبقى الشريط متوقفاً حتى يعيد المستخدم تشغيله.

مثال تطبيقي: قائمة تحقق لصفحة دورة والعيوب التي كشفتها

صفحة دورة في منصة تدريب فيها فيديو تعريفي بالإنجليزية مع ترجمة نصية إنجليزية وعربية، وحلقة بودكاست، وفيديو خلفية في رأس الصفحة، وشريط دوّار ترويجي، ومهلة جلسة مدتها ⁦15⁩ دقيقة. ومقدّم الفيديو التعريفي يقول بصوته كل ما يظهر على الشاشة، فيحتاج الفيديو إلى ترجمة نصية دون وصف صوتي. يحصر المختبِر أولاً كل عناصر الوسائط وكل المهل الزمنية، ثم ينفّذ قائمة التحقق في آخر هذا القسم بلوحة المفاتيح وقارئ الشاشة والصوت مفعّل، باللغتين.

العيوب التي وجدها، مكتوبةً عناوينَ لتقارير الأخطاء مع المعيار:

• «فيديو الخلفية في رأس الصفحة يشغّل موسيقى بالصوت عند التحميل وليس له أي عناصر تحكم» (1.4.2، 2.2.2)
• «الفيديو التعريفي: الترجمة النصية الإنجليزية آلية ولم تُراجع؛ عند ⁦02:14⁩ كُتبت “fifteen minutes” على أنها “fifty minutes”» (1.2.2)
• «الترجمة النصية العربية: الأسطر التي تبدأ باسم العلامة التجارية تُعرض من اليسار إلى اليمين وتظهر نقطتها في الطرف الأيمن» (جودة الترجمة العربية)
• «حلقة البودكاست ⁦7⁩ بلا نص مكتوب» (1.2.1)
• «زر الترجمة النصية يُعلَن “زر” فقط، بلا اسم ولا حالة تفعيل» (4.1.2)
• «الجلسة تنتهي بعد ⁦15⁩ دقيقة من عدم النشاط دون تحذير؛ ويضيع الواجب نصف المكتوب» (2.2.1)
• «الشريط الدوّار الترويجي ينتقل كل ⁦4⁩ ثوانٍ دون زر إيقاف، ويستمر في الدوران والتركيز داخله» (2.2.2)

قائمة تحقق الوسائط والتوقيت: صفحة الدورة، الإصدار 4.12، en + ar

الحصر
[ ] كل عنصر وسائط مصنّف: صوت فقط أو فيديو فقط أو متزامن؛ مباشر أم لا
[ ] كل مهلة زمنية مدرجة: الجلسة، الحجز، العدّادات، المحتوى المتبدّل تلقائياً
الوسائط المسجّلة مسبقاً
[ ] الصوت فقط: نص مكتوب مرتبط بجانب المشغّل (1.2.1)
[ ] الترجمة النصية: متزامنة، دقيقة، تسمّي المتحدثين، فيها الأصوات، حتى النهاية (1.2.2)
[ ] المعلومات المرئية فقط: وصف صوتي، أو لا حاجة إليه (1.2.3، 1.2.5)
[ ] الترجمة العربية: أسطر من اليمين، والكلمات اللاتينية والأرقام بترتيبها
الوسائط المباشرة
[ ] للجلسات المباشرة ترجمة نصية (1.2.4)
المشغّل
[ ] لا صوت يزيد على 3 ثوانٍ عند التحميل دون إيقاف أو تحكم في المستوى (1.4.2)
[ ] Tab وEnter/Space والأسهم في المنزلقات وتركيز ظاهر (2.1.1، 2.4.7)
[ ] الأسماء والحالات: تشغيل/إيقاف مؤقت، الترجمة مفعّلة/غير مفعّلة (4.1.2)
[ ] لا مصيدة في المشغّل المضمَّن؛ اختصارات الحروف عند التركيز فقط (2.1.2، 2.1.4)
التوقيت
[ ] كل مهلة يمكن إيقافها أو تعديلها (×10) أو تمديدها (2.2.1)
[ ] التمديد: تحذير أولاً، و20 ثانية على الأقل، وإجراء بسيط واحد، و10 مرات على الأقل
[ ] الأشرطة الدوّارة والإخبارية: زر إيقاف (2.2.2)؛ يأتي أولاً، وتوقف عند التركيز (APG)

جرّبها: مولّد حالات الاختبار جرّبها: مولّد قوائم تحقق QA بالذكاء الاصطناعي

أسئلة شائعة

المراجع

• Web Content Accessibility Guidelines (WCAG) 2.2W3C · 2024توصية W3C التي تحدد معايير النجاح القابلة للاختبار لإتاحة محتوى الويب، مرتّبةً تحت أربعة مبادئ وثلاثة مستويات مطابقة (A وAA وAAA).
• Understanding WCAG 2.2W3C Web Accessibility Initiative (WAI)الشرح التوضيحي لكل إرشاد ومعيار نجاح في WCAG 2.2: الغرض، ومن يستفيد، والأمثلة والتقنيات (غير إلزامي).
• ARIA Authoring Practices Guide (APG)W3C Web Accessibility Initiative (WAI)أنماط للعناصر الشائعة (التبويبات والقوائم ونوافذ الحوار والقوائم المنسدلة) مع تفاعل لوحة المفاتيح المتوقع واستخدام ARIA — المرجع الذي تُقارَن به المكونات المخصصة.
• HTML Living StandardWHATWGلغة HTML، بما فيها مراجع المحارف المسماة (الكيانات) وقواعد التحليل التي تتبعها المتصفحات.