diff options
author | Ryan Johnson <rjohnson@mozilla.com> | 2021-04-29 16:16:42 -0700 |
---|---|---|
committer | GitHub <noreply@github.com> | 2021-04-29 16:16:42 -0700 |
commit | 95aca4b4d8fa62815d4bd412fff1a364f842814a (patch) | |
tree | 5e57661720fe9058d5c7db637e764800b50f9060 /files/ar/learn/accessibility | |
parent | ee3b1c87e3c8e72ca130943eed260ad642246581 (diff) | |
download | translated-content-95aca4b4d8fa62815d4bd412fff1a364f842814a.tar.gz translated-content-95aca4b4d8fa62815d4bd412fff1a364f842814a.tar.bz2 translated-content-95aca4b4d8fa62815d4bd412fff1a364f842814a.zip |
remove retired locales (#699)
Diffstat (limited to 'files/ar/learn/accessibility')
-rw-r--r-- | files/ar/learn/accessibility/index.html | 53 | ||||
-rw-r--r-- | files/ar/learn/accessibility/what_is_accessibility/index.html | 206 |
2 files changed, 0 insertions, 259 deletions
diff --git a/files/ar/learn/accessibility/index.html b/files/ar/learn/accessibility/index.html deleted file mode 100644 index 3a4577ebb0..0000000000 --- a/files/ar/learn/accessibility/index.html +++ /dev/null @@ -1,53 +0,0 @@ ---- -title: الإتاحة -slug: Learn/Accessibility -tags: - - الإتاحة - - تعليم - - صفحة هبوط - - مبتدئين -translation_of: Learn/Accessibility ---- -<div>{{LearnSidebar}}</div> - -<p class="summary" dir="rtl">من المفيد تعلم لغة ترميز النص الفائق، صفحات الأنماط الانسيابية، والجافاسكربت إن كنت تريد أن تصبح مطوراً، ولكن معرفتك يجب أن تكون أبعد من استخدام تلك التقنيات وحسب، فعليك استخدامها أيضاً بمسؤوليّة؛ حتّى تتمكن من زيادة مستخدمين موقعك و عدم حرمان أياً على استخدامه. عليك التقيّد بالممارسات الفُضلى (المشروحة في دورات لغة ترميز النص الفائق، صفحات الأنماط الانسيابية، والجافاسكربت)، <a href="/ar/docs/Learn/Tools_and_testing/Cross_browser_testing">القيام باختبار الموقع على عدة متصفحات</a>، ووضع <a href="/ar/docs/Web/Accessibility">الإتاحة</a> بعين الاعتبار منذ بداية تطوير الموقع. سنغطي في هذه المقالة موضوع الإتاحة بالتفصيل.</p> - -<h2 dir="rtl" id="المتطلبات">المتطلبات</h2> - -<p dir="rtl">لتحقيق أقصى استفادة من هذه الوحدة، يجب عليك، إما دراسة الوحدتين الأولى - على الأقل - من <a href="/ar/docs/Learn/HTML">لغة ترميز النص الفائق</a>، <a href="/ar/docs/Learn/CSS">صفحات الأنماط الانسيابية</a>، و<a href="/ar/docs/Learn/JavaScript">الجافاسكربت</a>، أو، وهذا أفضل، دراسة أجزاء الإتاحة المُتعلقة بالتقنيّة التي تدرسها.</p> - -<div class="note" dir="rtl"> -<p><strong>ملاحظة</strong>: إن كنت تعمل على حاسوب/جهاز لوحي/شيء آخر، ولا تملك القدرة على إنشاء ملفات، يمكنك تجربة (معظم) الأمثلة هنا باستخدام محرر شيفرات برمجيّة على الأنترنت مثل <a class="external external-icon" href="http://jsbin.com/" rel="noopener">JSBin</a> أو <a class="external external-icon" href="https://thimble.mozilla.org/" rel="noopener">Thimble</a>.</p> -</div> - -<h2 dir="rtl" id="دروس_إرشاديّة">دروس إرشاديّة</h2> - -<dl> - <dt dir="rtl"><a class="new" href="/ar/docs/Learn/Accessibility/What_is_accessibility" rel="nofollow">ما هي الإتاحة؟</a></dt> - <dd dir="rtl">تُمثِل هذه المقالة بداية للوحدة، بحيث تعطيك لمحة عن ماهيّة الإتاحة، فهي تتضمن معلومات عن مجموعة الأشخاص الذين يشملهم هذا المصطلح ولماذا، الأدوات المُختلفة التي تُستخدَم للتعامل مع الويب، وكيف يمكننا جعل الإتاحة جزءً لا يتجزأ من عمليّة تطوير الويب.</dd> - <dt dir="rtl"><a class="new" href="/ar/docs/Learn/Accessibility/HTML" rel="nofollow">أساسيات مهمة في لغة ترميز النص الفائق للعمل مع الإتاحة</a></dt> - <dd dir="rtl">يمكن جعل جزء كبير من محتوى الويب مُتاحاً؛ عبر التأكُّد من استخدام عناصر لغة ترميز النص الفائق الصحيحة في أماكنها الصحيحة وبالوقت المناسب. هذه المقالة تتعمق بالتفصيل في كيفيّة استخدام هذه اللغة لضمان الاستفادة بالحد الأقصى من الإتاحة.</dd> - <dt dir="rtl"><a class="new" href="/ar/docs/Learn/Accessibility/CSS_and_JavaScript" rel="nofollow">أفضل الطرق لاستخدام صفحات الأنماط الانسيابية والجافاسكربت لإتاحة أفضل</a></dt> - <dd dir="rtl">يُمكِّن أيضاً الاستخدام الصحيح لهاتين اللغتين توفير تجربة ويب أفضل، أو يمكن أن يجعلها أسوء إذا أُسيءَ استخدام هاتِه اللغات. تُعَنوِن هذه المقالة بعض استخدامات صفحات الأنماط الانسيابية والجافاسكربت الفضلى التي يجب اخذها بعين الاعتبار لضمان جعل المحتوى المُعقَد مُتاحاً قدر الإمكان.</dd> - <dt dir="rtl"><a class="new" href="/ar/docs/Learn/Accessibility/WAI-ARIA_basics" rel="nofollow">أساسيات تقنيّة WAI-ARIA</a></dt> - <dd dir="rtl">إكمالاً للمقالة السابقة، من الصعب في بعض الأحيان إنشاء عناصر تحكم رسوميّة تستخدم عناصر من لغة ترميز النص الفائق غير دلاليّة (أي وظيفتها غير واضحة من اسمها، مما يجعل تذكر العنصر وفهمه أصعب - unsemantic) ومحتوى جافاسكربت مُحدَث تلقائياً. يمكن لهذه التقنيّة المساعدة في حل هذه المشكلات عبر إضافة المزيد من العناصر الدلاليّة (semantic) التي يُمكِن للمتصفحات التعرُّف عليها واستخدامها لجعل المستخدمين يفهمون الأمور بشكل أوضح. سنشرح في هذه المقالة كيفيّة استخدام هذه التقنيّة لتحسين التجربة الإتاحيّة.</dd> - <dt dir="rtl"><a class="new" href="/ar/docs/Learn/Accessibility/Multimedia" rel="nofollow">الوسائط المُتاحة</a></dt> - <dd dir="rtl">هناك فئة أخرى من المحتوى تُحدِث مشاكل إتاحيّة وهي الوسائط المتعددة (multimedia) - محتوى الفيديو، الصوت، والصورة يجب أن يُعطى نصاً بديلاً يشرحه؛ كي تتمكن التقنيات المعاونة (المساعدة - assistive) ومستخدميها من فهم المحتوى. تشرح هذه المقالة كيفيّة القيام بذلك.</dd> - <dt dir="rtl"><a class="new" href="/ar/docs/Learn/Accessibility/Mobile" rel="nofollow">الإتاحة الخلويّة</a> (Mobile Accessibility)</dt> - <dd dir="rtl">نظراً لشيوع الوصول إلى محتوى الويب عبر الهواتف، ولامتلاك منصات الهواتف الشهيرة، مثل iOS والأندرويد، على أدوات لهذا الغرض، أصبح من المهم الاهتمام بإتاحة محتواك على هذه المنصات. تتعمق هذه المقالة في الاعتبارات التي يجب أن تؤخذ عند إتاحة محتوى الويب للهواتف.</dd> -</dl> - -<h2 dir="rtl" id="اختبارات">اختبارات</h2> - -<dl> - <dt dir="rtl"><a href="/ar/docs/Learn/Accessibility/Accessibility_troubleshooting">معالجة الأخطاء الإتاحيّة</a></dt> - <dd dir="rtl">في هذا الإختبار من الوحدة، قدمنا لك موقع بسيطة يحتوي على عدد من الأخطاء الإتاحيّة التي عليك استكشافها وإصلاحها.</dd> -</dl> - -<h2 dir="rtl" id="انظر_أيضاً">انظر أيضاً</h2> - -<ul dir="rtl"> - <li><a href="https://egghead.io/courses/start-building-accessible-web-applications-today">أبدا من اليوم ببناء تطبيقات ويب مُتاحة</a>، سلسلة فيديوهات ممتازة مقدمة من قبل<span class="short_text" id="result_box" lang="ar"><span> مارسي ساتون</span></span> (Marcy Sutton).</li> - <li><a href="https://dequeuniversity.com/resources/">مصادر جامعة دوكي</a> (Deque)، تتضمن أمثلة برمجيّة، مراجع لقارئات شاشة (screen reader)، ومصادر أخرى مفيدة.</li> - <li><a href="http://webaim.org/resources/">مصادر من موقع WebAIM</a>، تتضمن دروس إرشاديّة، قوائم، أدوات، وأمور أخرى مفيدة.</li> -</ul> diff --git a/files/ar/learn/accessibility/what_is_accessibility/index.html b/files/ar/learn/accessibility/what_is_accessibility/index.html deleted file mode 100644 index 338c3dd9e8..0000000000 --- a/files/ar/learn/accessibility/what_is_accessibility/index.html +++ /dev/null @@ -1,206 +0,0 @@ ---- -title: ما هي الإتاحة؟ -slug: Learn/Accessibility/What_is_accessibility -tags: - - أدوات - - إتاحة - - مبتدئين - - مستخدمين -translation_of: Learn/Accessibility/What_is_accessibility ---- -<div>{{LearnSidebar}}</div> - -<div>{{NextMenu("Learn/Accessibility/HTML", "Learn/Accessibility")}}</div> - -<p class="summary" dir="rtl">تُمثِل هذه المقالة بداية للوحدة، بحيث تعطيك لمحة عن ماهيّة الإتاحة (accessibility)، فهي تتضمن معلومات عن مجموعة الأشخاص الذين يشملهم هذا المصطلح ولماذا، الأدوات المُختلفة التي تُستخدَم للتعامل مع الويب، وكيف يمكننا جعل الإتاحة جزءً لا يتجزأ من عمليّة تطوير الويب.</p> - -<table class="learn-box standard-table" dir="rtl"> - <tbody> - <tr> - <th dir="rtl" scope="row">المتطلبات:</th> - <td> - <p dir="rtl">معرفة بسيطة بالحاسوب، وفهم بسيط <a href="/ar/docs/Web/HTML">للغة ترميز النص الفائق</a> و<a href="/ar/docs/Web/CSS">صفحات الأنماط الانسيابية</a>.</p> - </td> - </tr> - <tr> - <th dir="rtl" scope="row">الهدف:</th> - <td> - <p dir="rtl">حصول القارئ على معرفة حول الإتاحة، ما هي، وكيف تؤثر عليك كمطور مواقع.</p> - </td> - </tr> - </tbody> -</table> - -<h2 dir="rtl" id="ما_هي_الإتاحة؟">ما هي الإتاحة؟</h2> - -<p dir="rtl">هي عمليّة جعل المواقع قابلة للاستخدام لأكبر قدر ممكن من الأشخاص. يُعتقَد عادةً أنَّها تتعلق بالأشخاص ذوي الإعاقات وحسب، ولكنها بالحقيقة تشمل أيضاً جماعة الأشخاص الذين يستخدمون الهواتف، أو الذين يملكون صبيب ضعيف من الإنترنت.</p> - -<p dir="rtl">يمكنك أيضاً النظر للإتاحة على أنَّها معاملة الجميع بالمثل، وإعطائِهم الفُرص ذاتها، بغض النظر عن قدراتهم أو ظروفهم. بنفس الطريقة التي لا يجوز فيها إخراج شخص ما من مبنى لأنَّه مُقعَد (تحتوي معظم المباني عامةً على منحدرات للمقاعد المتحركة ومصاعد هذه الأيام)، لا يجوز أيضاً منع أحدهم من استخدام الموقع لأنَّه مُعاق بصرياً أو يستخدم هاتف محمول. كلنا مُختلفون، ولكن جميعنا بشر، وبالتالي لدينا نفس الحقوق (الإنسانيّة).</p> - -<p dir="rtl">الإتاحة عمل صحيح، ولكنها أيضاً جزء من القانون في بعض البلدان، ويمكنها أنْ تفتح بعض الأسواق المهمة التي بدونها لا يُمكِن استخدام خدماتك، أو شراء منتجاتك ...إلخ.</p> - -<p dir="rtl">تفيد الإتاحة وممارساتها الصحيحة الجميع:</p> - -<ul dir="rtl"> - <li>تُحسِن لغة ترميز النص الفائق (HTML) الدلاليّة (التي تستخدم عناصر اسمائها تدُل على وظيفتها - semantic) فهرسة الموقع في محركات البحث (SEO)، فتجعله أكثر رواجاً سوقياً.</li> - <li>يظهِر الاهتمام بالإتاحة صورة حسنة وأخلاقيّة؛ مما يُحسِن صورتك بين الناس.</li> - <li>تجعل أيضاً الممارسات الجيدة الأخرى، التي تُحسِن الإتاحة، موقعك أكثر استخداميّة عند مجموعات أخرى من المُستخدمين، مثل مُستخدمين الهواتف المحمولة، المُستخدمين ممن لديهم صبيب إنترنت ضعيف ...إلخ. يمكن للجميع حقيقةً الاستفادة من تحسينات كهذه.</li> - <li>هل ذكرنا أيضاً أنَّ ذلك قانون في بعض الأماكن؟</li> -</ul> - -<h2 dir="rtl" id="ما_هي_أنواع_الإعاقات_التي_نتكلم_عنها؟">ما هي أنواع الإعاقات التي نتكلم عنها؟</h2> - -<p dir="rtl">الأشخاص ذوي الإعاقات متنوعون تماماً كالأشخاص السليمين، كما إعاقاتهم متنوعة أيضاً. الدرس الرئيسي هنا هو التفكير بعيداً عن الحاسوب وكيفيّة استخدامك للويب، والبدأ في التعلم كيف يستخدمه الآخرون - أنت لست كمُستخدمي خدماتِك. تُشرَح أدناه الإعاقات الرئيسيّة التي يجب الاهتمام بها، بالإضافة إلى الأدوات التي يستخدمها من لديهم تلك الإعاقات للوصول إلى محتوى الويب (المعروفة <strong>بالتقنيات المعاونة</strong> (assistive technologies) أو <strong>ATs</strong> كاختصار).</p> - -<div class="note"> -<p dir="rtl"><strong>ملاحظة</strong>: تشير منظمة الصحة العالميّة في مقالة <a href="http://www.who.int/mediacentre/factsheets/fs352/ar/">العجز والصحة</a> إلى "معاناة أكثر من مليار شخص، أي نحو 15% من سكان العالم، من شكل ما من أشكال العجز."، و "معاناة ما بين 110 مليون و190 مليون بالغ من صعوبات جسميّة في أداء الوظائف".</p> -</div> - -<h3 dir="rtl" id="الإعاقات_البصريّة">الإعاقات البصريّة</h3> - -<p dir="rtl">يشمل هذا المصطلح العميان، من لديهم ضعف نظر، أو من لديهم عمى ألوان ...إلخ. العديد من الأشخاص في هذه الفئة يستخدمون مُكبرات الشاشة (إما المُكبرات المادية، أو خواص التكبير في البرمجيات. لدى معظم المتصفحات وأنظمة التشغيل هذه الأيام القدرة على التكبير)، وبعضهم يستخدم قارِئات الشاشة، وهي برمجيات تقرأ النصوص الرقميّة:</p> - -<ul dir="rtl"> - <li>البعض منها احتكاريّة مدفوعة، مثل<a class="external external-icon" href="http://www.freedomscientific.com/Products/Blindness/JAWS">JAWS</a> (لنظام ويندوز) و <a class="external external-icon" href="http://www.gwmicro.com/window-eyes/">Window Eyes</a> (لنظام ويندوز).</li> - <li>البعض الآخر منها مجانيّة، مثل<a class="external external-icon" href="http://www.nvaccess.org/">NVDA</a> (لنظام ويندوز)،<a class="external external-icon" href="http://www.chromevox.com/">ChromeVox</a> (لنظام كروم، ويندوز، وماك)، و<a class="external external-icon" href="https://wiki.gnome.org/Projects/Orca">Orca</a> (لنظام لينُكس).</li> - <li>البعض الآخر مبني إفتراضياً في أنظمة التشغيل، مثل<a class="external external-icon" href="http://www.apple.com/accessibility/osx/voiceover/">VoiceOver</a> (نظام ماك و iOS)،<a class="external external-icon" href="https://support.microsoft.com/en-us/help/22798/windows-10-narrator-get-started">Narrator</a> (لنظام ويندوز)،<a class="external external-icon" href="http://www.chromevox.com/">ChromeVox</a> (لنظام كروم)، <a class="external external-icon" href="https://play.google.com/store/apps/details?id=com.google.android.marvin.talkback">TalkBack</a> (لنظام الأندرويد).</li> -</ul> - -<p dir="rtl">إنَّها لفكرة سديدة أن تتعرف على استخدام بعض القارِئات، بحيث ينبغي عليك تثبيت إحداها والتعامل معها قليلاً؛ لتأخذ فكرة عن آلية عملها. انظر <a href="/ar/docs/Learn/Tools_and_testing/Cross_browser_testing/Accessibility#Screenreaders">لدليل اختبار العدة متصفحات لقارئِات الشاشة</a> (cross browser testing screen readers guide) للمزيد من التفاصيل عن استخدامها، يوفر الفيديو أدناه مثال موجز لماهيّة التجربة.</p> - -<p>{{EmbedYouTube("IK97XMibEws")}}</p> - -<p dir="rtl">من حيث الجانب الإحصائي، تُقدِر المنظمة العالميّة للصحة أنَّ "هناك نحو 285 مليون نسمة ممن يعانون من ضعف البصر في جميع أنحاء العالم منهم 39 مليون نسمة كُفّت أبصارهم و246 مليون نسمة ضعفت رؤيتهم." (انظر إلى <a href="http://www.who.int/mediacentre/factsheets/fs282/en/">تقرير ضعف البصر والعمى</a>). هذا القدر الكبير من المستخدمين - والذي يساوي عدد سكان الولايات المُتخدة الأمريكيّة تقريباً - لن يستطيع استخدام موقعك لأنَّه غير مُبرمَج بشكل صحيح وحسب.</p> - -<h3 dir="rtl" id="الإعاقات_السمعيّة">الإعاقات السمعيّة</h3> - -<p dir="rtl">تُعرَف أيضاً بالإعاقات الصوتيّة (auditory)، أو الصمم. هؤلاء المجموعة من الأشخاص إما يملكون قدرة سمعيّة ضعيفة، أو هم صُمّ بالكامل. يستخدم المعاقين سمعياً التقنيات المعاونة (انظر <a href="https://www.nidcd.nih.gov/health/assistive-devices-people-hearing-voice-speech-or-language-disorders">إلى الأجهزة المعاونة للأشخاص ذوي الاضطرابات السمعيّة، الصوتيّة، النطقيّة، أو اللغويّة</a>)، ولكن لا يوجد تقنيات معاونة مخصصة للعمل مع الحاسب أو الويب.</p> - -<p dir="rtl">ومع ذلك، هناك عدة تكتيكات يجب وضعها في عين الاعتبار لتوفير بدائل نصيّة للمحتوى الصوتي حتّى يتمكنون من قراءته، كالنصوص النصيّة البسيطة (simple text transcripts) والتعليقات النصيّة على الفيديوهات. سنناقش ذلك في مقالة لاحقاً.</p> - -<p dir="rtl">يمثل أيضاً المعاقين سمعياً نسبة كبيرة من المُستخدمين، حيث يشير <a href="http://www.who.int/mediacentre/factsheets/fs300/ar/">تقرير الصمم وضعف السمع</a> من منظمة الصحة العالميّة إلى أنَّ "يعاني 360 مليون شخص على الصعيد العالمي من فقدان السمع المسبب للعجز، و32 مليون شخص منهم هم من الأطفال".</p> - -<h3 dir="rtl" id="الإعاقات_الحركيّة">الإعاقات الحركيّة</h3> - -<p dir="rtl">يملك هؤلاء الأشخاص إعاقات تتعلق بالحركة، والتي قد تتضمن مشاكل جسديّة بحتة (كفقدان طرف أو الشلل)، أو اضطرابات عصبيّة أو وراثيّة تؤدي إلى ضعف أو عدم القدرة على التحكم بالأطراف. بعض الأشخاص قد تكون لديهم صعوبة في دقة حركات اليد للتعامل مع الفأرة، وقد تكون حالة الآخرين أخطر، فالربما يكونون مشلولين إلى حد كبير مما يجعلهم محتاجين <a href="https://www.performancehealth.com/baseball-cap-head-pointer">لمؤشر رأسي</a> ليتعاملوا مع الحواسيب.</p> - -<p dir="rtl">يُمكِن أنْ يكون هذا النوع من الإعاقات أيضاً كنتيجة لِكِبَر السن، بدلاً من كونه نتيجة لصدمة أو حالة معينة، ويمكن أن يكون نتيجة لنقص في العتاد، فبعض المستخدمين قد لا يملكون فأرة (mouse).</p> - -<p dir="rtl">الطريقة الفعالة للتعامل مع هذا هي جعل عناصر الصفحة قابلة للوصول بواسطة لوحة المفاتيح، سنناقش ذلك في مقالة لاحقة في الوحدة، ولكن من الجيد أن تقوم حالياً بتجربة استخدام بعض المواقع بلوحة المفاتيح لترى كيف يحدث الأمر. هل يمكنك - على سبيل المثال - استخدام زر الجدولة (tab) للتنقل بين عناصر الاستمارة (form)؟ يمكنك إيجاد المزيد من التفاصيل حول التحكم بلوحة المفاتيح في قسم <a href="/ar/docs/Learn/Tools_and_testing/Cross_browser_testing/Accessibility#Using_native_keyboard_accessibility">الإتاحة باستخدام لوحة المفاتيح في اختبار العدة متصفحات</a> (Cross browser testing Using native keyboard accessibility).</p> - -<p dir="rtl">من حيث الجانب الإحصائي، يعاني عدد كبير من الناس من الإعاقات الحركيّة. يشير <a href="http://www.cdc.gov/nchs/fastats/disability.htm">تقرير العجز والوظائف الحركيّة</a> (Disability and Functioning) <span id="result_box" lang="ar"><span>لمراكز الولايات المتحدة لمكافحة الأمراض والوقاية </span></span>أنَّ "نسبة البالغين الذين يعانون من مختلف الصعوبات الحركيّة تبلغ 15.1%" في الولايات المُتحدة الأمريكيّة".</p> - -<h3 dir="rtl" id="الإعاقات_المعرفيّة">الإعاقات المعرفيّة</h3> - -<p dir="rtl">لربما تتواجد أوسع مجموعة من الإعاقات في هذه الفئة؛<span lang="ar"><span> فيمكن أن تشير الإعاقة المعرفيّة إلى الأمراض العقليّة</span></span>،<span lang="ar"><span> الصعوبات في التعلم، الصعوبات في الفهم والتركيز</span></span>،<span lang="ar"><span> مثل اضطراب نقص الانتباه و<a href="https://www.nimh.nih.gov/health/topics/attention-deficit-hyperactivity-disorder-adhd/index.shtml">فرط النشاط</a> (ADHD)، الأشخاص الذين يعانون من <a href="https://www.nimh.nih.gov/health/topics/autism-spectrum-disorders-asd/index.shtml">التوحد</a>،</span> <span>الأشخاص المصابين <a href="https://www.nimh.nih.gov/health/topics/schizophrenia/index.shtml">بانفصام الشخصيّة</a>، والعديد من أنواع الاضطرابات الأخرى.</span> <span>يمكن أن تؤثر هذه الإعاقات على أجزاء كثيرة من الحياة اليوميّة، بسبب المشاكل في الذاكرة</span></span>، <span lang="ar"><span>حل المشكلات</span></span>،<span lang="ar"><span> الاستيعاب</span></span>،<span lang="ar"><span> والانتباه ...إلخ.</span></span></p> - -<p dir="rtl"><span id="result_box" lang="ar"><span>أكثر الطرق شيوعًا التي قد تؤثر فيها هذه الإعاقات على استخدام موقع الويب هي صعوبة في فهم كيفيّة إكمال مهمة ما، أو تذكر كيفيّة القيام بشيء تم إنجازه، أو زيادة الإحباط عند العمل المُربِك أو الأمور الغير متناسقة</span></span>، مثل التنسيقات،<span lang="ar"><span> التنقل</span></span>، و<span lang="ar"><span>ميزات الصفحة الأخرى</span></span>.</p> - -<p dir="rtl">على نقيض المشاكل الإتاحيّة الأخرى، من المستحيل تحديد إصلاحات سريعة للمشاكل الإتاحيّة الناتجة عن الإعاقات المعرفيّة، فرصتك الوحيدة هي تصميم موقعك ليكون منطقياً، متناسقاً، مراعياً للاستخداميّة قدر الإمكان. كمثال، احرص على:</p> - -<ul dir="rtl"> - <li>جعل الصفحات متناسقة. أن يكون الشريط العلوي، الرأس، الذيل، والمحتوى الرئيسي دائماً في المكان الصحيح.</li> - <li>أن تكون الأدوات مُصممة بشكل جيدة وسهلة الاستخدام.</li> - <li>تقسيم العمليات متعددة المراحل إلى خطوات منطقيّة تتضمن على تذكيرات دوريّة حول المراحل التي قطعتها في تنفيذها، وكم من المتبقي لتنهيها، إذا كان ذلك ممكناً.</li> - <li>أن تكون طريقة سير العمليات منطقية، بسيطة، وتتطلب أقل قدر ممكن من الخطوات لإنجازها. على سبيل المثال، غالباً ما تكون عمليات التسجيل (registering) وتسجيل الدخول (signing in) في المواقع معقد بشكل غير ضروري.</li> - <li>أن تكون الصفحة الواحدة غير طويلة وكثيفة المعلومات.</li> - <li>أن تكون اللغة المُستخدمة في صفحاتك واضحة قدر الإمكان، وغير ممتلئة بالكلمات العاميّة أو المصطلحات الغير ضروريّة.</li> - <li>أن تكون النقاط المُهمة مُعلَّم بطريقة ما.</li> - <li>أن تكون أخطاء المُستخدمين واضحة، وتتضمن رسائل تحوي إقتراحات لحل المشكلة.</li> -</ul> - -<p dir="rtl">هذه ليست "تكتيكات إتاحيّة" بقدر ما هي ممارسات جيدة في عمليّة التصميم. ستفيد الجميع باستخدامك لهذه التقنيات في مواقعك، كما يجب أن تكون دوماً جزءً معيارياً من عملك.</p> - -<p dir="rtl">من الجانب الإحصائي، العدد كبير مجدداً. وضَّحت جامعة كورنيل في <a href="http://www.disabilitystatistics.org/StatusReports/2014-PDF/2014-StatusReport_US.pdf">تقريرها عن حالات الإعاقة لعام 2014</a> أنَّ "4.5% من الناس الذين تترواح أعمارهم بين 21-64 سنة يعانون من شكل من أشكال الإعاقة المعرفيّة".</p> - -<div class="note"> -<p dir="rtl"><strong>ملاحظة</strong>: توفر <a href="http://webaim.org/articles/cognitive/">صفحة WebAIM للإعاقات المعرفيّة</a> توضيح موسَع لهذه الأفكار، وهي بالتأكيد تستحق القراءة.</p> -</div> - -<h2 dir="rtl" id="تضمين_الإتاحة_في_مشروعك">تضمين الإتاحة في مشروعك</h2> - -<p dir="rtl">هناك خرافة عن الإتاحة تقول أنَّها مزيّة زائدة وتعتبر "كنوع من الرفاهيّة" لتضيفها لمشروعك. حقيقةً، يُمكِن أن تكون هذه الخرافة صحيحة (بعض الصحة) إذا كنت:</p> - -<ul dir="rtl"> - <li>تحاول تضمين الإتاحة في موقع فيه عدد ضخم من المشاكل الإتاحيّة.</li> - <li>بدأت التفكير بالإتاحة والمشاكل المُتعلقة بها الموجودة في المشروع في مرحلة متأخرة.</li> -</ul> - -<p dir="rtl">بالرغم من ذلك، إن كنت واضعاً الإتاحة في عين الاعتبار منذ بداية عملك على المشروع، فسيكون الثمن الذي ستدفعه لجعل محتواك مُتاحاً بخساً إلى حدٍ ما.</p> - -<p dir="rtl">عندما تُخطِط لمشروعك، أضف عمليّة اختبار الإتاحة إلى منظومتك الاختباريّة (testing regime)، كما تفعل مع اختبار أي شريحة جماهيريّة مستهدفة مهمة (مثل متصفحات الهواتف وأسطح المكتب المُستهدفة)، اختبر الأمور باكراً وكثيراً (early and often)، يمكنك إجراء اختبارات مؤتمتة لاكتشاف المزايا الناقصة برمجياً (مثل نقصان <a href="/ar/docs/Learn/Tools_and_testing/Cross_browser_testing/Accessibility#البدائل_النصية">النص البديل</a> للصورة أو وجود نص سيء يصف الرابط - انظر إلى مقالة <a href="/ar/docs/Learn/Tools_and_testing/Cross_browser_testing/Accessibility#العلاقات_بين_العناصر_والسياق">العلاقات بين العناصر والسياق</a>)، وقم ببعض الاختبارات مع فئة المُستخدمين المُتضررة؛ لترى كيف تعمل ميزات الموقع المُعقدة معهم. على سبيل المقال:</p> - -<ul dir="rtl"> - <li>هل أداة التقاط التاريخ (date picker widget) تعمل جيداً عند مَن يستخدمون قارئات الشاشة؟</li> - <li>إن كان المُحتوى يُحدَث ديناميكياً، فهل يلاحظ المعوقين بصرياً ذلك؟</li> - <li>هل يمكن الوصول إلى الأزرار الرسوميّة في الموقع عبر لوحة المفاتيح والشاشات التي تعمل باللمس؟</li> -</ul> - -<p dir="rtl">يمكنك وينبغي عليك أن تبقى متيقظاً لتنتبه إلى المناطق في محتواك التي من المُحتمَل أن تَحصُل فيها أخطاءً ستحتاج للعمل عليها لجعها مُتاحة، وعليك أن تقوم بفحصها بعنايّة، وتفُكِر بحلول أو بدائِل. التعامل مع المحتوى النصي (كما سترى في المقالة التالية) سهل، ولكن ماذا عن الوسائط المتعددة، ورسوماتك ثلاثيّة الأبعاد؟ يجب عليك النظر إلى ميزانيّة مشروعك والتفكير بواقعيّة حول الحلول المتاحة لجعل محتوى مشروعك متاحاً. يمكنك الدفع مثلاً لتحويل جميع الوسائط المتعددة لديك إلى نصوص مكتوبة، هذا مُكلِف، ولكنه خيار وارد يُمكِن أن يُنجَز.</p> - -<p dir="rtl">كن واقعياً أيضاً. الحصول على إتاحة بنسبة 100% أمر مستحيل، ستجد دوماً شخص يعاني بعض المشاكل والصعوبات في التعامل مع موقعك، ولكن هذا يجب أن يكون حافزاً لتبذل أقصى ما في وسعك. إذا كنت تخطط لتضمين رسوم بيانية ثلاثيّة الأبعاد بواسطة مكتبة WebGL، فقد ترغب بإضافة جدول كبديل إتاحي يعرض البيانات في حالة عدم القدرة على قراءة الرسم البياني، أو قد ترغب بتضمين جدول فحسب وإزالة الرسم البياني، فالجدول يُمكِن استخدامه من قبل الجميع، كتابته أسهل، وأقل استهلاكاً للموارد، وسهل الصيانة والتعديل.</p> - -<p dir="rtl">من الناحية الأخرى، إذا كنت تعمل على معرض صور يعرض رسوم ثلاثيّة الأبعاد، فمن الغير عقلاني توقُّع أنَّ كل صورة ستكون متاحة بشكل تام للمعاقين بصرياً، فالموقع أصلاً يستهدف الأشخاص ذوي البصر السليم.</p> - -<p dir="rtl">لتُظهِر أنَّك مُهتم وقد فكرت في موضوع الإتاحة، انشر بياناً في موقع يشرح سياستك حيال الإتاحة، والخطوات التي اتخذتها لجعل الموقع مُتاحاً. إذا اشتكى أحدهم أنَّ موقعك فيه مشكلة إتاحيّة، حاول التحدث معه، كن صبوراً ومتعاطِفاً، وقم بخطوات حكيمة لمحاولة حل المشكلة.</p> - -<div class="note"> -<p dir="rtl"><strong>ملاحظة</strong>: تغطي مقالة <a href="/ar/docs/Learn/Tools_and_testing/Cross_browser_testing/Accessibility">التعامل مع المشاكل الإتاحيّة الشائعة</a> الأمور التي يجب اختبارها بشكل تفصيلي.</p> -</div> - -<p dir="rtl">مُلخَص الأفكار:</p> - -<ul dir="rtl"> - <li>ضع الإتاحة في عين الاعتبار منذ بداية عملك على المشروع، واختبر الأمور باكراً وكثيراً. كما كأي علّة أخرى، يصبح ثمن إصلاح المشاكل الإتاحيّة كبيراً عند إصلاحها لاحقاً.</li> - <li>ضع في ذهنك أنَّ الممارسات الإتاحيّة الجيدة تفيد الجميع، وليس فقط من لديهم إعاقات. على سبيل المثال، الشيفرة الدلاليّة الواضحة ليست مُساعدة لقارِئات الشاشة وحسب، وإنما تفيد في الأداء والسرعة، وبالتالي هذا مفيد للجميع، وخاصةً للذين يستخدمون الهواتف النقالة ولديهم صبيب ضعيف من اﻹنترنت.</li> - <li>انشر تقريراً عن الحالة الإتاحيّة لموقعك، واجعل من لديهم مشاكل يشاركون.</li> -</ul> - -<h2 dir="rtl" id="دروس_إرشاديّة_وقوانين_عن_الإتاحة">دروس إرشاديّة وقوانين عن الإتاحة</h2> - -<p dir="rtl">يوجد عدد ضخم من القوائم والدروس الإرشاديّة المُتاحة لتعليم إجراء الاختبارات الأساسية. نصيحتنا لك هي أن تتعلم الأمور التي تحتاجها، وأن تفهم الفكرة الأساسية من الدروس المهمة بالنسبة لك.</p> - -<ul dir="rtl"> - <li>كبداية، نشرت منظمة W3C وثيقة كبيرة وشديدة التفصيل تتضمن معايير دقيقة ومحددة للتقنيات المتوافقة (التي تعمل جيداً) مع الإتاحة. تدعى هذه الوثيقة <a href="https://www.w3.org/WAI/intro/wcag.php">بدليل إتاحة محتوى الويب</a> (WCAG- <a href="https://web.archive.org/web/20130531012633/http://www.utic.rnu.tn:80/wcag2.0">الترجمة العربيّة</a>). المعايير مفصولة إلى أربع فئات أساسية تحدد كيف من الممكن إجراء التوصيات بشكل مدروك (perceivable)، عملي (operable)، مفهوم (understandable)، ومتين (robust). المكان الأفضل للحصول على مقدمة خفيفة والبدأ بتعلم هذه الأشياء هو قسم <a href="https://www.w3.org/WAI/WCAG20/glance/Overview.html">توصيات WCAG بالمختصر</a> من موقع رابطة الويب العالمية (W3C). لا حاجة لحفظ تلك التوصيات عن ظهر قلب، كن متيقظاً فقط للمناطق المثيرة للقلق في موقعك، واستخدم تقنيات وأدوات متنوعة للتعامل مع الأمور الغير متوافقة مع معايير WCAG (انظر أدناه للمزيد من التفاصيل).</li> - <li>قد يكون لدى بلدك تشريعات قانونيّة حول الإتاحة يجب تطبيقها على المواقع التي تستهدف سكانها، <a href="http://www.section508.gov/content/learn">كالقسم 508 من قانون إعادة التأهيل</a> في الولايات المتحدة.</li> -</ul> - -<p dir="rtl">ففي حين أنَّ توصيات WCAG هي مجرد أدّلة إرشادية، قد يكون في دولتك قوانين حول الإتاحة في الويب، أو على الأقل قانون حول إتاحة الخدمات المنشورة للعامة (والتي قد تتضمن المواقع، الخدمات التلفزية... إلخ). من الجيد البحث عن قوانين بلدك المتعلقة بهذا الموضوع وتطبيقها. إن لم تبذل جهداً لتوافِق محتوى موقعك مع قوانين حكومتك، فقد تواجه مشاكل قانونيّة إن اشتكى أحد زوارك ذوي الإعاقات.</p> - -<p dir="rtl">قد يبدو هذا غريباً، ولكن الأمر بسيط، فكل ما عليك وضع الإتاحة كأمر ذو أولوية في عملية تطوير الويب (كما شُرِحَ سابقاً). إن كنت تشك في مصداقية ما نقول، يمكنك سؤال محامي مُختَص عن الأمر. لن نوفر المزيد من النصائح، فنحن لسنا برجال قانون.</p> - -<h2 dir="rtl" id="واجهات_برمجيّة_للإتاحة">واجهات برمجيّة للإتاحة</h2> - -<p dir="rtl">تستفيد المتصفحات من <strong>واجهات الإتاحة البرمجيّة</strong> (accessibility APIs) الخاصة (التي يوفرها نظام التشغيل الذي يعمل عليه المُتصفح) التي توفِر معلومات مفيدة للتقنيات المعاونة (assistive technologies)، تميل التقنيات المعاونة غالباً للاستفادة من المعلومات الدلاليّة (semantic information)، بالتالي، لا تتضمن هذه المعلومات أشياء تصميميّة، أو بيانات جافاسكربت. تُنظَم هذه المعلومات في شجرة معلوماتيّة تُسمى <strong>بالشجرة الإتاحيّة</strong> (accessibility tree).</p> - -<p dir="rtl">تتوافر في أنظمة التشغيل المختلفة واجهات إتاحيّة مختلفة، مثل:</p> - -<ul dir="rtl"> - <li>نظام ويندوز: MSAA/IAccessible ،UIAExpress ،IAccessible2</li> - <li>نظام ماك: AT-SPI</li> - <li>نظام أندرويد: Accessibility framework</li> - <li>نظام <span class="st">آي أو إس أو: </span>UIAccessibility</li> -</ul> - -<p dir="rtl">عندما تفشل المعلومات الدلاليّة الأصيلة الموفرة من قبل عناصر لغة ترميز النص الفائق من إيضاح الغرض، يمكنك تدعيمها بالمزايا المذكورة في توصيات WAI-ARIA، والتي تضيف معلومات دلاليّة إلى شجرة الإتاحة لتُحسِن التجربة الإتاحيّة. يمكنك تعلم المزيد حول تقنيّة WAI-ARIA في مقالة <a class="new" href="/ar/docs/Learn/Accessibility/WAI-ARIA_basics" rel="nofollow">أساسيات تقنيّة WAI-ARIA</a>.</p> - -<h2 dir="rtl" id="الخلاصة">الخلاصة</h2> - -<p dir="rtl">يبنغي على هذه المقالة أن تكون قد اعطتك لمحة مفيدة عن الإتاحة، عارضةً لك سبب أهميتها، شارحةً كيفيّة إضافتها إلى سير عملك. ينبغي أن تكون الآن متتوقاً (راغباً) لتعلم المزيد حول التفاصيل التي تجعل مواقعك مُتاحة، وسنبدأ بذلك في الفصل الثاني، حيث سنشرح سبب كون لغة ترميز النص الفائق (HTML) أساساً مهماً للإتاحة.</p> - -<p>{{NextMenu("Learn/Accessibility/HTML", "Learn/Accessibility")}}</p> - -<h2 dir="rtl" id="في_هذه_الوحدة_أيضاً">في هذه الوحدة أيضاً</h2> - -<ul dir="rtl"> - <li><a class="new" href="/ar/docs/Learn/Accessibility/What_is_accessibility" rel="nofollow">ما هي الإتاحة؟</a></li> - <li><a class="new" href="/ar/docs/Learn/Accessibility/HTML" rel="nofollow">أساسيات مهمة في لغة ترميز النص الفائق للعمل مع الإتاحة</a></li> - <li><a class="new" href="/ar/docs/Learn/Accessibility/CSS_and_JavaScript" rel="nofollow">أفضل الطرق لاستخدام صفحات الأنماط الانسيابية والجافاسكربت لإتاحة أفضل</a></li> - <li><a class="new" href="/ar/docs/Learn/Accessibility/WAI-ARIA_basics" rel="nofollow">أساسيات تقنيّة WAI-ARIA</a></li> - <li><a class="new" href="/ar/docs/Learn/Accessibility/Multimedia" rel="nofollow">الوسائط المُتاحة</a></li> - <li><a class="new" href="/ar/docs/Learn/Accessibility/Mobile" rel="nofollow">الإتاحة الخلويّة</a></li> - <li><a class="new" href="/ar/docs/Learn/Accessibility/Accessibility_troubleshooting" rel="nofollow">معالجة الأخطاء الإتاحيّة</a></li> -</ul> - -<dl> -</dl> |