5

मैंने एक ऐसी साइट लिखी है जो एक मोडल पॉपअप प्रदर्शित करने के लिए jQuery का उपयोग करती है। यह अनिवार्य रूप से स्क्रीन के पूरे दृश्यमान क्षेत्र को ओवरले के साथ कवर करता है, फिर एक डीआईवी दिखाता है जिसमें ओवरले के शीर्ष पर वास्तविक पॉपअप होता है। इस परियोजना के लिए आवश्यकताओं में से एक को सुलभता के साथ करना है।क्या एक स्क्रीन रीडर एक डीआईवी तत्व के भीतर "लॉक" हो सकता है?

हम मोडल अंदर फोकस प्राप्त करने के लिए जब यह पॉप अप कर लिया है, ताकि स्क्रीन रीडर बंद हो जाता है क्या इसकी कर रहे हैं और मॉडल के अंदर पढ़ने शुरू होता है। हालांकि, हमारी वर्तमान समस्या यह है कि एक बार जब जावा स्क्रीन रीडर मोडल विंडो के भीतर पाठ पढ़ने को समाप्त कर देता है, तो यह उस समय से आगे रहता है और खिड़की के बाहर पाठ (ओवरले के नीचे) पढ़ता है।

क्या किसी विशेष तत्व के अंदर स्क्रीन रीडर को "लॉक" करने का कोई तरीका है ताकि वह इसके बाहर कुछ भी नहीं पढ़ सके?

+0

आप जानते हैं कि मैं क्या करता हूं जब मैं आपकी वेबसाइट देखता हूं जिसमें इन बेतुका पॉपअप हैं? मैं खिड़की बंद करो। अगर मैं वास्तव में सामग्री को पढ़ना चाहता हूं तो मैं पेज पर राइट-क्लिक करूंगा और वेबकिट से तत्व हटा दूंगा। "तकनीकें" जैसे आप जो कर रहे हैं, वह वेब को और भी बदतर बना देती है और गहराई से परेशान होती है। आप जो भी समस्याएं सामना कर रहे हैं, आप कुछ और करने से बेहतर हैं जो आपके पाठकों को क्रोधित नहीं करता है। – Incognito

+1

मैं आपके विचारों की सराहना करता हूं, हालांकि, न केवल मोडल पॉपअप आम हैं, निर्णय मेरे ऊपर नहीं है। मैं एक फॉर्च्यून 100 कंपनी के लिए काम कर रहा हूं और यह मेरा निर्णय है, मेरा नहीं। हम जो कुछ भी बनाते हैं उस पर हम सभी का अधिकार नहीं है, जो मैं कर रहा हूं उसके बारे में निर्णय लेने से पहले इसे ध्यान में रखें। – Scott

+0

मैं आप का न्याय नहीं कर रहा हूं, मैं आपको जो कर रहा हूं उसके साथ समस्या बता रहा हूं। अगर मैं आप पर निर्णय ले रहा था, तो मैं कहूंगा कि आप क्या कर रहे हैं और सलाह देने के लिए सलाह दे रहे हैं कि आप क्या कर रहे हैं और वास्तविक विकल्प के बजाय वास्तविकता के बजाय, आप आलस्य में सुधार कैसे करें "कहने के लिए आलसी हैं और डरते हैं। – Incognito

उत्तर

3

आप की एक विशेषता जोड़ देते हैं तो: क्या आप मोडल में ध्यान केंद्रित सेट करने के बाद साइट मार्कअप के आराम करने के

aria-disabled="true" 

, यह उस सामग्री को पढ़ने से स्क्रीन पाठकों रखना चाहिए। यह करना सबसे आसान है यदि अन्य सभी सामग्री एक डीआईवी में है और मॉडल को डीआईएम में उस डीआईवी के भाई के रूप में जोड़ा जाता है (इसलिए आपको केवल उस तत्व को एक तत्व में जोड़ना होगा)।

वैकल्पिक रूप से, अगर यह आपके संवाद के साथ संभव है, आप कुछ जावास्क्रिप्ट टैब प्रेस/फोकस का पता लगाने के लिए इस संवाद के भीतर एक पाश में उपयोगकर्ता रखने के लिए जोड़ सकते हैं। यदि आप कीबोर्ड के साथ संवाद से बाहर नहीं निकल सकते हैं (बंद/रद्द बटन दबाकर बार्सिंग), तो यह आम तौर पर सुलभ होना चाहिए।

+0

धन्यवाद मैट, मैं इसे जल्द ही एक शॉट दूंगा। हम पहले से ही टैब/कीप्रेस के साथ मोडल के अंदर उपयोगकर्ता को "फंस" चुके हैं, लेकिन अगर हम स्क्रीन रीडर को पढ़ते हैं, तो यह मोडल के बाहर जा रहा है। – Scott

संबंधित मुद्दे