From 3cc810e387194f994678ae389549871b5637ae98 Mon Sep 17 00:00:00 2001 From: Khalid Almufti Date: Tue, 21 Jan 2020 07:30:56 -0600 Subject: [PATCH] Improve translations/code block fix (#36964) --- ...accessibility-with-the-figure-element.arabic.md | 14 +++++++++++++- 1 file changed, 13 insertions(+), 1 deletion(-) diff --git a/curriculum/challenges/arabic/01-responsive-web-design/applied-accessibility/improve-chart-accessibility-with-the-figure-element.arabic.md b/curriculum/challenges/arabic/01-responsive-web-design/applied-accessibility/improve-chart-accessibility-with-the-figure-element.arabic.md index 1636e38f0c..43f409df1b 100644 --- a/curriculum/challenges/arabic/01-responsive-web-design/applied-accessibility/improve-chart-accessibility-with-the-figure-element.arabic.md +++ b/curriculum/challenges/arabic/01-responsive-web-design/applied-accessibility/improve-chart-accessibility-with-the-figure-element.arabic.md @@ -7,7 +7,19 @@ localeTitle: تحسين إمكانية الوصول المخطط مع عنصر --- ## Description -
قدم HTML5 عنصر figure ، جنبا إلى جنب مع figcaption ذات الصلة. تستخدم هذه العناصر معًا لتمثيل عرض مرئي (مثل صورة أو مخطط أو مخطط) مع التسمية التوضيحية. ويعطي هذا دفعة من إمكانية الوصول ذات شقين عن طريق كل من المحتوى ذي الصلة من حيث تجميع المحتوى ، وتقديم بديل نصي يشرح figure . بالنسبة إلى عمليات التمثيل البصري للبيانات مثل المخططات ، يمكن استخدام التسمية التوضيحية للإحاطة علما بالاتجاهات أو الاستنتاجات للمستخدمين الذين يعانون من إعاقات بصرية. ويغطي تحد آخر كيفية نقل إصدار جدول من البيانات خارج الشاشة (باستخدام CSS) لمستخدمي قارئ الشاشة. في ما يلي مثال - لاحظ أن figcaption داخل علامات figure ويمكن دمجه مع عناصر أخرى:
<الرقم>
<img src = "roundhouseDestruction.jpeg" alt = "Photo of Camper Cat executing a roundhouse kick">
<BR>
<figcaption>
يوضح سيد كامبر القط شكل مناسب للركلة المستديرة.
</ figcaption>
</ الرقم>
+
قدم HTML5 عنصر figure ، جنبا إلى جنب مع figcaption ذات الصلة. تستخدم هذه العناصر معًا لتمثيل عرض مرئي (مثل صورة أو مخطط أو مخطط) مع التسمية التوضيحية. ويعطي هذا دفعة من إمكانية الوصول ذات شقين عن طريق كل من المحتوى ذي الصلة من حيث تجميع المحتوى ، وتقديم بديل نصي يشرح figure . بالنسبة إلى عمليات التمثيل البصري للبيانات مثل المخططات ، يمكن استخدام التسمية التوضيحية للإحاطة علما بالاتجاهات أو الاستنتاجات للمستخدمين الذين يعانون من إعاقات بصرية. ويغطي تحد آخر كيفية نقل إصدار جدول من البيانات خارج الشاشة (باستخدام CSS) لمستخدمي قارئ الشاشة. في ما يلي مثال - لاحظ أن figcaption داخل علامات figure ويمكن دمجه مع عناصر أخرى: + +```html +
+ صورة لكامبر كات ينفذ ركلة مستديرة +
+
+ المعلم كامبر كات يوضح الشكل الصحيح للركلة المستديرة. +
+
+``` + +
## Instructions
تعمل لعبة Camper Cat بجد لإنشاء مخطط شريطي مكدّس يعرض مقدار الوقت في الأسبوع لإنفاق التدريب على التسلل والمكافحة والأسلحة. ساعده في تنظيم صفحته بشكل أفضل عن طريق تغيير علامة div التي استخدمها في علامة figure ، والعلامة p التي تحيط figcaption التوضيحية إلى علامة figcaption .