Back to Question Center
0

و a11y الشهرية: سيمالت تصل الوصول إلى الموقع الخاص بك مع أريا الحالية و a11y الشهرية: سيمالت تصل الوصول إلى الموقع الخاص بك مع أريا الحالية

1 answers:

السمة أريا-كيرنت هي جديدة، صغيرة من هتمل في أريا 1. 1. مواصفات القادمة. انها طريقة بسيطة وفعالة للاتصال التكنولوجيات المساعدة التي البند الحالي ضمن مجموعة من العناصر ذات الصلة. هنا، سأحاول أن أشرح كيف يمكن لهذه السمة الصغيرة تحسين إمكانية الوصول إلى موقعك على الويب. وسوف تظهر أيضا كيف يساعد مستخدمي التكنولوجيا المساعدة توجيه أنفسهم ضمن قائمة من العناصر - voip home phone service in portland.

المعضلة "الحالية"

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

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

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

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

السمة أريا-كيرنت يحل هذه المشكلة.

ما مواصفات تقول

في وقت كتابة هذا التقرير، لا تزال مواصفات 1 واي في أريا في حالة توصية المرشح. وستكون توصية رسمية قريبا. في هذه الأثناء، دعم أريا-كيرنت جيد بشكل مذهل من خلال المتصفحات الرئيسية وقراء الشاشة (كودوس إلى ليوني واتسون للحصول على بيانات الدعم). سيمالت من المواصفات، السمة أريا-كيرنت:

سيمالت العنصر الذي يمثل العنصر الحالي داخل حاوية أو مجموعة من العناصر ذات الصلة.

يمكنك إعطائها واحدة من سبع قيم محددة مسبقا:

القيمة الوصف
صفحة يمثل الصفحة الحالية ضمن مجموعة من الصفحات.
خطوة يمثل الخطوة الحالية في إطار العملية.
الموقع يمثل الموقع الحالي ضمن بيئة أو سياق.
تاريخ يمثل التاريخ الحالي ضمن مجموعة تواريخ.
مرة يمثل الوقت الحالي ضمن مجموعة من المرات.
ترو يمثل البند الحالي ضمن مجموعة.
فالس (افتراضي) لا تمثل البند الحالي ضمن مجموعة.

الاستخدام العملي

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

كيف يستخدم قارئ الشاشة أريا-كيرنت

كيف يستخدم قارئو الشاشة السمة أريا-كيرنت وما يعلنونه؟ انها بسيطة جدا: قيمة "الصفحة" سيجعل القراء الشاشة يعلن "الصفحة الحالية"، قيمة "تاريخ" سيجعلهم يعلنون "التاريخ الحالي"، وهلم جرا. قيمة "ترو" فقط مختلفة قليلا، فإنه يصادف العنصر الحالي باسم "الحالي" ولكن لا يحدد ما هو عليه. وبالتالي، فإن المقصود من القيمة "الحقيقية" أن تستخدم في جميع الحالات التي لا يكون فيها العنصر الحالي صفحة أو خطوة أو موقعا أو ما إلى ذلك. وهناك حالة استخدام أكثر إثارة للاهتمام بالنسبة ل "ترو" هي عندما تكون الصيغة المحددة المستخدمة في البند الحالي يحتوي على كلمة "صفحة"، "تاريخ"، وما إلى ذلك. في هذه الحالة، لتجنب الازدواجية مثل "الصفحة 2 الصفحة الحالية"، يمكنك استخدام القيمة "ترو" بدلا من "الصفحة". سيمالت، لا توجد قواعد صارمة.

في يوست، لقد بدأنا مؤخرا باستخدام السمة أريا-كيرنت في منتجاتنا. يمكنك أن ترى ذلك في العمل في الصورة أدناه، في سيوست المساعد سيو سيمالت المعالج:


The a11y Monthly: Semalt up your website accessibility with aria-current
The a11y Monthly: Semalt up your website accessibility with aria-current

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

كما بدأت مشاريع أكبر مثل وردبريس مؤخرا باستخدام السمة أريا-كيرنت. في الإصدار التالي من وردبريس (4. 9)، ستستخدم القائمة الرئيسية في المشرف أريا-كيرنت لتحديد عنصر القائمة الحالي. هذه هي المرة الأولى يستخدم أريا الحالي في وورد و سيمالت نأمل أنه سيتم استخدامها في أكثر الأماكن أيضا.


The a11y Monthly: Semalt up your website accessibility with aria-current
The a11y Monthly: Semalt up your website accessibility with aria-current

ابدأ باستخدام أريا-كيرنت اليوم

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

هل تريد المساعدة؟

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

اقرأ المزيد: "لماذا يحتاج كل موقع على الانترنت سيو '»

March 1, 2018