تصور البيانات: إنشاء مخططات ورسوم بيانية سهلة الوصول لجمهور عالمي

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

فهم أهمية تصور البيانات سهل الوصول

تتجاوز إمكانية الوصول في تصور البيانات مجرد الامتثال للمتطلبات القانونية مثل إرشادات الوصول إلى محتوى الويب (WCAG) أو القسم 508. إنها تتعلق بإنشاء تجربة مستخدم أفضل للجميع. المخططات والرسوم البيانية سهلة الوصول تكون:

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

المبادئ الأساسية لتصور البيانات سهل الوصول

يتطلب إنشاء مخططات ورسوم بيانية سهلة الوصول دراسة متأنية للعديد من المبادئ الأساسية:

1. النص البديل (Alt Text)

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

• كن وصفيًا: لخص الفكرة الرئيسية من المخطط أو الرسم البياني. ما القصة التي ترويها البيانات؟
• كن موجزًا: اجعل الوصف قصيرًا ومباشرًا، ويفضل أن يكون أقل من 150 حرفًا.
• ضمّن السياق: قدم سياقًا حول البيانات التي يتم تصورها، مثل المصدر والفترة الزمنية.
• ضع في اعتبارك مدى تعقيد التصور: بالنسبة للمخططات المعقدة، قد تحتاج إلى تقديم وصف أطول وأكثر تفصيلاً أو رابط إلى جدول بيانات.

مثال:

غير سهل الوصول: <img src="sales.png" alt="مخطط">

سهل الوصول: <img src="sales.png" alt="رسم بياني خطي يوضح زيادة بنسبة 15% في المبيعات العالمية في الربع الرابع من عام 2023 مقارنة بالربع الثالث من عام 2023.">

2. اللون والتباين

لا ينبغي أن يكون اللون هو الطريقة الوحيدة لنقل المعلومات. قد لا يتمكن الأفراد المصابون بعمى الألوان أو ضعف البصر من التمييز بين ألوان معينة. تأكد من وجود تباين لوني كافٍ بين عناصر البيانات والخلفية.

• استخدم مدقق تباين الألوان: يمكن أن تساعدك أدوات مثل Color Contrast Checker من WebAIM (https://webaim.org/resources/contrastchecker/) في تحديد ما إذا كانت تركيبات الألوان الخاصة بك تفي بمتطلبات WCAG.
• تجنب الاعتماد على اللون فقط: استخدم الأنماط والتسميات والأنسجة بالإضافة إلى اللون للتمييز بين عناصر البيانات.
• ضع في اعتبارك عمى الألوان: استخدم لوحات ألوان يمكن الوصول إليها من قبل الأشخاص الذين يعانون من أنواع مختلفة من عمى الألوان. تتوفر العديد من الأدوات لمحاكاة كيف سيبدو تصورك للأفراد الذين يعانون من قصور رؤية الألوان المختلفة.
• وفر إشارات مرئية بديلة: استخدم الحدود والأشكال والأحجام للتمييز بين نقاط البيانات.

مثال: بدلاً من استخدام ألوان مختلفة فقط لتمثيل فئات المنتجات في مخطط شريطي، استخدم أنماطًا مختلفة (مثل، مصمت، مخطط، منقط) وتسميات على كل شريط.

3. التسميات والنصوص

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

• استخدم لغة واضحة وموجزة: تجنب المصطلحات الفنية والمصطلحات التي قد لا يفهمها جميع المستخدمين.
• وفر حجم خط كافٍ: استخدم حجم خط لا يقل عن 12 نقطة للنص الأساسي و 14 نقطة للعناوين.
• تأكد من وجود مسافات كافية: تجنب ازدحام التسميات ونقاط البيانات.
• استخدم عناوين وصفية: قدم عنوانًا يصف بدقة محتوى المخطط أو الرسم البياني.

مثال: بدلاً من استخدام تسميات مختصرة مثل "Q1" للربع الأول، استخدم المصطلح الكامل "الربع الأول".

4. هيكل البيانات وتنظيمها

يمكن للطريقة التي يتم بها هيكلة وتنظيم البيانات أن تؤثر بشكل كبير على إمكانية الوصول إليها. رتب البيانات بشكل منطقي واستخدم أنواع المخططات المناسبة لتمثيل المعلومات بفعالية.

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

مثال: بدلاً من استخدام مخطط ثلاثي الأبعاد معقد لتمثيل بيانات بسيطة، استخدم مخططًا شريطيًا ثنائي الأبعاد أو مخططًا خطيًا.

5. التفاعلية والتنقل عبر لوحة المفاتيح

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

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

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

6. الجداول كبدائل

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

• وفر رابطًا إلى جدول البيانات: قم بتضمين رابط إلى جدول بيانات أسفل المخطط أو الرسم البياني.
• استخدم HTML الدلالي: استخدم عناصر HTML الدلالية مثل <table>، و <thead>، و <tbody>، و <th>، و <td> لهيكلة الجدول.
• وفر رؤوس الأعمدة: استخدم رؤوس الأعمدة لتحديد البيانات في كل عمود بوضوح.
• استخدم التعليقات التوضيحية: قدم تعليقًا توضيحيًا للجدول يصف محتواه.

مثال:

<table>
  <caption>المبيعات العالمية حسب المنطقة - الربع الرابع 2023</caption>
  <thead>
    <tr>
      <th scope="col">المنطقة</th>
      <th scope="col">المبيعات (بالدولار الأمريكي)</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>أمريكا الشمالية</td>
      <td>1,200,000</td>
    </tr>
    <tr>
      <td>أوروبا</td>
      <td>900,000</td>
    </tr>
    <tr>
      <td>آسيا والمحيط الهادئ</td>
      <td>750,000</td>
    </tr>
  </tbody>
</table>

أدوات وتقنيات لتصور البيانات سهل الوصول

يمكن أن تساعدك العديد من الأدوات والتقنيات في إنشاء تصورات بيانات سهلة الوصول:

• مدققات إمكانية الوصول: يمكن أن تساعدك أدوات مثل WAVE (أداة تقييم الوصول إلى الويب) في تحديد مشكلات إمكانية الوصول في تصوراتك.
• مدققات تباين الألوان: يمكن أن تساعدك أدوات مثل Color Contrast Checker من WebAIM في ضمان تباين الألوان الكافي.
• قارئات الشاشة: يعد اختبار تصوراتك باستخدام قارئات الشاشة مثل NVDA أو JAWS أمرًا ضروريًا لضمان إمكانية الوصول.
• مكتبات تصور البيانات: توفر بعض مكتبات تصور البيانات، مثل D3.js و Chart.js، ميزات إمكانية وصول مضمنة. استكشف وثائقها للحصول على خيارات إمكانية الوصول.
• الإضافات المخصصة لإمكانية الوصول: استكشف استخدام الإضافات أو الملحقات المصممة خصيصًا لإمكانية الوصول لتصور البيانات ضمن أطر عمل محددة (مثل React، Angular، Vue.js).

أمثلة على تصورات البيانات سهلة الوصول

مثال 1: مخطط شريطي سهل الوصول (السكان العالميون حسب القارة)

الوصف: مخطط شريطي يوضح عدد السكان في العالم حسب القارة في عام 2023. يستخدم المخطط ألوانًا عالية التباين وتسميات واضحة ونصًا بديلاً.

ميزات إمكانية الوصول:

• النص البديل: "مخطط شريطي يوضح عدد السكان في العالم حسب القارة في عام 2023. آسيا لديها أكبر عدد من السكان حيث يبلغ 4.7 مليار، تليها إفريقيا بـ 1.4 مليار، وأوروبا بـ 750 مليون، وأمريكا الشمالية بـ 600 مليون، وأمريكا الجنوبية بـ 440 مليون، وأوقيانوسيا بـ 45 مليون."
• تباين الألوان: تستخدم ألوان عالية التباين لضمان سهولة تمييز الأشرطة عن الخلفية.
• التسميات: كل شريط موسوم باسم القارة وعدد السكان.
• جدول البيانات: يتم توفير رابط إلى جدول بيانات أسفل المخطط.

مثال 2: مخطط خطي سهل الوصول (اتجاهات درجات الحرارة العالمية)

الوصف: مخطط خطي يوضح اتجاهات متوسط درجات الحرارة العالمية من 1880 إلى 2023. يستخدم المخطط أنماط خطوط مختلفة للتمييز بين المناطق المختلفة، وتسميات واضحة، ونصًا بديلاً.

ميزات إمكانية الوصول:

• النص البديل: "مخطط خطي يوضح اتجاهات متوسط درجات الحرارة العالمية من 1880 إلى 2023. يوضح المخطط زيادة مطردة في درجات الحرارة العالمية على مدى القرن الماضي، مع زيادة حادة بشكل خاص في العقود الأخيرة."
• أنماط الخطوط: تستخدم أنماط خطوط مختلفة (مثل، مصمت، متقطع، منقط) للتمييز بين المناطق المختلفة.
• التسميات: المحاور موسومة بالسنة ودرجة الحرارة.
• جدول البيانات: يتم توفير رابط إلى جدول بيانات أسفل المخطط.

أفضل الممارسات لإنشاء تصورات بيانات سهلة الوصول لجمهور عالمي

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

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

الخاتمة

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