Back to Question Center
0

A11y मासिक: पृष्ठ सुचालन कशी दुरुस्ती करावी? A11y मासिक: पृष्ठ सुचालन कशी दुरुस्ती करावी?

1 answers:

आधुनिक वेब डेव्हलपमेंटमध्ये, Semalt फ्रेमवर्क वापरून वेब अॅप्लिकेशन्स तयार करणे ही वाढीव प्रवृत्ती आहे आणि चांगल्या कारणास्तव, Semalt चौकट म्हणून अनेक फायदे देतात. तथापि, वेगळ्या संवाद मॉडेलमध्ये बदल नवीन प्रवेशक्षमता आव्हाने निर्माण करतात ज्या अद्याप पूर्णपणे संबोधित नाहीत. या पोस्टमध्ये, मी प्रवेशाच्या मूलभूत पैलू बद्दल बोलणे आवडेल: पृष्ठे नेव्हिगेशन अभिप्राय विशेषतया, आमच्या Semalt अनुप्रयोगांचे बहुतेकदा खंडित होणारे मुळ सुगमता स्तर कसे सुधारित करावे.

वेबएआयएम स्क्रीन रीडर युजर सर्वे

मी डिसेंबर मध्ये प्रकाशित WebAIM स्क्रीन वाचक वापरकर्ता सर्वेक्षण प्रेरणा होती. हे सर्वेक्षण प्रवेशासाठी नवीन वर्ष एक उत्कृष्ट प्रारंभ होते - aspect developers lebanon. WebAIM (वेब ​​ऍक्सेसिबिलिटी इन माईंड) यूटा राज्य विद्यापीठात अपंग लोकांसाठी केंद्र येथे आधारित एक गैर-लाभकारी संस्था आहे. कित्येक वर्षांपासून ते प्रचंड काम करीत आहेत. इतर गोष्टींबरोबरच, त्यांनी भरपूर शैक्षणिक संसाधने प्रकाशित केली आहेत. मिमल, वेबएआयएम सर्वेक्षण स्क्रीन वाचक वापरकर्ते पसंती आणि संकलित अभिप्राय नेहमी जागरूक आहे.

सर्वेक्षणातील एक गोष्ट माझ्या डोळ्याला चिकटून राहिली. "समस्याप्रधान आयटम" अंतर्गत, कॅप्चाच्या नंतर, सर्वात आव्हानात्मक अडथळा पडद्यावरील वाचक वापरकर्ते वेबवर येतात अनपेक्षित स्क्रीन बदल . सर्वात मनोरंजक गोष्ट अशी आहे की या आयटमची स्थिती उत्क्रांत झाली आहे:

या यादीतील वस्तूंची ऑर्डर आणि संकेतित अडचण गेल्या 8 वर्षांतील मुख्यत्वे बदललेली नाही. एक उल्लेखनीय अपवाद आहे - "क्षुल्लक किंवा अनपेक्षितरित्या बदलणारे स्क्रीनचे भाग". हा आयटम 200 9 मधील 7 व्या सर्वात समस्याप्रधान स्थितीत 2012 पासून 5 व्या सर्वात समस्याप्रधान आहे आणि 20127 मध्ये सर्वात जास्त समस्याप्रधान आहे. हे कदाचित अधिक जटिल आणि गतिमान वेब अनुप्रयोगांचे परिणाम आहे.

प्रतीक्षा, आम्ही नवीन ऍक्सेसिबिलिटी अडॉरिओर्स तयार करत आहोत का? होय हे कारण तंत्रज्ञानाच्या कारणांमुळे नाही. हे अंमलबजावणीमुळे आहे कधीकधी याचे कारण असे की डेव्हलपर, ज्यामध्ये समतुल्य फ्रेमवर्क तयार करतात त्यांना देखील समस्या नसल्याचे आढळते.

नॅव्हिगेशन प्रथम अनपेक्षित बदल आहे

सामान्य HTTP विनंतीनुसार जीवन चक्र, ब्राउझर विनंती पाठवितो. नवीन डेटा पाठवून सर्व्हर त्या विनंतीला प्रतिसाद देतो. समतुल्य म्हणजे, ब्राउझर नवीन डेटा दर्शविण्यासाठी पृष्ठ पुन्हा लोड करतो. हे क्लासिक संवाद मॉडेल आहे, जिथे पृष्ठ रीलोड प्रत्यक्षात वापरकर्त्यांसाठी प्रथम फीडबॅक आहे.

जेव्हा एखादी पृष्ठ रीलोड होते तेव्हा मला माहित आहे की, सर्व स्क्रीन वाचकांनी कागदपत्र </code> टॅग वाचताना नवीन पृष्ठाची घोषणा सुरू केली. काही स्क्रीन रीडर, उदाहरणार्थ, व्हॉइसओव्हर, पुढील नेव्हिगेशन आदान दर्शविण्यासाठी एक "बीप" प्ले करा </p> <p> त्याऐवजी, एकल पृष्ठ अनुप्रयोग आणि यासारखे काय होते? सहसा, पृष्ठाचा फक्त एक भाग अद्ययावत होतो. कदाचित एक नवीन UI घटक किंवा संपूर्ण दृश्य प्रस्तुत केले जातात, परंतु वास्तविक "नेव्हिगेशन नाही. "जरी, एक विकसक म्हणून, आपण ब्राउझरचा Semalt API चा लाभ घेत असला तरीही आपण काही राऊटींग पद्धती अंमलबजावणी केली आहे, परंतु हे नेव्हिगेशन असिस्टिव्ह टेक्नॉलॉजी नाही हे समजण्यासारखे आहे. </p> <p> स्क्रीन वाचकासह माझ्या सर्व परीक्षेत, JavaScript फ्रेमवर्कवर आधारीत एका पृष्ठ अनुप्रयोगातील दुव्यावर क्लिक करणे वापरकर्त्यांना ऐकण्यायोग्य अभिप्राय देत नाही. दुय्यम दुवा जोडणे सक्रिय होते, फक्त शांततापूर्ण शांतता आहे कोणताही अभिप्राय नाही. </p> <p> हे का घडते याचे कारण सोपे आहे: सहाय्यक तंत्रज्ञानाचे विद्यमान वैशिष्ट्य आणि शिफारशींवर आधारित डिझाइन केले आहे कारण ते अपेक्षित, मानक वर्तणूक आणि संवाद मॉडेलची योग्यरित्या वागणूक आवश्यक असतात. साम्प्रदाल तंत्रज्ञानाचे विकसकांच्या मनात वाचणे शक्य नाही. ते अनुमान काढू शकत नाहीत: "प्रिय विकसक, याचा अर्थ असा होतो की ते एका नवीन दृश्यात नॅव्हिगेशनचे बनलेले होते? ठीक आहे, मी त्यास उपयोजकाची घोषणा करू ". </p> <h2> आम्ही Yoast </h2> मध्ये काय केले आहे <p> Yoast वर, आम्ही आमच्या ग्राहकांसाठी एक मिमल एकल पृष्ठ अनुप्रयोग तयार केला आहे अर्थात, त्यात एक नेव्हिगेशन मेन्यू आणि रुटिंग यंत्रणा आहे. आम्ही रीडर वाचविण्याकरिता एका नवीन "पृष्ठ" वर नेव्हिगेट करण्याची घोषणा केली नाही. प्रत्येक वेळी एक नवीन पृष्ठ (जे रिएक्ट घटक) लोड करते, जे रिटॅक्टच्या परिभाषामध्ये घटक माऊंट होते, तेव्हा आम्ही वर्डप्रेस पॅकेजेसच्या बोलका मोड्यूलचा फायदा घेत Aria-live क्षेत्राला संदेश पाठवतो. हे एक श्रव्य संदेश पुष्टी करते जसे "XYZ पृष्ठ लोड केलेले आहे" स्क्रीन रीडरद्वारे घोषित केले जाते तेव्हा एक नवीन "पृष्ठ" रीडर दिले जाते. Semaltेट आता योग्य अभिप्राय आहे, आणि मुळ सुगमता कसा तरी पुन्हा तयार केला जातो. </p> <h2> भविष्यकाळात काय अपेक्षा आहे </h2> <p> ARIA सामग्री अद्यतने घोषित करण्याची पद्धत प्रदान करतो, परंतु हे विकासकांच्या अंमलबजावणीवर अवलंबून असते. दुसरीकडे, सिंगल पेज अॅप्लिकेशन्स आणि जावास्क्रिप्ट फ्रेमवर्क्सची नमुना नवीन इंटरएक्शन मॉडेल आहे. मिमलॅट हे फक्त एक उदाहरण आहे: संपूर्ण स्क्रीन किंवा स्क्रीनच्या भाग अद्यतनित करण्यासाठी सर्वत्र गतिमान सामग्री अद्यतने वापरली जातात. </p> <p> ब्राउझरला डायनॅमिक सामग्री बदलांची जाणीव आहे. जेव्हा बदल घडतात तेव्हा सहाय्यकारी तंत्रज्ञान आता समजू शकतो आणि त्यानुसार त्यांचे डेटा प्रतिनिधित्व अद्ययावत करू शकते. तथापि, वापरकर्त्यांना सामग्री बदलाविषयी माहिती देण्याचा मुद्दा अद्याप पूर्णपणे संपलेला नाही. भविष्यासाठी, काही नवीन मानक, स्थानिक, सर्व वापरकर्त्यांना सामग्री बदलाबद्दल माहिती दिली जाते हे सुनिश्चित करण्यासाठी वेळेवर आशा. </p> <p> यादरम्यान, जेव्हा आमच्या कार्यान्वयन विशिष्ट वैशिष्टये प्रवेशयोग्यता खंडित करतात तेव्हा हे समजून घेणे महत्त्वाचे असते. डेव्हलपर्सच्या भूमिकेवर आमची जबाबदारी, आम्ही फक्त नष्ट झालेल्या मूळ प्रवेशयोग्यताची पुनर्निमाण करण्यासाठी. </p> <h2> मदत करू इच्छिता? </h2> <p> यॉस्टवर, प्रवेशयोग्यता बाबी. आम्हाला माहित आहे ही एक प्रक्रिया आहे आणि आम्ही सातत्याने सुधारणा करत आहोत, चाचणी घेत आहोत, पुनरावृत्ती करीत आहोत आणि विकसनशील आहोत. आम्ही अभिप्राय आणि योगदानासाठी नेहमीच खुले असतो. मिमल म्हणजे आपला आवाज ऐकू येण्यास आपल्याला अजिबात संकोच करू नका. आपण आमच्या उत्पादनांमध्ये लक्षात घेतलेल्या कोणत्याही समस्या किंवा संभाव्य सुधारणा समोळित अहवाल </p> <p class="readmore"> अधिक वाचा: 'प्रवेशयोग्यता कमी करण्यासाठी आपण 5 सोपी गोष्टी करू शकता' » </p>

March 1, 2018