Freecodecamp: لا يمكن لقارئات الشاشة مراجعة محتويات المحرر

تم إنشاؤها على ٨ يناير ٢٠١٧  ·  61تعليقات  ·  مصدر: freeCodeCamp/freeCodeCamp

هناك مشكلة في التحدي Say Hello to HTML Elements .
وكيل المستخدم هو: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/57.0.2976.0 Safari/537.36 .
يرجى وصف كيفية إعادة إظهار هذه المشكلة ، وتضمين روابط إلى لقطات الشاشة إن أمكن.

رمز بلدي:


        <h1>Hello</h1>

جربت كلاً من NVDA قارئ الشاشة المجاني مفتوح المصدر وأيضًا JAWS التجارية لنظام التشغيل Windows.
لا يستطيع أي من قارئ الشاشة مراجعة النص في المحرر بالحرف أو الكلمة وما إلى ذلك.
إذا قمت بالضغط على CTRL + a لتحديد النص ، فستتمكن برامج قراءة الشاشة من قراءة النص.
هذا حاليًا غير قابل للاستخدام تمامًا لمستخدمي قارئ الشاشة المكفوفين وضعاف البصر.

a11y

التعليق الأكثر فائدة

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

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

لتباين الألوان ، ابحث عن أداة تسمى محلل تباين الألوان ، واطلع على http://www.webaim.org للحصول على مقالات حول كيفية استخدامها.

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

راجع http://www.nvda-project.org لتنزيل وإعداد NVDA.

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

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

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

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

ال 61 كومينتر

\ cc @ FreeCodeCamp / moderators

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

الانفتاح على المجتمع للحصول على اقتراحات بشأن التنفيذ.

تعليق من المطور الرئيسي لقارئ الشاشة NVDA:

في 1/8/2017 5:11 مساءً ، كتب السيد مجيش موهاباترا
>

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

الانفتاح على المجتمع للحصول على اقتراحات بشأن التنفيذ.

-
أنت تتلقى هذا لأنك قمت بتأليف الموضوع.
قم بالرد على هذا البريد الإلكتروني مباشرة ، وقم بعرضه على GitHub
https://github.com/FreeCodeCamp/FreeCodeCamp/issues/12431#issuecomment-271187374 ،
أو كتم الخيط
https://github.com/notifications/unsubscribe-auth/APDp4ufBLExQL0QJK2q17hvMavLGwSBwks5rQW0kgaJpZM4LdzaT .

تعليق من المطور الرئيسي لقارئ الشاشة NVDA:

هذا بسبب مشاكل الوصول في محرر الكود المستخدم.
يختار محررو الأكواد هؤلاء رسم محتواهم بطريقة غير قياسية ،
بدلاً من استخدام محتوى HTML قابل للتحرير (وهي الطريقة القياسية للقيام بذلك
المحتوى القابل للتحرير). لسوء الحظ ، لا يوجد شيء يمكننا القيام به لدعم
هذه؛ يجب إصلاح المشكلة في المحرر.
-

في 1/8/2017 5:11 مساءً ، كتب السيد مجيش موهاباترا
>

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

الانفتاح على المجتمع للحصول على اقتراحات بشأن التنفيذ.

-
أنت تتلقى هذا لأنك قمت بتأليف الموضوع.
قم بالرد على هذا البريد الإلكتروني مباشرة ، وقم بعرضه على GitHub
https://github.com/FreeCodeCamp/FreeCodeCamp/issues/12431#issuecomment-271187374 ،
أو كتم الخيط
https://github.com/notifications/unsubscribe-auth/APDp4ufBLExQL0QJK2q17hvMavLGwSBwks5rQW0kgaJpZM4LdzaT .

mjanusauskas يا ماثيو! هل تمانع في توجيهنا إلى الريبو إذا كان هذا مفتوح المصدر لرفع تقرير مشكلة؟

لست متأكدًا بالضبط أي محرر لا يمكن الوصول إليه يتم استخدامه.

في 1/9/2017 12:49 صباحًا ، كتب mrugesh Mohapatra:
>

mjanusauskas https://github.com/mjanusauskas يا ماثيو! عقل
توجيهنا إلى الريبو إذا كان هذا مفتوح المصدر لرفع تقرير مشكلة؟

-
أنت تتلقى هذا لأنه تم ذكرك.
قم بالرد على هذا البريد الإلكتروني مباشرة ، وقم بعرضه على GitHub
https://github.com/FreeCodeCamp/FreeCodeCamp/issues/12431#issuecomment-271220175 ،
أو كتم الخيط
https://github.com/notifications/unsubscribe-auth/APDp4iUWcvbQSZedazsn7H3_sOnWCuB7ks5rQdh_gaJpZM4LdzaT .

حسنًا ، نحن نستخدم https://github.com/codemirror/CodeMirror للمحرر ، لكن نود أن نعرف ما إذا كان بإمكانك أيضًا مساعدتنا في repo لـ NVDA قارئ الشاشة مفتوح المصدر لمراجعتها أيضًا؟

raisedadead هذا على الأرجح لقارئ المصدر المفتوح https://github.com/nvaccess/nvda

آه ، شكرًاerictleung!

حسنًا ، لا أرى أي مشكلات في الريبو المتعلقة بـ CodeMirror على وجه التحديد. أعتقد أنه يجب علينا المضي قدمًا ، وفتح المشكلات في كلا المستودعات ، وطلب المساعدة في هذا الشأن؟

/ cc @ FreeCodeCamp / moderators

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

في 1/9/2017 الساعة 12:18 ظهرًا كتب السيد مروجش موهاباترا
>

حسنًا ، لا أرى أي مشكلات في الريبو المتعلق بـ CodeMirror
على وجه التحديد. أعتقد أننا يجب أن نبدأ في فتح القضايا في كليهما
repos ، طلب المساعدة في هذا؟

/ cc @ FreeCodeCamp / moderators
https://github.com/orgs/FreeCodeCamp/teams/moderators

-
أنت تتلقى هذا لأنه تم ذكرك.
قم بالرد على هذا البريد الإلكتروني مباشرة ، وقم بعرضه على GitHub
https://github.com/FreeCodeCamp/FreeCodeCamp/issues/12431#issuecomment-271361131 ،
أو كتم الخيط
https://github.com/notifications/unsubscribe-auth/APDp4oyVgtLfIsZKxB51xxN08OxRhHhXks5rQnoFgaJpZM4LdzaT .

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

نأسف ، ولكن بدون مزيد من المعلومات ، من الصعب المضي قدمًا في هذا ، نظرًا لأننا نرغب في دعم أكبر قدر ممكن من إمكانية الوصول.

المشكلة التي أبلغت عنها لمطوري برامج قراءة الشاشة NVDA هي:

https://github.com/nvaccess/nvda/issues/6707

شكرا لك على أي شيء يمكنك القيام به. أحب أن أكون قادرًا على ذلك
المشاركة في Free Code Camp بمجرد حل مشكلة إمكانية الوصول
تم الحل.

في 1/9/2017 12:41 ظهرًا ، كتب السيد مروجش موهاباترا:
>

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

نأسف ، ولكن بدون مزيد من المعلومات ، من الصعب المضي قدمًا في هذا ،
نظرًا لأننا نرغب في دعم أكبر قدر ممكن من إمكانية الوصول.

-
أنت تتلقى هذا لأنه تم ذكرك.
قم بالرد على هذا البريد الإلكتروني مباشرة ، وقم بعرضه على GitHub
https://github.com/FreeCodeCamp/FreeCodeCamp/issues/12431#issuecomment-271367297 ،
أو كتم الخيط
https://github.com/notifications/unsubscribe-auth/APDp4rtyeVvew2edXgWaxr1eICnDpdKxks5rQn9wgaJpZM4LdzaT .

قادني بعض البحث في Google إلى هذا: http://bgrins.github.io/codemirror-accessible/
قد يستحق نظرة

لست متأكدًا من المحرر الذي يتم استخدامه ، أو ما إذا كان مفيدًا ، ولكن
تجربة استخدام دورات html و css واختبارات الكود على
كان موقع www.w3schools.com متاحًا تمامًا كمستخدم لقارئ الشاشة.

في 1/9/2017 الساعة 12:55 ظهرًا ، كتب ديلان:
>

قادني بعض البحث في Google إلى هذا:
http://bgrins.github.io/codemirror-accessible/
قد يستحق نظرة

-
أنت تتلقى هذا لأنه تم ذكرك.
قم بالرد على هذا البريد الإلكتروني مباشرة ، وقم بعرضه على GitHub
https://github.com/FreeCodeCamp/FreeCodeCamp/issues/12431#issuecomment-271371504 ،
أو كتم الخيط
https://github.com/notifications/unsubscribe-auth/APDp4p-8xX-xTVF0bqGhOkpAinPMDwNaks5rQoKagaJpZM4LdzaT .

mjanusauskas شكرا جزيلا ، ماثيو.

نحن نبحث في هذا الأمر على أساس الأولوية وأفضل قدراتنا ... قد نتأخر قليلاً ، لكن كن مطمئنًا سنحاول التوصل إلى بعض الإصلاح في أقرب وقت ممكن ... مقالات على منتدانا على https://forum.freecodecamp.com وسلسلة الفيديو لمواصلة التعلم.

@ ccQuincyLarson

لقد جربت للتو العرض التوضيحي لـ CodeMirror الذي يمكن الوصول إليه والذي يرتبط به

قال هذا ، أنا على سطح المكتب.

ربما يجب أن نرى ما إذا كان بإمكاننا الحصول على زر في الإعدادات يبدل استخدام CodeMirror Accessible؟

تضمين التغريدة

مثال جيد جدًا على كيفية صنع هذا النوع من الأشياء بالكامل
يمكن العثور عليها في
https://teachaccess.github.io/tutorial/#/3

يوم الإثنين 9 يناير 2017 الساعة 1:58 مساءً ، Quincy Larson [email protected]
كتب:

لقد جربت للتو العرض التوضيحي لـ CodeMirror الذي يمكن الوصول إليه والذي @ dhcodes
https://github.com/dhcodes مرتبطة بـ. من المفترض أنه كذلك
أداء أقل ، على الرغم من أنني لم ألاحظ أي تباطؤ عند العمل
ملف JavaScript بسطر 10 كيلو تقريبًا تم تحميله هناك. الاكبر
مشاريع يمكنني أن أتخيل وجودها في منطقة نص CodeMirror واحدة ستكون
ربما 1000 سطر ، لذلك لا أعتقد أن التباطؤ سيء للغاية.

قال هذا ، أنا على سطح المكتب.

ربما يجب أن نرى ما إذا كان بإمكاننا الحصول على زر في الإعدادات
تبديل استخدام CodeMirror يمكن الوصول إليها؟

CCBerkeleyTrue https://github.com/BerkeleyTruezersiax
https://github.com/zersiax

-
أنت تتلقى هذا لأنه تم ذكرك.
قم بالرد على هذا البريد الإلكتروني مباشرة ، وقم بعرضه على GitHub
https://github.com/FreeCodeCamp/FreeCodeCamp/issues/12431#issuecomment-271390191 ،
أو كتم الخيط
https://github.com/notifications/unsubscribe-auth/APDp4nMFLf9Ou0z2oNBFLPZdcxZwxMoOks5rQpFPgaJpZM4LdzaT
.

يعجبني هذا المورد ، فهو يعرض مثالًا عمليًا ... هل يستخدم المحتوى القابل للتحرير تحت الغطاء؟

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

يوم الأحد ، 22 يناير 2017 الساعة 4:19 مساءً ، Florian Beijers [email protected]
كتب:

أنا أحب هذا المورد ، فهو يعرض مثالًا عمليًا ... هل يستخدم
contentEditable تحت الغطاء؟

-
أنت تتلقى هذا لأنه تم ذكرك.
قم بالرد على هذا البريد الإلكتروني مباشرة ، وقم بعرضه على GitHub
https://github.com/freeCodeCamp/freeCodeCamp/issues/12431#issuecomment-274364439 ،
أو كتم الخيط
https://github.com/notifications/unsubscribe-auth/APDp4hHGQh0qVNCHAFDmlUzwq8u8DPIPks5rU9X5gaJpZM4LdzaT
.

بعد استخدام العمل الشاق المذكور لإكمال HTML ، CSS
و Bootstrap ، شعرت بخيبة أمل عندما وجدت ذلك في المرة التالية
يستخدم التحدي المتمثل في بناء صفحة ويب تحية أساسية CodePen.

يبدو أن CodePen لديه مشكلات وصول كبيرة مماثلة معه
محرر. محبط للغاية لمستخدم قارئ الشاشة.

في 1/2/2017 4:19 مساءً كتب فلوريان بيجيرز:
>

أنا أحب هذا المورد ، فهو يعرض مثالًا عمليًا ... هل يستخدم
contentEditable تحت الغطاء؟

-
أنت تتلقى هذا لأنه تم ذكرك.
قم بالرد على هذا البريد الإلكتروني مباشرة ، وقم بعرضه على GitHub
https://github.com/freeCodeCamp/freeCodeCamp/issues/12431#issuecomment-274364439 ،
أو كتم الخيط
https://github.com/notifications/unsubscribe-auth/APDp4hHGQh0qVNCHAFDmlUzwq8u8DPIPks5rU9X5gaJpZM4LdzaT .

mjanusauskas نقترح Codepen لمحرر النصوص المتكامل والعرض السريع. ومع ذلك ، لا أعتقد أننا نقتصر على Codepen فقط. لإنهاء مشروعك ، كل ما تحتاج إلى إرساله هو عنوان URL لمشروعك قيد التشغيل. لذلك لا تتردد في استخدام أي خدمة استضافة لتقديم مشاريعك. البديل هو استخدام صفحات GitHub https://pages.github.com/.

ملاحظة للمساهمين الراغبين في المساعدة ، إليك مورد قد يساعد في التخفيف من هذه المشكلة http://bgrins.github.io/codemirror-accessible/

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

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

هل يجب أن أرسل هذا بصفتي PR؟

mjanusauskaszersiax هل لديك أي نصائح حول الأشياء التي يجب أن أختبرها ؟ هل أنت على استعداد للمساعدة في ضمان الجودة؟

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

QuincyLarson نعم ، أرسل لي رابطًا إلى صندوق رمل حيث يتم تشغيل هذا؟ سأعطيها دوامة.

zersiax مرحبا! لست متأكدًا من كيفية نشر إصدار وضع الحماية من freeCodeCamp. ربما يمكن لـ Quincy الحصول على واحد لك ، أو يسعدني إرشادك خلال تثبيته محليًا.

كلاهما يعمل :) لدي بيئة عقدة قيد التشغيل ، سأحتاج إلى ذلك
الغبار على الرغم من ذلك :)

ربما يكون zersiax Local هو الحل السريع 👍 إليك النسخة المختصرة من دليل الإعداد (الدليل الكامل هو CONTRIBUTING.md ):

  1. تأكد من تثبيت Node v6 و MongoDB v3
  2. استنساخ freeCodeCamp
  3. تأكد من تشغيل MongoDB خلال كل هذا
  4. قم بتشغيل الأوامر التالية داخل freeCodeCamp cl:
npm install
npm install -g gulp
cp sample.env .env
npm run only-once
gulp
  1. يجب أن يعمل المثيل المحلي الآن على localhost:3000
  2. للتحقق من التغييرات الخاصة بي ، أوقف البلع وقم بتشغيل:
git remote add systimotic https://github.com/systimotic/FreeCodeCamp.git
git fetch systimotic
git checkout --track systimotic/fix/accessible-editor
  1. ابدأ البلع مرة أخرى ، ويجب أن تكون قادرًا على التحقق من التغييرات مرة أخرى على localhost: 3000

عفوًا ، كان ذلك أكثر تعقيدًا قليلاً مما كنت أتخيله.
ربما أكون قد أفسدت ، رغم ذلك. 😅 لا تتردد في مراسلتي في أي مكان إذا واجهت أي مشاكل.

شكرا على المعلومه. سأحقق في صفحات GitHub كملف
بديل ممكن.

في 24/1/2017 الساعة 11:12 مساءً ، كتب إريك ليونج:
>

mjanusauskas https://github.com/mjanusauskas نقترح Codepen لـ
محرر النص المتكامل والتقديم السريع. ومع ذلك ، لا أعتقد
نحن نقصره على Codepen فقط. لإنهاء مشروعك ، كل ما تحتاج إليه
الإرسال هو عنوان URL لمشروعك قيد التشغيل. لذلك لا تتردد في الاستخدام
مهما كانت خدمة الاستضافة لتقديم مشاريعك. البديل هو
استخدم صفحات GitHub https://pages.github.com/.

ملاحظة للمساهمين الراغبين في المساعدة ، إليك مورد قد يكون
ساعد في التخفيف من هذه المشكلة http://bgrins.github.io/codemirror-accessible/

-
أنت تتلقى هذا لأنه تم ذكرك.
قم بالرد على هذا البريد الإلكتروني مباشرة ، وقم بعرضه على GitHub
https://github.com/freeCodeCamp/freeCodeCamp/issues/12431#issuecomment-275020850 ،
أو كتم الخيط
https://github.com/notifications/unsubscribe-auth/APDp4lJ8-omlWG3Xbt5soRKVVFYaKYMJks5rVtm1gaJpZM4LdzaT .

نعم ، سأكون سعيدًا بالمساعدة في الاختبار و / QA.

في 1/25/2017 6:39 صباحًا ، كتب Timo:
>

نظرت في هذا قليلا. يبدو أن TeachAccess يستخدم امتداد
مكون المحرر من exerslide
https://github.com/facebookincubator/exerslide/blob/master/packages/exerslide/components/Editor.js .
مما يمكنني قوله ، ما يفعله هو نسخ كل المحتوى إلى
منطقة النص.

شيء آخر صادفته أثناء العمل على # 12828
https://github.com/freeCodeCamp/freeCodeCamp/issues/12828 هو
خيار إدخال CodeMirror
https://codemirror.net/doc/manual.html#option_inputStyle . هذه
يسمح لنا بتبديل المحرر لاستخدام contentEditable.
اعتقدت دعم المتصفح للمحتوى قابل للتعديل
لا ينبغي أن يكون http://caniuse.com/#search=contentEd مشكلة ، لكنني
وجد هذا التعليق على خطابهم
https://discuss.codemirror.net/t/inputstyle-contenteditable-we-may-hope-for-browser-spell-checking/608/2 ،
التي تنص على أنها عربات التي تجرها الدواب في المتصفحات القديمة. يقولون هذا كل شيء
على الرغم من ذلك ، فهو الافتراضي على الجوّال ، وكان يعمل بشكل جيد بالنسبة لنا
هناك. أعتقد أننا يجب أن نكون بخير باستخدام هذا الخيار (لقد كان لديهم من أجله
سنتين الآن).
الاختلاف الوحيد الذي تمكنت من اكتشافه في اختباري السريع هو ذلك
يتغير لون المؤشر بناءً على تمييز بناء الجملة.
أنا لست مستخدمًا خبيرًا لقارئ الشاشة ، ولكن مما يمكنني قوله
يعمل بشكل جيد مع NVDA.

هل يجب أن أرسل هذا بصفتي PR؟

mjanusauskas https://github.com/mjanusauskaszersiax
https://github.com/zersiax هل لديك أي نصائح حول الأشياء التي يجب أن أفعلها
اختبار؟ هل أنت على استعداد للمساعدة في ضمان الجودة؟

-
أنت تتلقى هذا لأنه تم ذكرك.
قم بالرد على هذا البريد الإلكتروني مباشرة ، وقم بعرضه على GitHub
https://github.com/freeCodeCamp/freeCodeCamp/issues/12431#issuecomment-275097352 ،
أو كتم الخيط
https://github.com/notifications/unsubscribe-auth/APDp4oqMSgwyJUBVxfaYDkwWaP23NDqMks5rV0JzgaJpZM4LdzaT .

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

كم من الوقت نتوقع أن يستغرق هذا؟ يمكنك إضافة فئة .sr فقط إلى ملف
الامتداد الذي يحتوي على هذا النص ، ولكن إذا تركناه هناك لفترة طويلة جدًا
شخص ما في مكان ما سوف ينسى ذلك وسيكون مجرد الجلوس
هناك لأنكم لا ترون هذه الرسالة حقًا :)

لقد واجهت هذه المشكلة مؤخرًا في كل من CodePen.com و EdX.org

يبدو أن EdX لديها حل يمكن الوصول إليه في مكانه وأنا أقوم بتضمينه
تعليقاتهم هنا:

نستخدم محرر كود مفتوح المصدر يسمى CodeMirror
(https://codemirror.net/). كان علينا إجراء بعض التعديلات عليه
اجعلها تعمل ضمن منصة edX. وشملت بعض تلك التعديلات
بعض تحسينات الوصول لذلك قد لا يكون لدى المستخدم نفس الشيء
تجربة على المواقع الأخرى التي تستخدم CodeMirror. لأنه كان علينا
تخصيصه لـ edX ، لم نتمكن من دفع تغييراتنا إلى المنبع.
ومع ذلك ، فإن CodeMirror تعمل بنشاط لإصلاح هذه المشكلات ، وفقًا
إلى أداة تعقب مشكلات مستودع جيثب. تغيير مخصص آخر قمنا به
إلى مفترقنا CodeMirror هو تضمين قارئ الشاشة ولوحة المفاتيح
الإرشادات الخاصة بالمستخدم التي تسبق المحرر بترتيب TAB. ال
يجب أن يدرك المستخدم أنه يمكنه الضغط على مفتاح ESC مرتين ثم مفتاح TAB
لنقل التركيز إلى ما وراء المحرر. هذا ضروري لأنه في رمز
المحرر ، من الشائع جدًا أن يرغب المستخدم في إدخال تسلسل TAB ،
وليس تحريك تركيز لوحة المفاتيح الحالي ، وهو ما يفعله مفتاح TAB
بشكل افتراضي.

في 1/31/2017 الساعة 4:01 مساءً ، كتب فلوريان بيجرز:

كم من الوقت نتوقع أن يستغرق هذا؟ يمكنك إضافة فئة .sr فقط إلى ملف
الامتداد الذي يحتوي على هذا النص ، ولكن إذا تركناه هناك لفترة طويلة جدًا
شخص ما في مكان ما سوف ينسى ذلك وسيكون مجرد الجلوس
هناك لأنكم لا ترون هذه الرسالة حقًا :)

-
أنت تتلقى هذا لأنه تم ذكرك.
قم بالرد على هذا البريد الإلكتروني مباشرة ، وقم بعرضه على GitHub
https://github.com/freeCodeCamp/freeCodeCamp/issues/12431#issuecomment-276506570 ،
أو كتم الخيط
https://github.com/notifications/unsubscribe-auth/APDp4h-s2_aSFUDNSIRXnc8v7bmlNqhnks5rX69UgaJpZM4LdzaT .

فيما يلي مثال آخر لحل عملي لهذه المشكلة الحرجة:

https://github.com/jsbin/jsbin/issues/936

في 1/31/2017 الساعة 4:01 مساءً ، كتب فلوريان بيجرز:

كم من الوقت نتوقع أن يستغرق هذا؟ يمكنك إضافة فئة .sr فقط إلى ملف
الامتداد الذي يحتوي على هذا النص ، ولكن إذا تركناه هناك لفترة طويلة جدًا
شخص ما في مكان ما سوف ينسى ذلك وسيكون مجرد الجلوس
هناك لأنكم لا ترون هذه الرسالة حقًا :)

-
أنت تتلقى هذا لأنه تم ذكرك.
قم بالرد على هذا البريد الإلكتروني مباشرة ، وقم بعرضه على GitHub
https://github.com/freeCodeCamp/freeCodeCamp/issues/12431#issuecomment-276506570 ،
أو كتم الخيط
https://github.com/notifications/unsubscribe-auth/APDp4h-s2_aSFUDNSIRXnc8v7bmlNqhnks5rX69UgaJpZM4LdzaT .

مرحبا

_ تم الإرسال من Samsung SM-A520F باستخدام FastHub _

_ تم الإرسال من Samsung SM-A520F باستخدام FastHub _

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

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

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

لتباين الألوان ، ابحث عن أداة تسمى محلل تباين الألوان ، واطلع على http://www.webaim.org للحصول على مقالات حول كيفية استخدامها.

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

راجع http://www.nvda-project.org لتنزيل وإعداد NVDA.

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

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

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

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

jhomme شكرًا على التفاصيل على برامج قراءة الشاشة التي تستخدمها.

عندما أستخدم الأنياب على FireFox ، وقم بزيارة عنوان URL هذا: https://www.freecodecamp.org/challenges/inform-with-the-paragraph-element

إخراج قارئ الشاشة هو:

تحتوي الصفحة على إطار واحد وأربعة عناوين وخمسة وعشرين رابطًا معلومات مع شريط عمودي لعنصر الفقرة مجانًاCodeCamp dash Internet ExplorerLinkGraphic تعلم كيفية ترميز javascript في freeCodeCamp logo قائمة من سبعة عناصر bulletLink MapbulletbulletLink ForumbulletLink InformutebulletLink حول العنصر المفضل لنص فقرة بحجم شرطة عادي على مواقع الويب. P هي اقتباس اقتباس فقرة. يمكنك إنشاء عنصر ap مثل هذا القولون أقل p أكبر أنا علامة أب! أقل مائلة p أكبر إنشاء عنصر ap أسفل عنصر htwo الخاص بك ، وإعطائه اقتباس نصي مرحبًا الفقرة قم بتشغيل الاختبارات left paren ctrl plus enter right paren إعادة تعيين الكود الخاص بك رابط احصل على تلميح اطلب المساعدة في forumLink قم بتسجيل الدخول حتى تتمكن من حفظ تقدمك قم بإنشاء عنصر ap. يجب أن يحتوي العنصر p على اقتباس نصي مرحبًا بالفقرة. تأكد من أن العنصر p لديه علامة إغلاق. تعديل أربعة ، واحد اثنان ، شحذ أقل ، مرحبًا بالعالم ، أقل مائلة ، شحذ أكبر بثلاث مرات أقل من CatPhotoApp ، أقل مائلة ، وأربعة أكبر ، مستوى واحد ، مرحبًا بالعالم ، المستوى الثاني ، CatPhotoAppLinkLinkLink

إذا فهمت هذا بشكل صحيح ، فهذه هي محتويات محرر التعليمات البرمجية كما يعرضها قارئ الشاشة:

واحد اثنان أقل شحذًا أعظم مرحبًا عالمًا أقل مائلة شحذًا أكبر ثلاثة أقل وأثنان من CatPhotoApp أقل مائلة وأربعة أكبر

لذلك لا يبدو أن هذه مشكلة بالنسبة لقارئ الشاشة Fangs. هل تواجه هذا الأمر مع جميع قارئات الشاشة الأربعة أم بعضها فقط؟

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

مرحبا كوينسي ،

أواجه هذا الأمر مع JAWS و NVDA على الكمبيوتر ، والتعليق الصوتي على Mac. لا أجرب ذلك مع VoiceOver على IOS. لا افهم لماذا. حتى الآن لم أجرب أي قارئ شاشة آخر. يمكنني تجربة الراوي و TalkbBack.

في 23 أغسطس 2017 ، الساعة 12:01 صباحًا ، كتب Quincy Larson [email protected] :

jhomme شكرًا على التفاصيل على برامج قراءة الشاشة التي تستخدمها.

عندما أستخدم الأنياب على FireFox ، وقم بزيارة عنوان URL هذا: https://www.freecodecamp.org/challenges/inform-with-the-paragraph-element

إخراج قارئ الشاشة هو:

تحتوي الصفحة على إطار واحد وأربعة عناوين وخمسة وعشرين رابطًا معلومات مع شريط عمودي لعنصر الفقرة مجانًاCodeCamp dash Internet ExplorerLinkGraphic تعلم كيفية ترميز javascript في freeCodeCamp logo قائمة من سبعة عناصر bulletLink MapbulletbulletLink ForumbulletLink InformutebulletLink حول العنصر المفضل لنص فقرة بحجم شرطة عادي على مواقع الويب. P هي اقتباس اقتباس فقرة. يمكنك إنشاء عنصر ap مثل هذا القولون أقل p أكبر أنا علامة أب! أقل مائلة p أكبر إنشاء عنصر ap أسفل عنصر htwo الخاص بك ، وإعطائه اقتباس نصي مرحبًا الفقرة قم بتشغيل الاختبارات left paren ctrl plus enter right paren إعادة تعيين الكود الخاص بك رابط احصل على تلميح اطلب المساعدة في forumLink قم بتسجيل الدخول حتى تتمكن من حفظ تقدمك قم بإنشاء عنصر ap. يجب أن يحتوي العنصر p على اقتباس نصي مرحبًا بالفقرة. تأكد من أن العنصر p لديه علامة إغلاق. تعديل أربعة ، واحد اثنان ، شحذ أقل ، مرحبًا بالعالم ، أقل مائلة ، شحذ أكبر بثلاث مرات أقل من CatPhotoApp ، أقل مائلة ، وأربعة أكبر ، مستوى واحد ، مرحبًا بالعالم ، المستوى الثاني ، CatPhotoAppLinkLinkLink

إذا فهمت هذا بشكل صحيح ، فهذه هي محتويات محرر التعليمات البرمجية كما يعرضها قارئ الشاشة:

واحد اثنان أقل شحذًا أعظم مرحبًا عالمًا أقل مائلة شحذًا أكبر ثلاثة أقل وأثنان من CatPhotoApp أقل مائلة وأربعة أكبر

لذلك لا يبدو أن هذه مشكلة بالنسبة لقارئ الشاشة Fangs. هل تواجه هذا الأمر مع جميع قارئات الشاشة الأربعة أم بعضها فقط؟

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

-
أنت تتلقى هذا لأنه تم ذكرك.
قم بالرد على هذه الرسالة الإلكترونية مباشرةً ، أو اعرضها على GitHub ، أو قم بكتم صوت الموضوع.

jhomme لسبب ما لا يمكنني العثور على التعليق حيث تشرح ما الذي تواجهه. ما يبدو أن الضابط المشكلة؟

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

جيم

في 23/8/2017 ، كتب Florian Beijers [email protected] :

jhomme لسبب ما لا يمكنني العثور على التعليق حيث تشرح ما هو
هل تواجه. ما يبدو أن الضابط المشكلة؟

-
أنت تتلقى هذا لأنه تم ذكرك.
قم بالرد على هذا البريد الإلكتروني مباشرة أو قم بعرضه على GitHub:
https://github.com/freeCodeCamp/freeCodeCamp/issues/12431#issuecomment -324309958

-

جيم هوم
http://www.jimhommewebdev.com
تويتر:jimhomme
الفيسبوك: http://www.facebook.com/jimhomme
ينكدين: https://www.linkedin.com/in/jimhomme

آه نعم ، يبدو أن هذا لا يزال يمثل مشكلة. كما ترون في هذا الموضوع يتعلق الأمر بعدم إمكانية الوصول إلى CodeMirror. أسهل طريقة للتغلب عليها الآن هي نسخ الكود ولصقه في محرر مثل NotePad ++ أو EdSharp إذا كان عليك: P ، ثم إجراء تعديلاتك ، ثم لصقها مرة أخرى في محرر fcc. ممل ، لكنه يعمل على ما أعتقد :)

لقد وجدت للتو محرر كود HTML مفتوح المصدر يمكن الوصول إليه بالكامل. هل يمكن استبدال الحالي بهذا؟ https://pode.herokuapp.com/ بالنسبة إلى تحديات CodePen ، نظرًا لأنه لا يمكن الوصول إلى CodePen ، فهل يمكن أن تكون هناك إرشادات بديلة لمستخدمي التكنولوجيا المساعدة لاستخدام هذا الموقع بدلاً من ذلك؟

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

https://blog.codepen.io/2016/07/14/blind-accessibility-testers-society-guide-codepen/

في 27 ديسمبر 2017 ، الساعة 5:17 مساءً ، كتب inscriptioelectronicaaustralia [email protected] :

لقد وجدت للتو محرر كود HTML مفتوح المصدر يمكن الوصول إليه بالكامل. هل يمكن استبدال الحالي بهذا؟ https://pode.herokuapp.com/ بالنسبة إلى تحديات CodePen ، نظرًا لأنه لا يمكن الوصول إلى CodePen ، فهل يمكن أن تكون هناك إرشادات بديلة لمستخدمي التكنولوجيا المساعدة لاستخدام هذا الموقع بدلاً من ذلك؟

-
أنت تتلقى هذا لأنه تم ذكرك.
قم بالرد على هذه الرسالة الإلكترونية مباشرةً ، أو اعرضها على GitHub ، أو قم بكتم صوت الموضوع.

zersiax شكرًا

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

كوينسي ، من الجيد أن المشاريع سيتم بناؤها قريبًا في Free Code Camp.

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

بالنظر إلى الموقف افتراضيًا ، هل هناك العديد من الميزات المفقودة من أداة Pode التي أشرت إليها أعلاه والتي قد تؤثر على Free Code Camp إذا كان سيتم تنفيذه كبديل لـ Code Mirror؟

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

جيم

من: inscriptioelectronicaaustralia [mailto: [email protected]]
تاريخ الإرسال: الخميس 28 ديسمبر 2017 الساعة 2:08 صباحًا
إلى: freeCodeCamp / freeCodeCamp [email protected]
نسخة إلى: Jim Homme [email protected] ؛ أذكر [email protected]
الموضوع: Re: [freeCodeCamp / freeCodeCamp] لا يمكن لقارئات الشاشة مراجعة محتويات المحرر (# 12431)

كوينسي ، من الجيد أن المشاريع سيتم بناؤها قريبًا في Free Code Camp.

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

بالنظر إلى الموقف افتراضيًا ، هل هناك العديد من الميزات المفقودة من أداة Pode التي أشرت إليها أعلاه والتي قد تؤثر على Free Code Camp إذا كان سيتم تنفيذه كبديل لـ Code Mirror؟

-
أنت تتلقى هذا لأنه تم ذكرك.
قم بالرد على هذه الرسالة الإلكترونية مباشرةً ، أو قم بعرضها على GitHub https://github.com/freeCodeCamp/freeCodeCamp/issues/12431#issuecomment-354240665 ، أو قم بكتم صوت السلسلة https://github.com/notifications/unsubscribe-auth/AdDz24NBYQr6hKSp_HsEnOry5dgg .

inscriptioelectronicaaustralia CodeMirror هو مشروع واسع الاستخدام به الكثير من الميزات التي نستخدمها. أنا متشكك في أن Pode يمكنه فعل كل شيء يفعله CodeMirror. أعتقد أن الخيار الأفضل بالنسبة لنا هو تصحيح CodeMirror.

على الرغم من أنني أوافق على أن تصحيح CodeMirror هو الأكثر فعالية ، دعنا نسميه طريقة فعالة لحل المشكلة ، علينا أن نتحلى بالواقعية إلى حد ما.
كانت هذه المشكلة موجودة طوال هذا العام ، إنها عام مضى منذ بضعة أسابيع ، وكنت أتذمر وأتذمر بشأن هذه المشكلة لمدة عامين على الأقل ، وربما حتى ثلاث سنوات الآن. وهي مشكلة بالفعل. في كل مرة أقرر فيها تجربة لجنة الاتصالات الفيدرالية (FCC) مرة أخرى ، أشعر بالضيق بسبب الانزعاج الهائل من الاضطرار إلى حل هذه المشكلات. لا تنطبق السهولة وانخفاض عتبة الإدخال وبساطة الترميز ورؤية تحديث المعاينة المباشرة في المتصفح لأنك ترميز فقط على الأشخاص الذين يستخدمون برامج قراءة الشاشة في الوقت الحالي ، وهو ما يجعل برنامج freecodecamp فعالاً ، وأجرؤ على القول ، ساحر.
لقد أطلق CodeMirror نفسه من خلال التركيز على تقديم الكود بشكل أساسي بطريقة أداء رسومية ، مما أدى إلى التخلي تمامًا عن عملية DOM القياسية في الماضي. إذا نظرت حولك ، فحتى WordPress يعاني من هذه المشكلة ولم يجدوا بعد طريقة مناسبة للتغلب على هذه المشكلة ؛ لقد منعتهم في الواقع من تنفيذ codeMirror كمحرر WordPress الافتراضي الخاص بـ WP ، وإذا تم تطبيق هذا المحرر بالفعل بشكل افتراضي ، فسيلزم تطبيق إلغاء الاشتراك لمديري WordPress المعاقين بصريًا حتى لا يكسر تجربة المسؤول تمامًا لهؤلاء الأشخاص. من غير المحتمل أن يتم إصلاح CodeMirror في أي وقت قريبًا.
بالنظر بسرعة إلى Pode ، يبدو أنه محرر HTML بشكل أساسي ولسوء الحظ لا يقترب من وظيفة CodeMirror ، لذلك للأسف لا أعتقد أنه ممكن.
لا يوجد حل بسيط لهذه المشكلة ، ولا يعد التصحيح فكرة جيدة عند النظر إلى هذه المشكلة: https://github.com/codemirror/CodeMirror/issues/4604
مقياس التوقف الوحيد الذي يمكنني التفكير فيه هو الحصول على طريقة ما لتقديم محتوى CM إلى منطقة نصية عادية وتعكس التعديلات التي تم إجراؤها في تلك المنطقة النصية في CM ، ربما عند اكتشاف مفتاح لأسفل لعلامة التبويب أو عندما يكون ctrl + enter معد لتشغيل التعليمات البرمجية. حتى يتم إصلاح CodeMirror (وهو أمر غير مؤكد بالنظر إلى المشكلة المشار إليها أعلاه ولكن من غير المحتمل نظرًا لسجل التتبع) أو يتم تجاهله لمحرر آخر مشابه ، لا أعتقد أن هناك الكثير الذي يمكن القيام به في وقت قصير.

Quincy ، أفهم أن CodeMirror هو الحل الأفضل بوضوح (أعتقد أن Pode تم تصميمه ليكون بسيطًا للغاية لأنه كان مخصصًا للمبتدئين فقط) ، وسيكون من المثالي إتاحته إذا كان ذلك ممكنًا. السبب في أنني سألت عن الميزات التي يفتقر إليها Pode هو أنه بمجرد قراءة النص الموجود في حقول تحرير CodeMirror بواسطة برامج قراءة الشاشة ، إذا كان CodeMirror يستخدم أي ميزات مرئية أخرى للمساعدة في الترميز ، فيجب أيضًا إتاحة الوصول إليها في النهاية إن أمكن.
كنت أفكر في طرق أخرى لمعالجة هذه المشكلة ، واعتقدت أنه يمكن لشخص ما عمل بعض البرامج النصية لقارئ الشاشة JAWS لنظام التشغيل Windows ، و / أو إذا أمكن إضافة لقارئ الشاشة NVDA (لا يسمح VoiceOver لنظام macOS بالبرمجة النصية أعتقد) ، أنه عندما يقوم المستخدم بإدخال حقل نصي لـ CodeMirror ، سيتم نسخ النص الموجود بالفعل في مخزن نص JAWS أو NVDA ، والذي يمكن تحريره بعد ذلك ، وبضغطة زر يتم إرسالها مرة أخرى إلى المحرر. من الناحية المثالية ، فإن هذا الحقل النصي "الخاص" يتيح الوصول إلى أي ميزات مهمة أخرى يوفرها CodeMirror. يستخدم JAWS لغة برمجة خاصة لديها القدرة على إنشاء نصوص برمجية خاصة بالمجال ، ويستخدم NVDA لغة Python لعمل الوظائف الإضافية ، لكني لست متأكدًا مما إذا كان يمكن إنشاء برامج خاصة بالمجال لقارئ الشاشة هذا.

inscriptioelectronicaaustraliazersiaxjhomme هذا يبدو وكأنه من قراءة https://github.com/codemirror/CodeMirror/issues/4604#issuecomment -349920743 أنmarijnh تخطط للانتقال إلى المحتوى للتحرير، التي ينبغي أن تجعل CodeMirror بشكل ملحوظ أكثر صالحة للاستعمال. لقد علقت على القضية متسائلة عما إذا كان هناك أي شيء يمكننا القيام به للمساعدة.

أسوأ سيناريو ، قد نتمكن من بناء "وضع إمكانية الوصول" الذي يسمح للمخيمين بالتبديل من CodeMirror إلى Pode في الإعدادات ، ويعتقد أن ذلك سيكون بمثابة قدر كبير من العمل غير المحدد.

دعنا ننتظر ونرى ما يجب أن يقوله marijnh .

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

لقد رأيت أمثلة عندما يقول الناس "بضعة أشهر" ، ويتحول الأمر إلى بضعة أشهر أخرى ... ثم بضعة أشهر أخرى ...

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

مرحبا marijnh

نشكرك على إعادة تصميم CodeMirror ونفهم بصدق الجهود المبذولة مع كون كل شيء جهدًا مفتوح المصدر.

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

إن المعرفة التي تم اختبارها في معركة مشروع CM (والمساهمين فيه) لا تقدر بثمن ، وبالتالي نحن ملتزمون بالمساعدة في هذا الجهد ، إذا قمت بإرشادنا بتفاصيل حول المشكلة التي تم تسجيلها في CodeMirror repo.

مرحبا inscriptioelectronicaaustralia

... ولكن إذا وصلنا إلى يونيو ولم يتغير شيء ، فربما يكون البحث عن حل آخر أمرًا يستحق التفكير.

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

أعتقد أن هذا جهد تم إنفاقه جيدًا ، لأننا لن نساعد مجتمع freeCodeCamp فحسب ، بل في أي مكان يتم استخدام CM فيه لصالح a11y في أي مكان آخر أيضًا.

هكذا قال،

تحليل zersiax أعلاه صحيح لأغراض الحالة الحالية لقاعدة الكود لدينا:

بالنظر بسرعة إلى Pode ، يبدو أنه محرر HTML بشكل أساسي ولسوء الحظ لا يقترب من وظيفة CodeMirror ، لذلك للأسف لا أعتقد أنه ممكن.

مقياس التوقف الوحيد الذي يمكنني التفكير فيه هو الحصول على طريقة ما لتقديم محتوى CM إلى منطقة نصية عادية وتعكس التعديلات التي تم إجراؤها في تلك المنطقة النصية في CM ، ربما عند اكتشاف مفتاح لأسفل لعلامة التبويب أو عندما يكون ctrl + enter معد لتشغيل التعليمات البرمجية. حتى يتم إصلاح CodeMirror (وهو أمر غير مؤكد بالنظر إلى المشكلة المشار إليها أعلاه ولكن من غير المحتمل نظرًا لسجل التتبع) أو يتم تجاهله لمحرر آخر مشابه ، لا أعتقد أن هناك الكثير الذي يمكن القيام به في وقت قصير.

يجب أن نبدأ في النظر في تنفيذ حل مؤقت ، بينما نتحقق من فريق CM لمعرفة كيف يمكننا تقديم مساعدة ملموسة لهم.

إذا كنت بحاجة إلى أي مساعدة في الترميز

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

svinkle سأكون ممتنًا

هل اقترح وقف الفجوة شيئًا يمكن أن يعمل حتى يتم حل مشكلة content-editable المنبع؟

مقياس التوقف الوحيد الذي يمكنني التفكير فيه هو الحصول على طريقة ما لتقديم محتوى CM إلى منطقة نصية عادية وتعكس التعديلات التي تم إجراؤها في تلك المنطقة النصية في CM ، ربما عند اكتشاف مفتاح لأسفل لعلامة التبويب أو عندما يكون ctrl + enter معد لتشغيل التعليمات البرمجية. حتى يتم إصلاح CodeMirror (وهو أمر غير مؤكد بالنظر إلى المشكلة المشار إليها أعلاه ولكن من غير المحتمل نظرًا لسجل التتبع) أو يتم تجاهله لمحرر آخر مشابه ، لا أعتقد أن هناك الكثير الذي يمكن القيام به في وقت قصير.

إذا فهمت الأسلوب بشكل صحيح ، فسيتم تحميل محتوى محرر CM في textarea وسيتم استخدام textarea لتحرير المحتوى. ثم عند التحديث / الحفظ ، سينعكس محتوى textarea في محرر CM.

هل سيتم إخفاء محرر CM عن الأنظار؟ أفترض أنه لن يكون هناك سوى textarea للعرض ، وإلا فإن وجود منطقتين للتحرير سيكون مربكًا.

مرحبًا QuincyLarson وجميع المعنيين ،

شكرًا جزيلاً على التعليقات والاعتبارات في إيجاد حل.

هناك اعتبار آخر توصلنا إليه والذي أدركته للتو مع بعض المناقشات مع موضوع منفصل حول CM ، قبل المضي قدمًا في أي من ترقيع القرود باستخدام textarea آخر. 😓

في الإصدار التجريبي (الواجهة الأمامية الجديدة للتفاعل) ، لا نعتمد على CodeMirror مباشرةً ، ولكن على مكون التفاعل react-codemirror وهو غلاف خفيف الوزن أعلى CM. هذا صحيح ، لأننا نحتاجه للعمل مع نظامنا الأساسي التجريبي.

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

لذلك قد لا تكون رقعة القرد تافهة.

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

يسعدنا أن نعلن أننا تحولنا إلى محرر موناكو على منصة التعلم الخاصة بنا. لديها a11y بنيت في.

نحن نحب CodeMirror تمامًا وبفضل marijnh على العمل الرائع الذي قمت به أنت والفريق. لقد كان المحرر الفعلي لكل هذه السنوات. ما زلنا نحب استخدامه في المشاريع المستقبلية ، لأنه خفيف وبسيط للغاية.

شكرًا على zersiax و mjanusauskas و inscriptioelectronicaaustralia والجميع على المشاركة وجعل النظام الأساسي أكثر سهولة.

هل كانت هذه الصفحة مفيدة؟
0 / 5 - 0 التقييمات