أهلاً ، ومرحبًا مرة أخرى ونحن نعود ونتحدث عن التصميم من أجل
إمكانية الوصول مرة أخرى للمحتوى.
لذلك، كما كنت أخبركم المزيد والمزيد من الأشياء الرائعة،
أواللطيفة، أشعر أحيانًا بالرغبة في إرشادك و
وتذكيرك بالأساسيات اللازمة لتصميم صفحتك.
وجزء من هذه الأساسيات هو أنني أريد أن أذكركم بأن المحتوى الخاص
بصفحتك يجب أن يكون في HTML الخاص بك.
ما أعنيه بذلك هو أنه قد يكون من المغري حقً ا إضافة محتوى بالألوان ،
والصور، وما إلى ذلك من الأشياء التي قد لا يتمكن الأشخاص من إدراكها، ولكن
أنت لا تفكر في الأمر بالضرورة عندما،
عندما تشرع فيه كمستخدم مرئي.
لذلك ما أريدك أن تفعله عندما تقوم بتصميم صفحاتك واختبارها و
وإعادة التصميم والاختبار وإعادة التصميم هو أنك تتذكر ما نسميه إرشادات POUR.
نريد أن تكون صفحاتك جذابة وقابلة للتنفيذ ومفهومة ومتماسكة.
وكذلك إدراك
وفهم ما تقوم به حقًا عند استخدامك CSS الخاص بك.
إذًا من أجل
فهم الأشياء التي يمكن إدراكها ، أريد ك فقط أن تتذكر بضعة أشياء.
أولاً ، تذكر دائمًا تقديم بدائل نصية لصورك.
فالصور الخاصة بك لا ينبغي أن تنقل المعلومات تمامًا من تلقاء نفسها.
تأكد من توفير التوضيحات والنصوص للفيديو والصوت.
الآن ، ليس كل شخص لديه حق الوصول إلى الأدوات لتوفير هذا لك
مجانًا ، ولكن في مكان عملك أو في مكان ذهابك إلى المدرسة ، قد يساعدك.
تأكد من أنك تستخدم هذا الترميز الدلالي الصحيح، حتى
يمكن تقديم هذا المحتوى بطرق مختلفة.
أريدك أن تستخدم علامة التنقل هذه.
أريدك استخدام علامة الشكل بدلاً من علامة الصورة.
ما هو أقرب إلى الحدوث هو أن الناس لديهم كود كتبوه بالفعل و
إنهم يريدون أن يكونوا كسالى بعض الشئ دون تغيير HTML الخاص بهم،
لأنه عندما يفعلون ذلك ، عليهم تغيير CSS الخاص بهم.
المضي قدما وإجراء هذا التغيير.
سيكون حقا يستحق كل هذا الجهد.
فلتيسر الأمور
المستخدمين للاتصال ، لمعرفة المحتوى الخاص بهم ، وذلك باستخدام تباين الألوان جيدة حقا.
ستكون مندهشًا للغاية عندما تدرك عدد الأشخاص الذين لا يستطيعون الوصول
إلى المعلومات على الموقع لأنهم لا يستطيعون حقًا رؤية ما طرحته هناك.
بعد ذلك ، دعونا نتحدث عن معنى أن تكون صفحتك قابلة للتشغيل.
ما أعنيه بذلك هو أن جميع الوظائف بصفحتك
يجب أن تكون متاحة بداية من من لوحة المفاتيح.
لا تتوقع أن يستخدم الجميع الفأرة لتصفح صفحتك.
لا تتوقع أن تكون بعض الأشياء دائمًا متاحة،
بعض الأشياء لا يمكن الوصول إليها إلا إذا وقت عليها أو مررت عليها.
يجب أن يتحكم المستخدمين في كافة التوقيتات والحدود.
لذا، إذا كانت لديك مقاطع الفيديو هذه في الوسائط ، فتأكد من وضعها في
لوحة التحكم الخاصة بها لإيقاف تشغيل الأشياء أو رفضها أو ترجيعها إلى الوراء، إلخ.
هذا شيء مهم بالفعل بالنسبة لي ،
فلديّ أفراد من العائلة يتعاملون مع ذلك ، والمهم هو أنك تريد التأكد من أنك
لا تملك نوعًا من المحتويات البراقة طوال الوقت.
أنا لا أتحدث عن Flash البرنامج.
أنا أتحدث عن الأشياء التي سوف تومض على الشاشة و
لا يملك المستخدم التحكم في إيقاف تشغيله.
قد يؤثر هذا في واقع الأمر سلبًا.
ينبغي عليك توفير طرقًا لمساعدة المستخدمين على التنقل خلال صفحتك.
تجنب الغموض في جعلهم يعرفون كيف يصلون إلى ما
يريد الذّهاب.
إنها وظيفتك أن تجعل من السهل عليهم العثور على المحتوى و
معرفة أين هم على صفحتك.
إليك بعض الأمثلة السريعة للطرق المختلفة
التي يستخدمها الناس أحيانًا للوصول لصفحة الويب، سواء كان ذلك باستخدام القلم،
أو لوحة المفاتيح أو جهاز تحكم عن بعد أو نوع من أنواع لوحات المفاتيح يمكن الوصول إليه أو
حتى بعض أنواع الأجهزة التي يمكنهم استخدامها للتنقل عبر الويب.
بعد ذلك، دعونا نتحدث عن ما أعنيه بأن تكون الصفحة مفهومة.
عادةً، ينبغي أن تظل لغتك على صفحتك.موجزة وأنيقة.
ما لم تكن بارعًا وأنت تعرض أعمالك ،
سيقضي الأشخاص بضع ثوانٍ فقط على صفحتك.
اجعل من السهل عليهم فهم ما تحاول قوله.
عندما يكون لديك نص مستكمل برسوم توضيحية ، مقاطع فيديو
وتنسيقات أخرى عندما يقتضي الأمر، ينبغي عليك التأكد من أنك تستخدم
تصميم عالمي جيد ، بحيث يتمكن الناس من الوصول إليه.
ينبغي أن تكون كل من أدوات التنقل عبر الإنترنت، وهيكل المعلومات، دائمًا منفصلة في حقيقة الأمر،
ويمكن تمييزها عن المحتوى الخاص بك.
قم بالتسهيل على الناس، واجعل من اليسير عليهم الذهاب لصفحات معينة والرجوع منها وهكذا دواليك.
وأخيرًا ، اجعل صفحاتك تعمل بطرق يمكن للناس فهمها.
هذا يمكن أن يكون نوعًا من الأمور المحيرة التي يجب التحدث عنها فقط ، ولكن
إذا سبق لك زيارة موقع ويب حيث ولم يكن بإمكانك معرفة كيفية
العودة إلى الصفحة التي كنت فيها قبل ثلاث صفحات ، فاجعل من السهل على الأشخاص القيام بذلك.
أخيرًا، ساعد المستخدمين على تجنب الأخطاء وتصحيحها.
الأمر متروك لك، وليس لهم ، لمعرفة كيفية الوصول إلى المعلومات.
وأخيرا ، فإن R ، قوية في POUR.
هل يعمل موقعك عبر مختلف التقنيات، والهاتف الذكي،
قارئ الشاشة، كمبيوتر محمول، والقلم؟
كما تعمل معي و
نذهب أبعد من ذلك ، سوف نتحدث عن التصميم السريع في بعض الدروس القادمة.
ويعمل ذلك على التأكد من أن صفحتك تبدو أفضل ما يمكن أن تبدو
على أحجام الشاشة المختلفة.
لكنه بخلاف أحجام الشاشة ، تحتاج أيضًا إلى التفكير في أشياء مثلما قلنا ،
القلمين وقارئات الشاشة.
لذلك ستكون هناك أخطاء في بناء الجملة قد تكون موجودة في برمجتك
لا تؤثر على شكل الصفحة لك.موقعك
لقد دخلت ، تبدو رائعة ، أنت مثل ، أنا ذهبي.
عليك أن تتذكر أن هذه الأخطاء في بناء الجملة يمكن أن تفسد التقنيات الأخرى.
لذا تأكد من التزامك بالمعايير و
لضمان التوافق المستقبلي مع المتصفحات الجديدة.
وأسهل طريقة للقيام بذلك هي الذهاب إلى validator.w3c.org و
the wave.webaim.org للتحقق من صحة التعليمات البرمجية الخاصة بك.
إنه بسيط وسريع وسيمنحك حقًا صفحة أفضل بكثير.
لذلك فقط للمراجعة ، أنا لا أطلب منك القيام بخطوات كبيرة.
أنا فقط أريدك أن تفعل الأشياء الصغيرة بشكل صحيح.
وهذا يبدأ حقًا بعلامات HTML الصحيحة.
يمكن أن يجعل التصميم في الواقع من الصعب على بعض الأشخاص الوصول إلى المعلومات ، هكذا
اختبر، اختبر، اختبر.
اجعل الناس ينظرون إلى صفحتك.
اجعلهم يبدون رأيهم.
لا تأخذ الأمر على محمل شخصي.
فالأمر لا يتعلق بالترميز الخاص بك.
بل يتعلق بعمل منتج رائع حقًا.
وأخيرًا، ابدأ مبكرًا في
استخدام الأدوات المختلفة التي تستهل الوصول للمحتوى.
إنها موجودة من أجلك، لجعل حياتك أسهل، وليست أصعب.
وفي الختام، إن الشئ الوحيد الذي أعاني منه حقًا، مع الطلاب،
هو أننا جميعًا نريد عمل أشياء جميلة رائعة.
لكن الأساليب الجديدة الرائعة والتقنيات الجميلة الرائعة
ينبغي ألا تكون على حساب سهولة الوصول للمحتوى والأشخاص الذي يشاهدون صفحتك.
لذا فاّمل حقًا أنه بينما تتعلموا الترميز هذا و
وتشعروا بشئ من التوتر عند استخدام هذه الأشياء الرائعة،
أنت تتعلموا وتتذكر أن الأمر لا يتعلق فقط بتصميم أروع صفحة ويب.
فالأمر يتعلق بوجود صفحة منسقة تبرز حقًا المعلومات
التي تريد نشرها على صفحة الويب.
حظ سعيد.