جعل مواقع الويب أسهل في التحدث إليها

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

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

غزو ​​المتحدثين في المنزل

تجاوزت مبيعات السماعات الذكية العالمية 147 مليون مكبر صوت في عام 2019 ، بينما يتزايد الاتجاه في حالة انتشار جائحة أو عدم وجود جائحة. التحدث أسرع من الكتابة ، بعد كل شيء. من Google Home إلى Alexa إلى مساعدي الهواتف الذكية والسيارات وحتى الثلاجات ، يستخدم المزيد والمزيد من الأشخاص البرامج للبحث في الويب نيابة عنهم.

وبغض النظر عن الدوافع المشؤومة إلى حد ما لشركة Big Brother Inc لهذا الاتجاه ، من الآمن أن نقول إن مئات الملايين من الأشخاص يستكشفون الويب بالفعل كل يوم دون النظر إليه فعليًا. لم تعد الشاشات ضرورية لتصفح الويب ويجب أن تتكيف المواقع مع هذا الواقع الجديد. أولئك الذين لا يفعلون ذلك يعزلون أنفسهم عن مئات الملايين من الناس.

يجب أن يكون المطورون والمصممين والكتاب على حد سواء مستعدين لاحتمال عدم رؤية عملهم أو النقر فوقه على الإطلاق - سيتم سماعه والتحدث إليه.

"

تصميم الخفاء

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

أسس العمر

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

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

• مسح التنقل في الصفحة وعبر الموقع.
• محاذاة بنية DOM مع التصميم المرئي.
• النص البديل ، الذي لا يزيد عن 16 كلمة أو نحو ذلك ، إذا كانت الصورة لا تحتاج إلى نص بديل (إذا كانت خلفية على سبيل المثال) تحتوي على نص بديل فارغ ، وليس نص بديل.
• ارتباطات تشعبية وصفية.
• "تخطي إلى روابط المحتوى".

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

مزيد من القراءة حول تصميم TTS وإمكانية الوصول

• تحويل النص إلى كلام بواسطة W3C
• الواجهة الأمامية الشمالية نقطة 2: فجر ليوني واتسون ذهني
• تحويل النص إلى كلام مع AWS (الجزء 1)
• تحويل النص إلى كلام والعودة مرة أخرى باستخدام AWS (الجزء 2)
• ملاحظات حول إمكانية الوصول التي يقدمها العميل
• ضوابط التسمية بواسطة W3C
• استخدام سمة التسمية aria بواسطة Mozilla
• لقد استخدمت الويب لمدة يوم باستخدام قارئ الشاشة
• من الخبراء: التطورات العالمية المتعلقة بإمكانية الوصول الرقمي خلال COVID-19

مربي الحيوانات

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

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

لقد هوت إلى أسفل حفرة أرنب الويب الدلالي هذا العام ، ولا أنوي تكرار نفسي هنا. يمكن للويب أن يطمح إلى أن يكون قابلاً للقراءة آليًا ويجب أن يتطلع إليه ، وهذا يشمل الكلام.

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

على سبيل المثال ، أنا وصديقان نراجع ألبومًا في الأسبوع على أنه هواية. لقد قمنا مؤخرًا بإعادة تصميم موقع الويب مع دمج الترميز الدلالي. في ما يلي جزء من البيانات المنظَّمة لصفحة ما يُظهر إمكانية التحدث أثناء العمل:

 { "@context": "https://schema.org", "@type": "Review", "reviewBody": "It's breathless, explosive music, the kind of stuff that compels listeners to pick up an instrument or start a band. Origin of Symmetry listens like a spectacular jam — with all the unpolished, patchy, brazen energy that entails — and all in all it's pretty rad, man.", "datePublished": "2015-05-23", "author": [ { "@type": "Person", "name": "Andre Dack" }, { "@type": "Person", "name": "Frederick O'Brien" }, { "@type": "Person", "name": "Andrew Bridge" } ], "itemReviewed": { "@type": "MusicAlbum", "name": "Origin of Symmetry", "@id": "https://musicbrainz.org/release-group/ef03fe86-b54c-3667-8768-029833e7e1cd", "image": "https://alpha.audioxide.com/api/images/album-artwork/origin-of-symmetry-muse-medium-square.jpg", "albumReleaseType": "https://schema.org/AlbumRelease", "byArtist": { "@type": "MusicGroup", "name": "Muse", "@id": "https://musicbrainz.org/artist/9c9f1380-2516-4fc9-a3e6-f9f61941d090" } }, "reviewRating": { "@type": "Rating", "ratingValue": 26, "worstRating": 0, "bestRating": 30 }, "speakable": { "@type": "SpeakableSpecification", "cssSelector": [ ".review-header__album", ".review-header__artist", ".review-sidebar__summary" ] } }

لذلك ، إذا سأل شخص ما مساعد مكبر الصوت المنزلي عن رأي Audioxide في Origin of Symmetry بواسطة Muse ، فيجب أن يوجهه الكلام إلى اسم الألبوم والفنان وملخص المراجعة بحجم اللدغة. ملائم ومباشر. (وتجنب الناس محنة الاستماع إلى ملخصاتنا الكاملة.) لم يكن هناك شيء لم يكن موجودًا من قبل ؛ لقد تم تصنيفها بشكل صحيح فقط. ستلاحظ أيضًا أن اختيار فئة CSS كافٍ. سهل.

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

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

صعود مكبرات الصوت المنزلية يعني تصادم العالمين القديم والجديد. توفير أحدهما للآخر. دعونا لا ننسى مواقع الويب التي من المفترض أن تكون مصممة لقارئات الشاشة لعقود.

قراءة متعمقة

• تطبيقات الويب التي تتحدث - مقدمة في Speech Synthesis API
• مفاهيم خطاب الويب والاستخدام بواسطة Mozilla
• ما هي واجهات المستخدم الصوتية؟ من قبل مؤسسة تصميم التفاعل

الكتابة للتحدث

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

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

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

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

ما يعنيه هذا من الناحية اللغوية هو:

• جمل موجزة
• لغة سهلة وبسيطة
• معلومات محملة من الأمام (فكر في الهرم المقلوب) ،
• صياغة الإجابات على هيئة جمل كاملة.

قل ما تكتبه بصوت عالٍ ، ولديك أنظمة مجانية لتحويل النص إلى كلام مثل TTSReacher ليقولها لك مرة أخرى. يمكن للكلمات أن تبدو مختلفة جدًا بصوت عالٍ عما هي مكتوبة ، والعكس صحيح. لدي تحفظاتي حول خوارزميات القراءة ، لكنها أدوات مفيدة لقياس الوضوح.

قراءة متعمقة

• "اختبار قابلية القراءة للمحتوى الصوتي" في قائمة منفصلة
• The Elements of Style بقلم ويليام سترنك جونيور.

هال ، بدون القطع السيئة

يعد التحدث مع مواقع الويب جزءًا من تحول أوسع نحو تجارب الويب الحيادية للقنوات. طبيعة المواقع تتغير. من سطح المكتب إلى الهاتف المحمول ، ومن الأجهزة المحمولة إلى أنظمة المنزل الذكي ، أصبحت أكثر مرونة. نعلم جميعًا أهمية الفهرسة "للجوّال أولاً". ما هي المدة حتى يتم "الصوت أولاً"؟

يعد الابتعاد عن القيود الصارمة أمرًا شاقًا ، لكنه يحرر أيضًا. ننظر إلى المواقع الإلكترونية ونستمع إليها ونتحدث إليها. كل واحد هو مثل HAL الصغير ، مع الكثير أو القليل من الشخصية و / أو النية القاتلة التي نراها مناسبة للتصميم فيها.

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

• انتقل إلى موقعك باستخدام برامج قراءة الشاشة.
• جرب الاستفسارات الصوتية عبر الهاتف / المساعدين المنزليين.
• استخدم الترميز الدلالي.
• تنفيذ الترميز الناطق.

يؤدي تصميم مواقع الويب للمواقف الخالية من الشاشة إلى تحسين إمكانية الوصول إليها ، ولكنه يؤدي أيضًا إلى زيادة حدة شخصيتها والغرض منها وفائدتها. كما كتب Preston So لـ A List Apart ، "إنها طريقة فعالة لتحليل واختبار التحمل على مدى كون المحتوى الخاص بك حيادي القناة حقًا".

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