\ cc @ FreeCodeCamp / Moderatoren

Ja, vielen Dank, dass Sie dies angesprochen haben. Wir sind sehr offen für die Idee, die Website zugänglicher zu machen, und die Unterstützung von Screenreadern ist ein wichtiger Teil davon.

Öffnung für die Community für Vorschläge zur Implementierung.

Kommentar des leitenden Entwicklers des NVDA-Bildschirmlesegeräts:

Am 08.01.2017, 17:11 Uhr schrieb mrugesh mohapatra:
>

Ja, vielen Dank, dass Sie dies angesprochen haben. Wir sind sehr offen für Ideen
die Website zugänglicher zu machen und unterstützende Screenreader ist eine
wichtiger Teil davon.

Öffnung für die Community für Vorschläge zur Implementierung.

- -
Sie erhalten dies, weil Sie den Thread verfasst haben.
Antworte direkt auf diese E-Mail und sieh sie dir auf GitHub an
https://github.com/FreeCodeCamp/FreeCodeCamp/issues/12431#issuecomment-271187374 ,
oder schalten Sie den Thread stumm
https://github.com/notifications/unsubscribe-auth/APDp4ufBLExQL0QJK2q17hvMavLGwSBwks5rQW0kgaJpZM4LdzaT .

Kommentar des leitenden Entwicklers des NVDA-Bildschirmlesegeräts:

Dies ist auf Probleme mit der Barrierefreiheit im verwendeten Code-Editor zurückzuführen.
Diese Code-Editoren zeichnen ihre Inhalte auf nicht standardmäßige Weise.
anstatt HTML contentEditable zu verwenden (dies ist die Standardmethode
bearbeitbarer Inhalt). Leider können wir nichts tun, um zu unterstützen
diese; Das Problem muss im Editor behoben werden.
- -

Am 08.01.2017, 17:11 Uhr schrieb mrugesh mohapatra:
>

Ja, vielen Dank, dass Sie dies angesprochen haben. Wir sind sehr offen für Ideen
die Website zugänglicher zu machen und unterstützende Screenreader ist eine
wichtiger Teil davon.

Öffnung für die Community für Vorschläge zur Implementierung.

- -
Sie erhalten dies, weil Sie den Thread verfasst haben.
Antworte direkt auf diese E-Mail und sieh sie dir auf GitHub an
https://github.com/FreeCodeCamp/FreeCodeCamp/issues/12431#issuecomment-271187374 ,
oder schalten Sie den Thread stumm
https://github.com/notifications/unsubscribe-auth/APDp4ufBLExQL0QJK2q17hvMavLGwSBwks5rQW0kgaJpZM4LdzaT .

@mjanusauskas Hey Mathew! Möchten Sie uns auf das Repo hinweisen, wenn dies Open Source für die Erstellung eines Problemberichts ist?

Ich bin mir nicht sicher, welcher unzugängliche Editor verwendet wird.

Am 09.01.2017, 00:49 Uhr schrieb mrugesh mohapatra:
>

@mjanusauskas https://github.com/mjanusauskas Hey Mathew! Verstand
Zeigen Sie uns auf das Repo, wenn dies Open Source für die Erstellung eines Problemberichts ist.

- -
Sie erhalten dies, weil Sie erwähnt wurden.
Antworte direkt auf diese E-Mail und sieh sie dir auf GitHub an
https://github.com/FreeCodeCamp/FreeCodeCamp/issues/12431#issuecomment-271220175 ,
oder schalten Sie den Thread stumm
https://github.com/notifications/unsubscribe-auth/APDp4iUWcvbQSZedazsn7H3_sOnWCuB7ks5rQdh_gaJpZM4LdzaT .

Nun, wir verwenden https://github.com/codemirror/CodeMirror für den Editor, aber wir würden gerne wissen, ob Sie uns auch beim Repo für NVDA helfen könnten, den Open-Source-Screenreader ebenfalls zu überprüfen.

@raisedadead Dies ist wahrscheinlich für den Open Source Reader https://github.com/nvaccess/nvda

Ah, danke @erictleung!

Okay, ich sehe keine Probleme mit dem Repo, die sich speziell auf CodeMirror beziehen. Ich denke, wir sollten vorgehen, Probleme in beiden Repos eröffnen und dabei Hilfe suchen.

/ cc @ FreeCodeCamp / moderators

Der vorherige Kommentar, den ich vom NVDA-Hauptentwickler geteilt habe, stammt von der
Ausgabe, die ich in ihrem Repo geöffnet habe. Ihre Position ist, dass es nichts gibt
Dies kann im Screenreader aufgrund des nicht standardmäßigen Ansatzes erfolgen
verwendet wird und dass das Problem der Barrierefreiheit im Editor behoben werden muss.

Am 09.01.2017, 12:18 Uhr schrieb mrugesh mohapatra:
>

Okay, ich sehe keine Probleme mit dem Repo, das sich auf CodeMirror bezieht
speziell. Ich denke, wir sollten weitermachen und in beiden Fällen Probleme aufwerfen
Repos, um Hilfe zu suchen?

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

- -
Sie erhalten dies, weil Sie erwähnt wurden.
Antworte direkt auf diese E-Mail und sieh sie dir auf GitHub an
https://github.com/FreeCodeCamp/FreeCodeCamp/issues/12431#issuecomment-271361131 ,
oder schalten Sie den Thread stumm
https://github.com/notifications/unsubscribe-auth/APDp4oyVgtLfIsZKxB51xxN08OxRhHhXks5rQnoFgaJpZM4LdzaT .

Können Sie uns bei Problem Nr., Link usw. helfen? Wir würden gerne verstehen, was implementiert werden muss. Ohne eine klare technische Vorstellung davon, was falsch ist, wäre es im Editor schwierig, die Betreuer des Editors von einer Lösung zu überzeugen.

Entschuldigung, aber ohne weitere Informationen ist es schwierig, damit fortzufahren, da wir gerne so viel Zugänglichkeit wie möglich unterstützen würden.

Das Problem, das ich den Entwicklern des NVDA-Bildschirmlesegeräts gemeldet habe, ist:

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

Vielen Dank für alles, was Sie tun können. Ich würde gerne dazu in der Lage sein
Nehmen Sie am Free Code Camp teil, sobald das Problem mit der Barrierefreiheit aufgetreten ist
behoben.

Am 09.01.2017, 12:41 Uhr schrieb mrugesh mohapatra:
>

Können Sie uns bei Problem Nr., Link usw. helfen, würden wir gerne verstehen
Was muss umgesetzt werden? Ohne eine klare technische Vorstellung davon, was ist
falsch, im Herausgeber wäre es schwierig, das zu überzeugen
Betreuer des Editors für einen Fix.

Entschuldigung, aber ohne weitere Informationen ist es schwierig, damit fortzufahren.
da wir gerne so viel Barrierefreiheit wie möglich unterstützen würden.

- -
Sie erhalten dies, weil Sie erwähnt wurden.
Antworte direkt auf diese E-Mail und sieh sie dir auf GitHub an
https://github.com/FreeCodeCamp/FreeCodeCamp/issues/12431#issuecomment-271367297 ,
oder schalten Sie den Thread stumm
https://github.com/notifications/unsubscribe-auth/APDp4rtyeVvew2edXgWaxr1eICnDpdKxks5rQn9wgaJpZM4LdzaT .

Einige Googler führten mich dazu: http://bgrins.github.io/codemirror-accessible/
Könnte einen Blick wert sein

Ich bin mir nicht sicher, welcher Editor verwendet wird oder ob er hilfreich ist, aber der
Erfahrung mit den HTML- und CSS-Kursen und Code-Tests auf
www.w3schools.com war als Screenreader-Benutzer durchaus zugänglich.

Am 09.01.2017, 12:55 Uhr schrieb Dylan:
>

Ein bisschen Googeln hat mich dazu geführt:
http://bgrins.github.io/codemirror-accessible/
Könnte einen Blick wert sein

- -
Sie erhalten dies, weil Sie erwähnt wurden.
Antworte direkt auf diese E-Mail und sieh sie dir auf GitHub an
https://github.com/FreeCodeCamp/FreeCodeCamp/issues/12431#issuecomment-271371504 ,
oder schalten Sie den Thread stumm
https://github.com/notifications/unsubscribe-auth/APDp4p-8xX-xTVF0bqGhOkpAinPMDwNaks5rQoKagaJpZM4LdzaT .

@mjanusauskas Vielen Dank, Mathew.

Wir prüfen dies nach Priorität und nach besten Kräften. Wir werden uns möglicherweise etwas verspäten, aber seien Sie versichert, wir werden versuchen, so schnell wie möglich eine Lösung zu finden. In der Zwischenzeit begrüßen wir Sie, das Wiki zu besuchen Artikel in unserem Forum unter https://forum.freecodecamp.com und in der Videoserie, um mit dem Lernen fortzufahren.

/ cc @QuincyLarson

Ich habe gerade die CodeMirror Accessible-Demo ausprobiert, mit der

Das heißt, ich bin auf einem Desktop.

Vielleicht sollten wir sehen, ob wir in den Einstellungen eine Schaltfläche haben können, die die Verwendung von CodeMirror Accessible umschaltet?

CC @BerkeleyTrue @zersiax

Ein sehr gutes Beispiel dafür, wie so etwas komplett gemacht werden kann
zugänglich finden Sie unter
https://teachaccess.github.io/tutorial/#/3

Am Montag, 9. Januar 2017, um 13:58 Uhr, Quincy Larson [email protected]
schrieb:

Ich habe gerade die CodeMirror Accessible-Demo @dhcodes ausprobiert
https://github.com/dhcodes verlinkt mit. Angeblich ist es
geringere Leistung, obwohl ich bei der Arbeit keine Verlangsamung bemerkte
die ~ 10k-Zeile JavaScript-Datei, die sie dort geladen hatten. Das größte
Projekte, die ich mir in einem einzigen CodeMirror-Textbereich vorstellen kann, wären
vielleicht 1.000 Zeilen, also denke ich nicht, dass die Verlangsamung so schlimm ist.

Das heißt, ich bin auf einem Desktop.

Vielleicht sollten wir sehen, ob wir eine Schaltfläche in den Einstellungen haben können, die
schaltet die Verwendung von CodeMirror Accessible um?

CC @BerkeleyTrue https://github.com/BerkeleyTrue @zersiax
https://github.com/zersiax

- -
Sie erhalten dies, weil Sie erwähnt wurden.
Antworte direkt auf diese E-Mail und sieh sie dir auf GitHub an
https://github.com/FreeCodeCamp/FreeCodeCamp/issues/12431#issuecomment-271390191 ,
oder schalten Sie den Thread stumm
https://github.com/notifications/unsubscribe-auth/APDp4nMFLf9Ou0z2oNBFLPZdcxZwxMoOks5rQpFPgaJpZM4LdzaT
.

Ich mag diese Ressource, sie zeigt ein funktionierendes Beispiel ... verwendet sie contentEditable unter der Haube?

Ich vermute es, bin mir aber nicht sicher.
Derzeit ist die ziemlich mühsame Arbeit, die ich für jede Herausforderung verwende, die
um den gesamten Inhalt im CodeMirror-Editor auszuwählen> in NotePad ++ einfügen>
Nehmen Sie die erforderlichen Änderungen vor> Wählen Sie alle aus und kopieren Sie> In CodeMirror-Editor einfügen>
einreichen.
Offensichtlich eine sehr schlechte und ineffiziente Erfahrung für Benutzer von Bildschirmleseprogrammen.

Am So, 22. Januar 2017 um 4:19 Uhr, Florian Beijers [email protected]
schrieb:

Ich mag diese Ressource, sie zeigt ein funktionierendes Beispiel ... verwendet sie
contentEditable unter der Haube?

- -
Sie erhalten dies, weil Sie erwähnt wurden.
Antworte direkt auf diese E-Mail und sieh sie dir auf GitHub an
https://github.com/freeCodeCamp/freeCodeCamp/issues/12431#issuecomment-274364439 ,
oder schalten Sie den Thread stumm
https://github.com/notifications/unsubscribe-auth/APDp4hHGQh0qVNCHAFDmlUzwq8u8DPIPks5rU9X5gaJpZM4LdzaT
.

Nachdem Sie die erwähnte mühsame Arbeit zum Vervollständigen des HTML-CSS verwendet haben
und Bootstrap-Herausforderungen Ich war enttäuscht, dass ich das nächste Mal fand
Die Herausforderung beim Erstellen einer einfachen Tribut-Webseite besteht in CodePen.

CodePen scheint ähnliche Hauptprobleme bei der Barrierefreiheit zu haben
Editor. Sehr frustrierend für einen Screenreader-Benutzer.

Am 22.01.2017 16:19 schrieb Florian Beijers:
>

Ich mag diese Ressource, sie zeigt ein funktionierendes Beispiel ... verwendet sie
contentEditable unter der Haube?

- -
Sie erhalten dies, weil Sie erwähnt wurden.
Antworte direkt auf diese E-Mail und sieh sie dir auf GitHub an
https://github.com/freeCodeCamp/freeCodeCamp/issues/12431#issuecomment-274364439 ,
oder schalten Sie den Thread stumm
https://github.com/notifications/unsubscribe-auth/APDp4hHGQh0qVNCHAFDmlUzwq8u8DPIPks5rU9X5gaJpZM4LdzaT .

@mjanusauskas Wir empfehlen Codepen für den integrierten Texteditor und das schnelle Rendern. Ich glaube jedoch nicht, dass wir uns nur auf Codepen beschränken. Um Ihr Projekt abzuschließen, müssen Sie lediglich eine URL zu Ihrem Projekt einreichen. Sie können also jeden Hosting-Service verwenden, um Ihre Projekte zu rendern. Eine Alternative ist die Verwendung der GitHub-Seiten https://pages.github.com/.

Hinweis für Mitwirkende, die helfen möchten: Hier ist eine Ressource, die zur Behebung dieses Problems beitragen kann. Http://bgrins.github.io/codemirror-accessible/

Ich habe mir das ein bisschen angesehen. Es scheint, dass TeachAccess die Editor-Komponente von exerslide verwendet . Nach allem, was ich sagen kann, kopiert es den gesamten Inhalt in den Textbereich.

Etwas anderes, auf das ich bei der Arbeit an # 12828 gestoßen bin, ist
Ich dachte, die Browserunterstützung für contentEditable sollte kein Problem sein, aber ich habe diesen Kommentar zu ihrem Diskurs gefunden , der besagt, dass er in alten Browsern fehlerhaft ist. Sie geben jedoch an, dass dies die Standardeinstellung für Mobilgeräte ist und dass es für uns dort gut funktioniert hat. Ich denke, wir sollten diese Option gut nutzen (sie haben sie seit zwei Jahren).
Der einzige Unterschied, den ich in meinem Schnelltest feststellen konnte, besteht darin, dass der Cursor die Farbe basierend auf der Syntaxhervorhebung ändert.
Ich bin kein erfahrener Screenreader-Benutzer, aber soweit ich das beurteilen kann, funktioniert dies gut mit NVDA.

Soll ich dies als PR einreichen?

@mjanusauskas @zersiax Hast du irgendwelche Tipps zu Dingen, die ich testen sollte? Wären Sie bereit, bei der Qualitätssicherung zu helfen?

Wenn jemand ein anderes Beispiel dafür braucht, wie dies funktionieren soll, bin ich einfach auf die Online-Orion-IDE gestoßen, die eine Menge von dem macht, was ich von einem solchen System erwarten würde. Ich bezweifle jedoch, dass es Open Source ist

@QuincyLarson Ja, schick mir einen Link zu einer Sandbox, in der das läuft? Ich werde es versuchen.

@ Zersiax Hallo! Ich bin nicht sicher, wie ich eine Sandbox-Version von freeCodeCamp bereitstellen soll. Vielleicht kann Quincy eine für Sie besorgen, oder ich würde Sie gerne durch die lokale Installation führen.

Entweder funktioniert :) Ich habe eine Knotenumgebung, die ich ausführen müsste
Staub es aber ab :)

@zersiax Local ist wahrscheinlich die schnellste Lösung. 👍 Hier ist die verkürzte Version des Setup-Handbuchs (das vollständige Handbuch ist CONTRIBUTING.md ):

1. Stellen Sie sicher, dass Node v6 und MongoDB v3 installiert sind
2. Klone freeCodeCamp
3. Stellen Sie sicher, dass MongoDB während all dessen ausgeführt wird
4. Führen Sie die folgenden Befehle in freeCodeCamp cl aus:

npm install
npm install -g gulp
cp sample.env .env
npm run only-once
gulp

1. Ihre lokale Instanz sollte jetzt mit localhost:3000
2. Um meine Änderungen zu überprüfen, stoppen Sie gulp und führen Sie Folgendes aus:

git remote add systimotic https://github.com/systimotic/FreeCodeCamp.git
git fetch systimotic
git checkout --track systimotic/fix/accessible-editor

1. Starten Sie gulp erneut und Sie sollten in der Lage sein, die Änderungen bei localhost: 3000 erneut zu überprüfen

Oof, das war etwas komplizierter, als ich es mir vorgestellt hatte.
Ich habe es vielleicht vermasselt. 😅 Wenn Sie auf Probleme stoßen, können Sie mir überall eine Nachricht senden.

Danke für die Information. Ich werde GitHub Pages als untersuchen
mögliche Alternative.

Am 24.01.2017, 23:12 Uhr schrieb Eric Leung:
>

@mjanusauskas https://github.com/mjanusauskas Wir empfehlen Codepen für
der integrierte Texteditor und schnelles Rendern. Ich denke jedoch nicht
Wir beschränken uns nur auf Codepen. Alles, was Sie brauchen, um Ihr Projekt abzuschließen
Senden ist eine URL zu Ihrem Projekt. Fühlen Sie sich also frei zu benutzen
Welcher Hosting-Service auch immer, um Ihre Projekte zu rendern. Eine Alternative ist zu
Verwenden Sie die GitHub-Seiten https://pages.github.com/.

Hinweis für Mitwirkende, die helfen möchten, hier ist eine Ressource, die möglicherweise
helfen Sie, dieses Problem zu beheben http://bgrins.github.io/codemirror-accessible/

- -
Sie erhalten dies, weil Sie erwähnt wurden.
Antworte direkt auf diese E-Mail und sieh sie dir auf GitHub an
https://github.com/freeCodeCamp/freeCodeCamp/issues/12431#issuecomment-275020850 ,
oder schalten Sie den Thread stumm
https://github.com/notifications/unsubscribe-auth/APDp4lJ8-omlWG3Xbt5soRKVVFYaKYMJks5rVtm1gaJpZM4LdzaT .

Ja, ich würde gerne beim Testen und / oder der Qualitätssicherung helfen.

Am 25.01.2017 06:39 schrieb Timo:
>

Ich habe mir das ein bisschen angesehen. Es scheint, als würde TeachAccess das verwenden
Editor-Komponente von Exerslide
https://github.com/facebookincubator/exerslide/blob/master/packages/exerslide/components/Editor.js .
Nach allem, was ich sagen kann, kopiert es den gesamten Inhalt nach
das Textfeld.

Etwas anderes, auf das ich bei der Arbeit an # 12828 gestoßen bin
https://github.com/freeCodeCamp/freeCodeCamp/issues/12828 ist
Die inputStyle-Option von CodeMirror
https://codemirror.net/doc/manual.html#option_inputStyle . Diese
ermöglicht es uns, den Editor auf die Verwendung von contentEditable umzustellen.
Ich dachte, Browser-Unterstützung für contentEditable
http://caniuse.com/#search=contentEd sollte kein Problem sein, aber ich
habe diesen Kommentar zu ihrem Diskurs gefunden
https://discuss.codemirror.net/t/inputstyle-contenteditable-we-may-hope-for-browser-spell-checking/608/2 ,
was besagt, dass es in alten Browsern fehlerhaft ist. Sie sagen, das ist es
Die Standardeinstellung für Mobilgeräte ist jedoch für uns einwandfrei
Dort. Ich denke, wir sollten mit dieser Option in Ordnung sein (sie hatten es für
jetzt zwei Jahre).
Der einzige Unterschied, den ich in meinem Schnelltest feststellen konnte, ist der folgende
Der Cursor ändert seine Farbe basierend auf der Syntaxhervorhebung.
Ich bin kein erfahrener Screenreader-Benutzer, aber soweit ich das beurteilen kann
funktioniert gut mit NVDA.

Soll ich dies als PR einreichen?

@mjanusauskas https://github.com/mjanusauskas @zersiax
https://github.com/zersiax Haben Sie Tipps zu Dingen, die ich tun sollte?
Prüfung? Wären Sie bereit, bei der Qualitätssicherung zu helfen?

- -
Sie erhalten dies, weil Sie erwähnt wurden.
Antworte direkt auf diese E-Mail und sieh sie dir auf GitHub an
https://github.com/freeCodeCamp/freeCodeCamp/issues/12431#issuecomment-275097352 ,
oder schalten Sie den Thread stumm
https://github.com/notifications/unsubscribe-auth/APDp4oqMSgwyJUBVxfaYDkwWaP23NDqMks5rV0JzgaJpZM4LdzaT .

+1. Vorerst wäre es hilfreich, eine versteckte Anweisung einzufügen, die nur Bildschirmleser lesen können und die angibt, wie mit diesem Problem umgegangen werden soll (in einen anderen Editor kopieren, dort bearbeiten, zurückkopieren).

Wie lange wird das voraussichtlich dauern? Sie können a eine Nur-SR-Klasse hinzufügen
span, der diesen Text enthält, aber wenn wir ihn zu lange dort belassen
Jemand irgendwo wird es vergessen und es wird einfach sitzen
da, weil ihr diese Nachricht nicht wirklich seht :)

Ich bin kürzlich auf dasselbe Problem sowohl bei CodePen.com als auch bei EdX.org gestoßen

EdX scheint eine zugängliche Lösung zu haben, und ich schließe sie ein
ihre Kommentare hier:

Wir verwenden einen Open-Source-Code-Editor namens CodeMirror
(https://codemirror.net/). Wir mussten einige Änderungen daran vornehmen
Damit es in der edX-Plattform funktioniert. Einige dieser Änderungen enthalten
Einige Verbesserungen der Barrierefreiheit, sodass der Benutzer möglicherweise nicht über dieselben verfügt
Erfahrung auf anderen Websites, die CodeMirror verwenden. Weil wir mussten
Passen Sie es für edX an, wir konnten unsere Änderungen nicht weiterleiten.
CodeMirror arbeitet jedoch aktiv daran, diese Probleme zu beheben
zu ihrem Github-Repository Issue-Tracker. Eine weitere benutzerdefinierte Änderung, die wir vorgenommen haben
Zu unserer Gabel von CodeMirror gehört die Einbeziehung von Bildschirmleser und Tastatur
benutzerspezifische Anweisungen, die dem Editor in der TAB-Reihenfolge vorangehen. Das
Der Benutzer muss sich bewusst sein, dass er zweimal die ESC-Taste und dann die Tabulatortaste drücken kann
um den Fokus über den Editor hinaus zu verschieben. Dies ist notwendig, weil in einem Code
Editor ist es sehr häufig, dass ein Benutzer eine TAB-Sequenz einfügen möchte.
und NICHT den aktuellen Tastaturfokus verschieben, wie es die TAB-Taste tut
standardmäßig.

Am 31.01.2017 16:01 schrieb Florian Beijers:

Wie lange wird das voraussichtlich dauern? Sie können a eine Nur-SR-Klasse hinzufügen
span, der diesen Text enthält, aber wenn wir ihn zu lange dort belassen
Jemand irgendwo wird es vergessen und es wird einfach sitzen
da, weil ihr diese Nachricht nicht wirklich seht :)

- -
Sie erhalten dies, weil Sie erwähnt wurden.
Antworte direkt auf diese E-Mail und sieh sie dir auf GitHub an
https://github.com/freeCodeCamp/freeCodeCamp/issues/12431#issuecomment-276506570 ,
oder schalten Sie den Thread stumm
https://github.com/notifications/unsubscribe-auth/APDp4h-s2_aSFUDNSIRXnc8v7bmlNqhnks5rX69UgaJpZM4LdzaT .

Hier ist ein weiteres Beispiel für eine funktionierende Lösung für dieses kritische Problem:

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

Am 31.01.2017 16:01 schrieb Florian Beijers:

Wie lange wird das voraussichtlich dauern? Sie können a eine Nur-SR-Klasse hinzufügen
span, der diesen Text enthält, aber wenn wir ihn zu lange dort belassen
Jemand irgendwo wird es vergessen und es wird einfach sitzen
da, weil ihr diese Nachricht nicht wirklich seht :)

- -
Sie erhalten dies, weil Sie erwähnt wurden.
Antworte direkt auf diese E-Mail und sieh sie dir auf GitHub an
https://github.com/freeCodeCamp/freeCodeCamp/issues/12431#issuecomment-276506570 ,
oder schalten Sie den Thread stumm
https://github.com/notifications/unsubscribe-auth/APDp4h-s2_aSFUDNSIRXnc8v7bmlNqhnks5rX69UgaJpZM4LdzaT .

Hallo

Von meinem Samsung SM-A520F mit FastHub gesendet

Von meinem Samsung SM-A520F mit FastHub gesendet

Hallo,
Ich denke, ich kann diese Anweisungen jetzt befolgen, da ich die Site lokal eingerichtet habe. Ich bin mir ziemlich sicher, dass ich dem Teil folgen muss, der erklärt, wie dieses Repository mit meinem synchronisiert wird. Ist das richtig? Und wenn ich etwas falsch mache, bin ich mir nicht sicher, wie ich es zurückziehen soll. Ein bisschen ängstlich. :) :)

Ich habe gerade gesehen, dass dies das eigentliche Hauptproblem ist. Da ich vier Bildschirmleser habe und davon ausgehe, dass ich die Anweisungen befolgen kann, um dies auf meinem Computer zu installieren, werde ich dies gerne testen.

Um die Lernkurve zu verkürzen, wenn Sie einen Bildschirmleser zum Spielen benötigen, lesen Sie bitte unten. Und dies ist in keiner Weise als anstößig gemeint, aber jemand mit Website wird beim ersten Versuch oder sogar viel später nicht schnell einen Bildschirmleser verwenden, weil Ihnen die Konzepte so fremd sind. Ich würde gerne alle Zugänglichkeitsprobleme testen, die etwas anderes als Farbe betreffen. erwähne mich einfach oder maile mir. Wenn ich die Nachricht sehe, werde ich mir Zeit nehmen.

Informationen zum Farbkontrast finden Sie in einem Tool namens Color Contrast Analyzer. Unter http://www.webaim.org finden Sie Artikel zur Verwendung.

Auf dem PC wird NVDA und Firefox, die neueste stabile Version, die beste Kombination aus Bildschirmleser und Browser sein. Dies liegt daran, dass NVDA ein Bildschirmleser ist, der am meisten von der Eingabehilfen-API abhängt, und Firefox ist der PC-Browser, der die reinste Implementierung der Eingabehilfen-API bereitstellt. Das ist der Kurzschluss dieser Erklärung.

Unter http://www.nvda-project.org können Sie NVDA herunterladen und einrichten.

Sobald Sie es eingerichtet haben, gehen Sie zur einfachsten Verwendung in das Dialogfeld "Tastatur" und legen Sie das Laptop-Layout fest. Gehen Sie dann in das Dialogfeld "Durchsuchen" und deaktivieren Sie das Kontrollkästchen für "Bildschirmlayout verwenden".

Wenn Sie sich um alles gekümmert haben, müssen Sie nicht mehr auf NVDA hören, um als sehende Person damit zu testen. Starten Sie es, öffnen Sie NVDA, wählen Sie Extras und dann Sprachanzeige. Parken Sie dieses Fenster so, dass Sie den Text darin und den Inhalt in Ihrem Browser sehen können. Passen Sie die Größe des Fensters wie gewünscht an. Wenn Sie dann ins Internet gehen, verwenden Sie meistens die Aufwärts- und Abwärtspfeiltasten, um Zeile für Zeile zu lesen, als würden Sie durch ein Notepad-Dokument pfeilen. Beobachten Sie das Sprachanzeigefenster sehr genau und Sie werden dort eine Textaktualisierung sehen. Der Text im Sprachbetrachter entspricht dem, was NVDA sagen würde, wenn es sprechen würde.

All dieses Wissen wird immer noch nur interessant, aber für Sie nicht hilfreich sein, da Sie ehrlich gesagt immer noch nicht wissen, was passieren soll, und ich würde trotzdem gerne alle Eingabehilfen testen, die ich hier erfahre.

Dies ist natürlich aus egoistischen Gründen, weil ich der erste Blinde sein möchte, der den ganzen Weg durch die FCC geht. Dann möchte ich dieses Wissen nutzen, um anderen blinden Entwicklern die Zugänglichkeit zu erleichtern und zu sehen, wie mehr von ihnen Webentwickler werden und Menschen mit allen Arten von Behinderungen helfen. Und wer weiß, vielleicht bekomme ich sogar einen besseren Job oder verdiene Geld außerhalb meines Tagesjobs.

@jhomme Vielen Dank für die Details zu den von Ihnen verwendeten Bildschirmleseprogrammen.

Wenn ich die Fangs in FireFox verwende und diese URL besuche: https://www.freecodecamp.org/challenges/inform-with-the-paragraph-element

Die Screenreader-Ausgabe lautet:

Die Seite hat einen Frame, vier Überschriften und fünfundzwanzig Links. Informieren Sie sich über die vertikale Leiste des Absatzelements. FreeCodeCamp dash Internet ExplorerLinkGraphicLernen Sie, Javascript im freeCodeCamp-Logo zu codieren bevorzugtes Element für normalen Absatztext in Strichgröße auf Websites. P steht für Zitat Absatz Zitat. Sie können ein ap-Element wie diesen Doppelpunkt erstellen. Weniger p größer Ich bin ein ap-Tag! weniger Schrägstrich p größer Erstellen Sie ein ap-Element unter Ihrem htwo-Element und geben Sie ihm das Textzitat Hallo Absatzzitat. Führen Sie die Tests links paren ctrl plus enter right paren aus. Setzen Sie Ihren codeLink zurück. Holen Sie sich einen Hinweis. Bitten Sie im forumLink um Hilfe. Melden Sie sich an, damit Sie Ihren Fortschritt speichern können. Ihr p-Element sollte das Textzitat Hello Paragraph quote enthalten. Stellen Sie sicher, dass Ihr p-Element ein schließendes Tag hat. EditEdit vier eins zwei weniger schärfer größer Hallo Welt weniger Schrägstrich größer drei weniger htwo größer CatPhotoApp weniger Schrägstrich größer zwei vier Überschrift Stufe eins Hallo WeltHeading Stufe zwei CatPhotoAppLinkLinkLink

Wenn ich das richtig verstehe, ist dies der Inhalt des Code-Editors, wie er vom Bildschirmleser gerendert wird:

eins zwei weniger hone größer Hallo Welt weniger Schrägstrich größer drei weniger htwo größer CatPhotoApp weniger Schrägstrich htwo größer vier

Dies scheint also kein Problem für den Fangs-Bildschirmleser zu sein. Erleben Sie dies mit allen vier Bildschirmlesern oder nur mit einigen von ihnen?

Übrigens, ich begrüße Ihren Ehrgeiz, der erste Blinde zu werden, der den ganzen Weg durch freeCodeCamp geht! Wir werden alles tun, um Ihnen dabei zu helfen, dieses Ziel zu verwirklichen.

Hallo Quincy,

Ich erlebe dies mit JAWS und NVDA auf dem PC, Voiceover auf dem Mac. Ich erlebe dies nicht mit VoiceOver unter IOS. Ich verstehe nicht warum. Bisher habe ich keinen anderen Bildschirmleser ausprobiert. Ich könnte Narrator und TalkbBack ausprobieren.

Am 23. August 2017 um 00:01 Uhr schrieb Quincy Larson [email protected] :

@jhomme Vielen Dank für die Details zu den von Ihnen verwendeten Bildschirmleseprogrammen.

Wenn ich die Fangs in FireFox verwende und diese URL besuche: https://www.freecodecamp.org/challenges/inform-with-the-paragraph-element

Die Screenreader-Ausgabe lautet:

Die Seite hat einen Frame, vier Überschriften und fünfundzwanzig Links. Informieren Sie sich über die vertikale Leiste des Absatzelements. FreeCodeCamp dash Internet ExplorerLinkGraphicLernen Sie, Javascript im freeCodeCamp-Logo zu codieren bevorzugtes Element für normalen Absatztext in Strichgröße auf Websites. P steht für Zitat Absatz Zitat. Sie können ein ap-Element wie diesen Doppelpunkt erstellen. Weniger p größer Ich bin ein ap-Tag! weniger Schrägstrich p größer Erstellen Sie ein ap-Element unter Ihrem htwo-Element und geben Sie ihm das Textzitat Hallo Absatzzitat. Führen Sie die Tests links paren ctrl plus enter right paren aus. Setzen Sie Ihren codeLink zurück. Holen Sie sich einen Hinweis. Bitten Sie im forumLink um Hilfe. Melden Sie sich an, damit Sie Ihren Fortschritt speichern können. Ihr p-Element sollte das Textzitat Hello Paragraph quote enthalten. Stellen Sie sicher, dass Ihr p-Element ein schließendes Tag hat. EditEdit vier eins zwei weniger schärfer größer Hallo Welt weniger Schrägstrich größer drei weniger htwo größer CatPhotoApp weniger Schrägstrich größer zwei vier Überschrift Stufe eins Hallo WeltHeading Stufe zwei CatPhotoAppLinkLinkLink

Wenn ich das richtig verstehe, ist dies der Inhalt des Code-Editors, wie er vom Bildschirmleser gerendert wird:

eins zwei weniger hone größer Hallo Welt weniger Schrägstrich größer drei weniger htwo größer CatPhotoApp weniger Schrägstrich htwo größer vier

Dies scheint also kein Problem für den Fangs-Bildschirmleser zu sein. Erleben Sie dies mit allen vier Bildschirmlesern oder nur mit einigen von ihnen?

Übrigens, ich begrüße Ihren Ehrgeiz, der erste Blinde zu werden, der den ganzen Weg durch freeCodeCamp geht! Wir werden alles tun, um Ihnen dabei zu helfen, dieses Ziel zu verwirklichen.

- -
Sie erhalten dies, weil Sie erwähnt wurden.
Antworten Sie direkt auf diese E-Mail, zeigen Sie sie auf GitHub an oder schalten Sie den Thread stumm.

@jhomme Aus irgendeinem Grund kann ich den Kommentar nicht finden, in dem Sie erklären, worauf Sie stoßen. Was scheint der Offizier zu sein, Problem?

Hallo Florian,
Verschiedene Bildschirmleser sprechen nicht, wenn sie versuchen zu navigieren oder zu tippen
im Editor auf der Website. Sie sagen nur das Wort leer. Sie sprechen,
bei der Auswahl von Text.

Jim

Am 23.08.17 schrieb Florian Beijers [email protected] :

@jhomme Aus irgendeinem Grund kann ich den Kommentar nicht finden, in dem Sie erklären, was es ist
ist Sie begegnen. Was scheint der Offizier zu sein, Problem?

- -
Sie erhalten dies, weil Sie erwähnt wurden.
Antworte direkt auf diese E-Mail oder sieh sie dir auf GitHub an:
https://github.com/freeCodeCamp/freeCodeCamp/issues/12431#issuecomment -324309958

- -

Jim Homme
http://www.jimhommewebdev.com
Twitter: @jimhomme
Facebook: http://www.facebook.com/jimhomme
LinkedIn: https://www.linkedin.com/in/jimhomme

Ahh yup, das scheint immer noch ein Problem zu sein. Wie Sie in diesem Thread sehen können, hat CodeMirror keinen Zugriff. Der einfachste Weg, dies zu umgehen, besteht darin, den Code in einen Editor wie NotePad ++ oder EdSharp zu kopieren und einzufügen, wenn Sie: P müssen, dann Ihre Änderungen vornehmen und ihn dann wieder in den fcc-Editor einfügen. Langweilig, aber es funktioniert, denke ich :)

Ich habe gerade einen Open-Source-HTML-Code-Editor gefunden, auf den vollständig zugegriffen werden kann. Könnte der aktuelle dadurch ersetzt werden? https://pode.herokuapp.com/ Könnte es für die CodePen-Herausforderungen, da auf CodePen nicht zugegriffen werden kann, alternative Anweisungen für Benutzer unterstützender Technologien geben, diese Website stattdessen zu verwenden?

Hallo,
Bitte lesen Sie den folgenden Beitrag und den, zu dem er führt. CodePen ist machbar und verbessert sich. Mit konstruktivem Feedback werden sie besser.

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

Am 27. Dezember 2017, um 17:17 Uhr, schrieb inscriptioelectronicaaustralia [email protected] :

Ich habe gerade einen Open-Source-HTML-Code-Editor gefunden, auf den vollständig zugegriffen werden kann. Könnte der aktuelle dadurch ersetzt werden? https://pode.herokuapp.com/ Könnte es für die CodePen-Herausforderungen, da auf CodePen nicht zugegriffen werden kann, alternative Anweisungen für Benutzer unterstützender Technologien geben, diese Website stattdessen zu verwenden?

- -
Sie erhalten dies, weil Sie erwähnt wurden.
Antworten Sie direkt auf diese E-Mail, zeigen Sie sie auf GitHub an oder schalten Sie den Thread stumm.

@zersiax Vielen Dank, dass Sie sich

@inscriptioelectronicaaustralia Wir werden bald die Erstellung der Projekte direkt auf freeCodeCamp unterstützen, sodass die relativ unzugängliche Oberfläche von CodePen kein so großes Problem darstellt. Wir müssen nur die Probleme mit CodeMirror beheben, einer Open-Source-Bibliothek, zu der wir möglicherweise beitragen können.

Quincy, es ist gut, dass die Projekte bald auf Free Code Camp aufgebaut werden können.

Ich habe mir gerade die diesbezüglichen Code Mirror GitHub-Threads angesehen und sie denken, dass es eine Menge Arbeit ist, diese Arbeit mit Bildschirmleseprogrammen zu machen. Ob also Leute, die zu diesem Thread beitragen, oder sie das Problem lösen können, führen zu a Win-Win-Situation nicht nur für uns, sondern auch für die anderen Websites, die Code Mirror verwenden.

Wenn Sie die Situation hypothetisch betrachten, fehlen im oben genannten Pode-Tool viele Funktionen, die sich auf Free Code Camp auswirken würden, wenn es als Ersatz für Code Mirror implementiert würde?

Hallo,
Ich drücke meine große Wertschätzung für die Leute aus, die sich damit befassen. Ich bin gerade dabei, JavaScript tatsächlich fertigzustellen, und kann es kaum erwarten, echten Code schreiben zu können, der Menschen hilft, insbesondere FreeCodeCamp.

Jim

Von: inscriptioelectronicaaustralia [mailto: [email protected]]
Gesendet: Donnerstag, 28. Dezember 2017, 02:08 Uhr
An: freeCodeCamp / freeCodeCamp [email protected]
Cc: Jim Homme [email protected] ; Erwähnen Sie Erwä[email protected]
Betreff: Betreff: [freeCodeCamp / freeCodeCamp] Der Inhalt des Editors kann nicht von Screenreadern überprüft werden (# 12431).

Quincy, es ist gut, dass die Projekte bald auf Free Code Camp aufgebaut werden können.

Ich habe mir gerade die diesbezüglichen Code Mirror GitHub-Threads angesehen und sie denken, dass es eine Menge Arbeit ist, diese Arbeit mit Bildschirmleseprogrammen zu machen. Ob also Leute, die zu diesem Thread beitragen, oder sie das Problem lösen können, führen zu a Win-Win-Situation nicht nur für uns, sondern auch für die anderen Websites, die Code Mirror verwenden.

Wenn Sie die Situation hypothetisch betrachten, fehlen im oben genannten Pode-Tool viele Funktionen, die sich auf Free Code Camp auswirken würden, wenn es als Ersatz für Code Mirror implementiert würde?

- -
Sie erhalten dies, weil Sie erwähnt wurden.
Antworten Sie direkt auf diese E-Mail, zeigen Sie sie auf GitHub an: https://github.com/freeCodeCamp/freeCodeCamp/issues/12431#issuecomment-354240665 , oder schalten Sie den Thread https://github.com/notifications/unsubscribe-auth/AdDz24NBYQr6hKSp4z5GSz5GSz5GSz5GSz_zEzzz5GSz55

@inscriptioelectronicaaustralia CodeMirror ist ein weit verbreitetes Projekt mit

Obwohl ich der Meinung bin, dass das Patchen von CodeMirror das Beste ist, nennen wir es effektive Methode zur Lösung des Problems, müssen wir etwas realistisch bleiben.
Dieses Problem gibt es das ganze Jahr über, es ist ein paar Wochen alt, und ich habe seit mindestens zwei, vielleicht sogar drei Jahren über dieses Problem gejammert und geknurrt. Und es ist in der Tat ein Problem; Jedes Mal, wenn ich mich entscheide, es erneut mit der FCC zu versuchen, schreckt mich der Ärger ab, diese Probleme umgehen zu müssen. Die Leichtigkeit, die niedrige Einstiegsschwelle und die Einfachheit des Codierens und der Aktualisierung Ihrer Live-Vorschau im Browser beim Codieren gelten derzeit nicht für Benutzer von Screenreadern. Dies macht Freecodecamp sehr effektiv und, wage ich zu sagen, charmant.
CodeMirror hat sich in den Fuß geschossen, indem es sich darauf konzentriert hat, den Code hauptsächlich auf performante Weise grafisch wiederzugeben, wobei die Standard-DOM-Operation von früher fast vollständig aufgegeben wurde. Wenn Sie sich umschauen, leidet sogar WordPress unter diesem Problem und sie haben noch keinen geeigneten Weg gefunden, um dies zu umgehen. Es hat sie tatsächlich daran gehindert, codeMirror als Standard-WordPress-Editor von WP zu implementieren. Wenn dieser Editor tatsächlich als Standard implementiert ist, muss ein Opt-out für sehbehinderte WordPress-Administratoren implementiert werden, um die Administratorerfahrung für diese Personen nicht vollständig zu beeinträchtigen. CodeMirror wird wahrscheinlich nicht so schnell behoben.
Wenn man sich Pode kurz ansieht, scheint es in erster Linie ein Editor für HTML zu sein und kommt der Funktionalität von CodeMirror leider nicht nahe, so dass ich es leider nicht für machbar halte.
Es gibt keine einfache Lösung für dieses Problem, und das Patchen ist bei diesem Problem noch weniger eine gute Idee: https://github.com/codemirror/CodeMirror/issues/4604
Die einzige Stop-Gap-Maßnahme, die ich mir vorstellen kann, besteht darin, den CM-Inhalt in einem regulären Textbereich zu rendern und die in diesem Textbereich in CM vorgenommenen Änderungen wiederzugeben, möglicherweise wenn ein Keydown der Registerkarte erkannt wird oder wenn Strg + Eingabetaste aktiviert ist Voraussetzung für die Ausführung von Code. Bis CodeMirror entweder behoben ist (was angesichts des oben genannten Problems ungewiss ist, aber angesichts der Erfolgsbilanz unwahrscheinlich ist) oder für einen anderen Editor mit ähnlichen Funktionen verworfen wird, kann kurzfristig nicht viel mehr getan werden.

Quincy, ich verstehe, dass CodeMirror eindeutig die überlegene Lösung ist (ich denke, Pode wurde extrem einfach gemacht, da es nur für Anfänger gedacht war), und es wäre ideal, es zugänglich zu machen, wenn dies möglich ist. Der Grund, warum ich gefragt habe, welche Funktionen Pode fehlen, ist, dass, sobald der Text in CodeMirror-Bearbeitungsfeldern von Bildschirmleseprogrammen gelesen werden kann und CodeMirror andere visuelle Funktionen zur Unterstützung der Codierung verwendet, diese nach Möglichkeit auch zugänglich gemacht werden sollten.
Ich habe über andere Möglichkeiten nachgedacht, um dieses Problem zu beheben, und ich dachte, jemand könnte einige Skripte für den JAWS for Windows-Bildschirmleser und / oder wenn möglich ein Add-On für den NVDA-Bildschirmleser erstellen (VoiceOver für macOS erlaubt keine Skripterstellung Ich denke), dass, wenn der Benutzer ein CodeMirror-Textfeld eingibt, der bereits darin enthaltene Text in einen JAWS- oder NVDA-Textpuffer kopiert wird, der dann bearbeitet und mit einem Tastendruck an den Editor zurückgesendet werden kann. Idealerweise bietet dieses "spezielle" Textfeld Zugriff auf alle anderen wichtigen Funktionen, die CodeMirror bietet. JAWS verwendet eine proprietäre Skriptsprache, mit der domänenspezifische Skripts erstellt werden können, und NVDA verwendet Python zum Erstellen von Add-Ons. Ich bin mir jedoch nicht sicher, ob für diesen Bildschirmleser domänenspezifische Skripts erstellt werden können.

@inscriptioelectronicaaustralia @zersiax @jhomme Es klingt wie beim Lesen von https://github.com/codemirror/CodeMirror/issues/4604#issuecomment -349920743, dass @marijnh plant, zu Inhalten zu wechseln, die bearbeitet werden können, was CodeMirror wesentlich

Im schlimmsten Fall können wir möglicherweise einen "Eingabehilfenmodus" erstellen, der es Campern ermöglicht, in den Einstellungen von CodeMirror for Pode zu wechseln, was eine unbestimmt große Menge an Arbeit wäre.

Lassen Sie uns abwarten, was @marijnh zu sagen hat.

Ich habe Marijnhs Antwort gelesen, und es scheint eine Weile zu dauern, bis wir erreichbar sind. Eine Sache, die ebenfalls berücksichtigt werden muss, ist, dass dies leider selbst dann, wenn Leute "ein paar Monate" sagen, für die Zugänglichkeit selten der Fall ist, da es zu oft eine sehr niedrige Priorität erhält. Ich sage nicht, dass dies das ist, was die Entwickler von CodeMirror denken, aber es ist ein sehr beunruhigender weltweiter Trend. Ich habe Beispiele gesehen, in denen Leute "ein paar Monate" sagen, und es werden noch ein paar Monate ... dann noch ein paar ... und ich denke, Sie bekommen das Bild.
Da es immer noch möglich ist, den Code-Editor so zu verwenden, wie er ist, ist es wahrscheinlich der beste Ansatz, ein paar Monate zu warten. Wenn wir jedoch im Juni sind und sich nichts geändert hat, ist es wahrscheinlich eine Überlegung wert, nach einer anderen Lösung zu suchen. Was denken andere?

Ich habe Beispiele gesehen, in denen Leute "ein paar Monate" sagen, und es werden noch ein paar Monate ... dann noch ein paar ...

In ein paar Monaten versprach niemand etwas, außer dass die Arbeit an einem neuen Ansatz beginnen würde, dessen Aufbau definitiv eine Weile dauern wird.

Hallo @marijnh

Vielen Dank, dass Sie sich für die Neuarchitektur von CodeMirror entschieden haben, und wir verstehen die Bemühungen aufrichtig, da alles Open Source ist.

Da wir selbst ein gemeinnütziger Verein sind, teilen Sie uns bitte mit, ob Sie bei diesen Bemühungen Codierungsunterstützung (pro-bono) von unseren Community-Entwicklern benötigen. Wir helfen Ihnen bei diesen Bemühungen auf jede erdenkliche Weise.

Das kampferprobte Wissen über das CM-Projekt (und seine Mitwirkenden) ist von unschätzbarem Wert. Daher sind wir bestrebt, Ihnen bei diesen Bemühungen zu helfen, falls Sie uns mit Einzelheiten zu Problemen führen, die beim CodeMirror-Repo angemeldet wurden.

Hallo @inscriptioelectronicaaustralia

... aber wenn wir im Juni sind und sich nichts geändert hat, ist es wahrscheinlich eine Überlegung wert, nach einer anderen Lösung zu suchen.

Wir verstehen und teilen die Frustration aufrichtig und sind bereit, Anstrengungen für eine mögliche Lösung zu unternehmen, aber IMHO, das CM dabei hilft, im Jahr 11 besser zu werden, ist das Gute.

Ich denke, das ist eine gut investierte Anstrengung, da wir nicht nur der freeCodeCamp-Community helfen werden, sondern überall dort, wo CM zum Wohle von a11y überall eingesetzt wird.

Das gesagt,

Die obige @ zersiax- Analyse ist für den aktuellen Status unserer Codebasis korrekt:

Wenn man sich Pode kurz ansieht, scheint es in erster Linie ein Editor für HTML zu sein und kommt der Funktionalität von CodeMirror leider nicht nahe, so dass ich es leider nicht für machbar halte.

Die einzige Stop-Gap-Maßnahme, die ich mir vorstellen kann, besteht darin, den CM-Inhalt in einem regulären Textbereich zu rendern und die in diesem Textbereich in CM vorgenommenen Änderungen wiederzugeben, möglicherweise wenn ein Keydown der Registerkarte erkannt wird oder wenn Strg + Eingabetaste aktiviert ist Voraussetzung für die Ausführung von Code. Bis CodeMirror entweder behoben ist (was angesichts des oben genannten Problems ungewiss ist, aber angesichts der Erfolgsbilanz unwahrscheinlich ist) oder für einen anderen Editor mit ähnlichen Funktionen verworfen wird, kann kurzfristig nicht viel mehr getan werden.

Wir sollten uns mit der Implementierung einer Zwischenlösung befassen, während wir uns beim CM-Team erkundigen, wie wir ihnen konkret helfen können.

Wenn Sie Unterstützung beim Codieren benötigen

Der nützlichste Beitrag wäre für Benutzer von Bildschirmleseprogrammen und / oder Experten für Barrierefreiheit aus Ihrer Community, die beim Testen unseres neuen Prototyps helfen, sobald wir ihn haben, damit Probleme frühzeitig erkannt und behoben werden können. Wir machen eine Ankündigung, wenn wir etwas zu zeigen haben. Wenn Sie sicherstellen möchten, dass Sie benachrichtigt werden, können Sie mir eine E-Mail mit Kontaktdaten senden.

@svinkle Ich würde mich über Ihre Beiträge zu diesem Thema freuen.

Wird die Lücke vorgeschlagen, die funktionieren könnte, bis das Problem content-editable stromaufwärts behoben ist?

Die einzige Stop-Gap-Maßnahme, die ich mir vorstellen kann, besteht darin, den CM-Inhalt in einem regulären Textbereich zu rendern und die in diesem Textbereich in CM vorgenommenen Änderungen wiederzugeben, möglicherweise wenn ein Keydown der Registerkarte erkannt wird oder wenn Strg + Eingabetaste aktiviert ist Voraussetzung für die Ausführung von Code. Bis CodeMirror entweder behoben ist (was angesichts des oben genannten Problems ungewiss ist, aber angesichts der Erfolgsbilanz unwahrscheinlich ist) oder für einen anderen Editor mit ähnlichen Funktionen verworfen wird, kann kurzfristig nicht viel mehr getan werden.

Wenn ich den Ansatz richtig verstehe, wird der Inhalt des CM-Editors in textarea geladen und der textarea wird zum Bearbeiten von Inhalten verwendet. Beim Aktualisieren / Speichern wird der Inhalt von textarea im CM-Editor angezeigt.

Wäre der CM-Editor nicht sichtbar? Ich gehe davon aus, dass nur textarea angezeigt werden kann, da es sonst verwirrend wäre, zwei Bearbeitungsbereiche zu haben.

Hallo @QuincyLarson und alle Beteiligten,

Vielen Dank für die Rückmeldungen und Überlegungen bei der Suche nach einer Lösung.

Es gibt noch eine weitere Überlegung, die wir getroffen haben und die ich gerade bei einigen Diskussionen mit @BerkeleyTrue über ein separates Thema auf CM realisiert habe , bevor wir mit dem Affen-Patching mit einem anderen Textbereich fortfahren. 😓

In der Beta (unserem neuen React-Frontend) sind wir nicht direkt von CodeMirror abhängig, sondern von einer React-Komponente react-codemirror die ein leichter Wrapper über CM ist. Dies ist so, weil wir es brauchen, um mit unserer Beta-Plattform zu arbeiten.

Möglicherweise müssen wir dies irgendwann in der Zukunft auf eine andere Komponente aktualisieren, aber das heißt, keine der in der Diskussion befindlichen Komponenten hat die gleiche a11y-Unterstützung wie das übergeordnete CM, auf dem ihre Funktionalität verpackt ist.

Ein Affenfeld kann also nicht trivial sein.

@raisedadead Danke, dass hast . Wir werden warten, bis CodeMirror die Barrierefreiheit aktualisiert hat, und dann den Prozess des Affen-Patchings von dort aus bewerten.

Wir freuen uns, Ihnen mitteilen zu können, dass wir auf unserer Lernplattform zum Monaco- Editor gewechselt sind. Es hat a11y eingebaut.

Wir lieben CodeMirror sehr und danken @marijnh für die großartige Arbeit, die Sie und das Team geleistet haben. Es ist seit all den Jahren der De-facto-Herausgeber. Wir würden es immer noch gerne in zukünftigen Projekten verwenden, weil es einfach und leicht ist.

Vielen Dank an @zersiax , @mjanusauskas , @inscriptioelectronicaaustralia und an alle, die sich