Ace: अभिगम्यता: ऐस टैब कुंजी को ट्रैप कर लेता है, इसलिए कीबोर्ड उपयोगकर्ता बच नहीं सकते

को निर्मित 25 नव॰ 2016 · 8टिप्पणियाँ · स्रोत: ajaxorg/ace

मैंने इसे #2164 से अलग कर दिया है। यह मुद्दा वास्तव में इस तथ्य के बारे में है कि स्क्रीन-पाठक संपादक की सामग्री को नहीं पढ़ सकते हैं। मैं एक सरल अभिगम्यता समस्या के बारे में बात करना चाहता हूँ:

यदि आपके पास एक फॉर्म में ऐस है, और आप फॉर्म के माध्यम से फ़ील्ड से फ़ील्ड में टैब कर रहे हैं, तो एक बार जब आप ऐस में पहुंच जाते हैं, तो आप फंस जाते हैं, क्योंकि टैब कोड की वर्तमान लाइन को इंडेंट करता है (जो बहुत स्वाभाविक है)। यह हमारे लिए एक समस्या है, और सबसे अच्छा समाधान जो मैं लेकर आया हूं वह यह है:

हम संपादक के प्रत्येक उदाहरण के लिए दो मोड पेश करते हैं:

टैब-कैप्चरिंग मोड: टैब और शिफ्ट+टैब इंडेंट/आउटडेंट।
गैर-कैप्चरिंग मोड: Tab और Shift+Tab कीबोर्ड फ़ोकस को अगले/पिछले नियंत्रण पर ले जाते हैं।

यह देखते हुए कि व्यवहार इस प्रकार है:

जब कीबोर्ड फोकस पहले संपादक में जाता है, तो यह स्वयं को गैर-कैप्चरिंग मोड में सेट कर देता है।
जैसे ही आप कुछ टाइप करते हैं, संपादक टैब-कैप्चरिंग मोड में चला जाता है।
CTRL+M दबाने से दो मोड के बीच स्विच हो जाता है (जैसा कि https://www.w3.org/TR/wai-aria-practices/#richtext द्वारा अनुशंसित है)।
Esc दबाने से नॉन-कैप्चरिंग मोड पर स्विच हो जाता है (ऐसा लगता है कि लोग इस तरह की कोशिश कर सकते हैं यदि इंटरफ़ेस के साथ अटक जाए)।

1 के कारण, आप बिना अटके पूरे फॉर्म के माध्यम से अपना रास्ता टैब कर सकते हैं, जैसा कि आप उम्मीद करेंगे। 2 के कारण, एक बार जब आप कोड टाइप कर रहे होते हैं, तो टैब वर्तमान लाइन को इंडेंट कर देता है, जैसा कि आप उम्मीद करेंगे। 3) और 4. बचना संभव बनाओ।

ये मुकम्मल नहीं है. मुझे कुछ समस्याएं दिखाई दे रही हैं: क्या यह नए उपयोगकर्ताओं के लिए खोजने योग्य है? क्या कोई दृश्य (या श्रवण) संकेत होना चाहिए कि आप किस विधा में हैं? मुझे लगता है कि एक संकेत अच्छा हो सकता है। दूसरी ओर, कोई भी स्क्रीन-स्पेस लेना, या स्क्रीन-रीडर से कुछ भी बोलना (जब आप जो टाइप कर रहे हैं उस पर ध्यान केंद्रित करना चाहते हैं, या आप फॉर्म में कहां हैं) अवांछनीय लगता है। यदि व्यवहार काफी स्वाभाविक था, तो कोई बात नहीं।

अगर लोगों को यह सुझाव पसंद आता है, तो मुझे इसे कोड करने की कोशिश करने में खुशी होगी।

स्रोत

timhunt

👍5

सबसे उपयोगी टिप्पणी

यह विचार दिलचस्प लगता है, और एक वैकल्पिक विस्तार के रूप में उपयोगी होगा, मैं इसे डिफ़ॉल्ट रूप से सक्षम करने के बारे में निश्चित नहीं हूं क्योंकि कई साइटों के पास तत्वों के बीच नेविगेशन का अपना तरीका है, उदाहरण के लिए Cloud9 पर फ़ाइल ट्री या टर्मिनल जैसे विशिष्ट तत्वों पर ध्यान केंद्रित करने के लिए शॉर्टकट हैं। , और संपादक पैन के बीच फ़ोकस स्विच करने के लिए ctrl-cmd-arrow।

nightwing 2 दिस॰ 2016

👍3

सभी 8 टिप्पणियाँ

nightwing 2 दिस॰ 2016

👍3

प्रतिपुष्टि के लिए धन्यवाद।

timhunt 2 दिस॰ 2016

यह एक अच्छा समाधान लगता है।

asgeir-inspera 6 दिस॰ 2016

@timhunt क्या आपने इसे कोडिंग करना समाप्त कर दिया? हम इसे सीधे अपने कांटे में या विस्तार के रूप में उपयोग करेंगे। अगर यह कहीं खुला है और आपके पास इसे साफ करने का समय नहीं है तो हमें अपना कोड निष्कर्षण करने में खुशी होगी।

eah13 18 जुल॰ 2017

क्षमा करें नहीं - कम से कम ऐस के भीतर नहीं। हम मूडल के लिए कोडरुनर प्रश्न प्रकार के अंदर ऐस का उपयोग कर रहे थे, और गोंद परत में हम जो चाहते थे उसे लागू करना आसान हो गया: https://github.com/trampgeek/moodle-qtype_coderunner/blob/master/amd/src /aceinterface.js.

हालाँकि, उस कोड में से किसी को भी कॉपी करने के लिए आपका स्वागत है।

timhunt 19 जुल॰ 2017

मैं ऐस के साथ एक ही मुद्दे में भाग रहा हूं, और यही वह समाधान है जिसके साथ मैं आया था।

https://stackoverflow.com/questions/24963246/ace-editor-simply-re-enable-command-after-disabled-it से setCommandEnabled फ़ंक्शन का उपयोग

फिर संपादक को इस तरह कॉन्फ़िगर करें:

        editor.on('focus', function() {
          setCommandEnabled(editor, "indent", true)
          setCommandEnabled(editor, "outdent", true)
        })

        editor.commands.addCommand({
          name: "escape",
          bindKey: {win: "Esc", mac: "Esc"},
          exec: function() {
            setCommandEnabled(editor, "indent", false)
            setCommandEnabled(editor, "outdent", false)
          }
        });

यह सहनीय रूप से अच्छी तरह से काम करता है। एस्केप और टैब/शिफ्ट + टैब को हिट करें, और आप ऐस संपादक से बच जाते हैं और अगला/पिछला फोकस करने योग्य तत्व फोकस हो जाता है।

cayhorstmann 5 दिस॰ 2018

👍1

टैब के बजाय Ctrl + [ के बजाय Shift + Tab और Ctrl + ] का उपयोग करना इक्का संपादक पर काम करता है, इसलिए बस टैब कमांड को हटा दिया गया और अब कोई जाल नहीं है
aceEditor.commands.removeCommand(aceEditor.commands.byName.indent);
aceEditor.commands.removeCommand(aceEditor.commands.byName.outdent);

mayilvahanan1 10 मार्च 2020

👍2 👎1

मैक पर मैं बचने के लिए विकल्प + टैब का उपयोग करने में सक्षम था

Proko8 19 मार्च 2021

क्या यह पृष्ठ उपयोगी था?

0 / 5 - 0 रेटिंग्स

Ace: अभिगम्यता: ऐस टैब कुंजी को ट्रैप कर लेता है, इसलिए कीबोर्ड उपयोगकर्ता बच नहीं सकते

सबसे उपयोगी टिप्पणी

सभी 8 टिप्पणियाँ

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