عشان تتأكد أن محتوى صفحات موقعك أو تطبيقك قابل للقراءة من جميع فئات المجتمع لازم تتحقق أساسيات web content accessibility guidelines
ثريد🧵
ثريد🧵
أول شئ لازم نعرف معنى المصطلح اللي اختصاره WCAG: هي مجموعة من الأساسيات اللي شكلتها منظمات للتأكد من أن محتوى المواقع قابل للأستهلاك من جميع الناس وبالأخص ذوي الإحتياجات الخاصة.
طبعاً المحتوى شامل كل الأشكال من الصور، الكلام، الفيديوهات، الأصوات.
طبعاً المحتوى شامل كل الأشكال من الصور، الكلام، الفيديوهات، الأصوات.
طيب ليه مهم ان نتأكد من إن المحتوى accessible. لأن نسبة ١٥٪ من سكان العالم من ذوي الإحتياجات الخاصة واللي يضطروا انهم سيتخدموا أجهزة مثل أجهزة قراءة الشاشة عشان يفهمون محتوى الموقع لكن لو موقعك غير داعم لهذه الأجهزة رح يكونون غير قادرين على تصفح الموقع
في ٣ مستويات ل WCAG:
🔹المستوى الأول A:
يعتبر أسهل واحد لتحقيقه. له ٢٥ شرط لازم تحققه عشان توصل للمستوى. مثال عليه: غير ممكن استخدام جملة اضغط على الزر الأزرق للأستمرار لأن الأعمى مثلاً ما رح يقدر يشوف الألوان.
🔹المستوى الأول A:
يعتبر أسهل واحد لتحقيقه. له ٢٥ شرط لازم تحققه عشان توصل للمستوى. مثال عليه: غير ممكن استخدام جملة اضغط على الزر الأزرق للأستمرار لأن الأعمى مثلاً ما رح يقدر يشوف الألوان.
🔹المستوى الثاني AA:
تركيز المستوى على خصائص الخط ان يكون قابل للقراءة مثل اللون والحجم. مثل في plug-in في adobe XD, Figma , chrome اسمه Stark يعطيك نسبة التباين وإذا حققت المستوى AA أو AAA.
getstark.co
تركيز المستوى على خصائص الخط ان يكون قابل للقراءة مثل اللون والحجم. مثل في plug-in في adobe XD, Figma , chrome اسمه Stark يعطيك نسبة التباين وإذا حققت المستوى AA أو AAA.
getstark.co
🔹المستوى الثالث AAA:
هو أصعب مستوى للوصول إليه وغالباً المواقع هذه مبنيه من قبل فرق كبرى وتكون لازم للأستخدام من قبل جميع فئات المجتمع مثل المواقع الحكومية. طبعاً قليل جداً من المواقع وصلوا لهذا المستوى.
هو أصعب مستوى للوصول إليه وغالباً المواقع هذه مبنيه من قبل فرق كبرى وتكون لازم للأستخدام من قبل جميع فئات المجتمع مثل المواقع الحكومية. طبعاً قليل جداً من المواقع وصلوا لهذا المستوى.
في موقع يقدر يختبر موقعك ويعطيك نسبة تحقيق موقعك لشروط WCAG.
w3.org
w3.org
في نهاية الثريد، إذا استفدتوا لاتنسون المشاركة لإفادة الغير وشكراً 💜
جاري تحميل الاقتراحات...