Freecodecamp: Konten editor tidak dapat ditinjau oleh pembaca layar

Dibuat pada 8 Jan 2017  ·  61Komentar  ·  Sumber: freeCodeCamp/freeCodeCamp

Tantangan Say Hello to HTML Elements memiliki masalah.
Agen Pengguna adalah: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/57.0.2976.0 Safari/537.36 .
Harap jelaskan cara mereproduksi masalah ini, dan sertakan tautan ke tangkapan layar jika memungkinkan.

Kode saya:


        <h1>Hello</h1>

Mencoba NVDA pembaca layar open source gratis dan juga JAWS komersial untuk Windows.
Tidak ada pembaca layar yang dapat meninjau teks di editor menurut karakter, kata, dll.
Jika Anda menekan CTRL + a untuk memilih teks, maka pembaca layar dapat membaca teks tersebut.
Ini saat ini cukup tidak dapat digunakan untuk pengguna pembaca layar tunanetra dan tunanetra.

a11y

Komentar yang paling membantu

Hanya melihat bahwa ini adalah masalah utama yang sebenarnya. Karena saya memiliki empat pembaca layar, dengan asumsi saya dapat mengikuti petunjuk untuk mendapatkan ini di komputer saya, saya akan dengan senang hati mengujinya.

Untuk mengurangi kurva pembelajaran jika Anda tertarik untuk menggunakan pembaca layar, lihat di bawah. Dan ini sama sekali tidak dimaksudkan sebagai ofensif, tetapi seseorang yang memiliki situs tidak akan menggunakan pembaca layar dengan cepat pada percobaan pertama, atau bahkan setelah itu, karena konsepnya sangat asing bagi Anda. Saya akan dengan senang hati menguji masalah aksesibilitas apa pun yang melibatkan apa pun selain warna. sebut saja saya atau e-mail saya. Jika saya melihat pesan itu, saya akan menyediakan waktu.

Untuk kontras warna, cari alat yang disebut Color Contrast Analyzer, dan lihat http://www.webaim.org untuk artikel tentang cara menggunakannya.

Di PC, kombinasi pembaca layar dan browser terbaik adalah NVDA dan Firefox, versi stabil terbaru. Ini karena NVDA adalah pembaca layar yang paling bergantung pada API aksesibilitas, dan Firefox adalah browser PC yang mengekspos implementasi API aksesibilitas yang paling murni. Itulah kekurangan dari penjelasan ekz itu.

Lihat http://www.nvda-project.org untuk mengunduh dan mengatur NVDA.

Setelah Anda mengaturnya, untuk penggunaan termudah, masuk ke dialog Keyboard dan atur tata letak laptop, lalu masuk ke dialog mode Jelajah dan matikan kotak centang untuk "Gunakan tata letak layar."

Setelah semua itu diurus, Anda tidak perlu lagi mendengarkan NVDA berbicara untuk melakukan pengujian dengannya sebagai orang yang melihat. Mulailah, buka NVDA, pilih Tools, lalu Speech Viewer. Parkirlah jendela itu sehingga Anda dapat melihat teks di dalamnya dan konten di browser Anda. Ukuran jendela sesuai keinginan, dan kemudian, saat Anda membuka web, gunakan sebagian besar tombol panah atas dan bawah untuk membaca baris demi baris seolah-olah Anda sedang mengarahkan panah melalui dokumen Notepad. Perhatikan jendela penampil ucapan dengan sangat hati-hati dan Anda akan melihat pembaruan teks di sana. Teks di speech viewer cocok dengan apa yang akan dikatakan NVDA, jika ia berbicara.

Semua pengetahuan ini tetap hanya akan menarik, tetapi tidak membantu Anda, karena sejujurnya, Anda masih belum tahu apa yang seharusnya terjadi, jadi saya akan dengan senang hati menguji perbaikan aksesibilitas yang saya pelajari di sini.

Tentu saja, ini untuk alasan yang egois, karena saya ingin menjadi orang buta pertama yang melalui FCC, lalu saya ingin menggunakan pengetahuan itu untuk membantu aksesibilitas bagi para penyandang tunanetra lainnya, dan melihat lebih banyak dari mereka menjadi pengembang web , dan membantu orang dengan semua jenis disabilitas. Dan siapa tahu, saya bahkan bisa mendapatkan pekerjaan yang lebih baik atau menghasilkan uang di luar pekerjaan saya.

Semua 61 komentar

\ cc @ FreeCodeCamp / moderator

Yup, terima kasih banyak telah mengemukakan hal ini, kami sangat terbuka dengan ide untuk membuat situs web lebih mudah diakses dan mendukung pembaca layar adalah bagian penting dari ini.

Terbuka untuk komunitas untuk saran tentang implementasi.

Komentar dari pengembang utama pembaca layar NVDA:

Pada 1/8/2017 17:11, mrugesh mohapatra menulis:
>

Yup, terima kasih banyak telah mengungkit hal ini, kami sangat terbuka untuk ide
membuat situs web lebih mudah diakses dan pembaca layar pendukung adalah
bagian penting dari ini.

Terbuka untuk komunitas untuk saran tentang implementasi.

-
Anda menerima ini karena Anda yang membuat utas.
Balas email ini secara langsung, lihat di GitHub
https://github.com/FreeCodeCamp/FreeCodeCamp/issues/12431#issuecomment-271187374 ,
atau nonaktifkan utasnya
https://github.com/notifications/unsubscribe-auth/APDp4ufBLExQL0QJK2q17hvMavLGwSBwks5rQW0kgaJpZM4LdzaT .

Komentar dari pengembang utama pembaca layar NVDA:

Ini karena masalah aksesibilitas di editor kode yang digunakan.
Editor kode ini memilih untuk menggambar konten mereka dengan cara yang tidak standar,
daripada menggunakan HTML contentEditable (yang merupakan cara standar untuk melakukannya
konten yang dapat diedit). Sayangnya, tidak ada yang bisa kami lakukan untuk mendukung
ini; masalah ini perlu diperbaiki di editor.
-

Pada 1/8/2017 17:11, mrugesh mohapatra menulis:
>

Yup, terima kasih banyak telah mengungkit hal ini, kami sangat terbuka untuk ide
membuat situs web lebih mudah diakses dan pembaca layar pendukung adalah
bagian penting dari ini.

Terbuka untuk komunitas untuk saran tentang implementasi.

-
Anda menerima ini karena Anda yang membuat utas.
Balas email ini secara langsung, lihat di GitHub
https://github.com/FreeCodeCamp/FreeCodeCamp/issues/12431#issuecomment-271187374 ,
atau nonaktifkan utasnya
https://github.com/notifications/unsubscribe-auth/APDp4ufBLExQL0QJK2q17hvMavLGwSBwks5rQW0kgaJpZM4LdzaT .

@mjanuskas Hey Mathew! Keberatan mengarahkan kami ke repo jika ini adalah sumber terbuka untuk mengangkat laporan masalah?

Saya tidak yakin persis editor mana yang tidak dapat diakses yang digunakan.

Pada 1/9/2017 12:49 AM, mrugesh mohapatra menulis:
>

@mjanusauskas https://github.com/mjanusauskas Hey Mathew! Pikiran
mengarahkan kami ke repo jika ini adalah sumber terbuka untuk mengajukan laporan masalah?

-
Anda menerima ini karena Anda disebutkan.
Balas email ini secara langsung, lihat di GitHub
https://github.com/FreeCodeCamp/FreeCodeCamp/issues/12431#issuecomment-271220175 ,
atau nonaktifkan utasnya
https://github.com/notifications/unsubscribe-auth/APDp4iUWcvbQSZedazsn7H3_sOnWCuB7ks5rQdh_gaJpZM4LdzaT .

Kami menggunakan https://github.com/codemirror/CodeMirror untuk editor, tetapi kami ingin tahu apakah Anda juga dapat membantu kami dengan repo untuk NVDA pembaca layar sumber terbuka untuk memeriksanya juga?

@raisedadead, ini mungkin untuk pembaca sumber terbuka https://github.com/nvaccess/nvda

Ah, terima kasih @erictleung!

Oke, saya tidak melihat masalah apa pun dengan repo yang terkait dengan CodeMirror secara khusus. Saya kira kita harus pergi tentang, membuka masalah di kedua repo, mencari bantuan tentang ini?

/ cc @ FreeCodeCamp / moderator

Komentar sebelumnya yang saya bagikan dari pengembang utama NVDA berasal dari
masalah saya buka di repo mereka. Posisi mereka adalah tidak ada apa-apa
yang dapat dilakukan di pembaca layar karena pendekatan non-standar
digunakan dan masalah aksesibilitas harus ditangani di editor.

Pada 1/9/2017 12:18 PM, mrugesh mohapatra menulis:
>

Oke, saya tidak melihat masalah apa pun dengan repo yang terkait dengan CodeMirror
secara khusus. Saya kira kita harus pergi tentang, membuka masalah di keduanya
repo, mencari bantuan untuk ini?

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

-
Anda menerima ini karena Anda disebutkan.
Balas email ini secara langsung, lihat di GitHub
https://github.com/FreeCodeCamp/FreeCodeCamp/issues/12431#issuecomment-271361131 ,
atau nonaktifkan utasnya
https://github.com/notifications/unsubscribe-auth/APDp4oyVgtLfIsZKxB51xxN08OxRhHhXks5rQnoFgaJpZM4LdzaT .

Dapatkah Anda membantu kami dengan masalah no, link, dll., Kami ingin sekali memahami apa yang perlu diterapkan? Tanpa ide teknis yang jelas tentang apa yang salah, di editor, akan sulit untuk meyakinkan pengelola editor untuk memperbaikinya.

Maaf, tapi tanpa info lebih lanjut, sulit untuk melanjutkannya, mengingat kami ingin mendukung aksesibilitas sebanyak yang kami bisa.

Masalah yang saya laporkan ke pengembang pembaca layar NVDA adalah:

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

Terima kasih atas apa pun yang dapat Anda lakukan. Saya ingin sekali bisa
berpartisipasi dalam Camp Kode Gratis setelah masalah aksesibilitas selesai
terselesaikan.

Pada 1/9/2017 12:41 PM, mrugesh mohapatra menulis:
>

Bisakah Anda membantu kami dengan masalah no, link, dll., Kami ingin sekali memahami
apa yang perlu dilaksanakan? Tanpa ide teknis yang jelas tentang apa
salah, di redaksi, akan sulit meyakinkan
pengelola editor untuk perbaikan.

Maaf, tapi tanpa info lebih lanjut, sulit untuk melanjutkan ini,
mengingat bahwa kami ingin mendukung aksesibilitas sebanyak yang kami bisa.

-
Anda menerima ini karena Anda disebutkan.
Balas email ini secara langsung, lihat di GitHub
https://github.com/FreeCodeCamp/FreeCodeCamp/issues/12431#issuecomment-271367297 ,
atau nonaktifkan utasnya
https://github.com/notifications/unsubscribe-auth/APDp4rtyeVvew2edXgWaxr1eICnDpdKxks5rQn9wgaJpZM4LdzaT .

Beberapa Googling mengarahkan saya pada ini: http://bgrins.github.io/codemirror-accessible/
Mungkin menarik untuk dilihat

Saya tidak yakin editor apa yang digunakan, atau apakah itu membantu, tetapi
pengalaman menggunakan kursus html dan css dan tes kode di
www.w3schools.com cukup dapat diakses sebagai pengguna pembaca layar.

Pada 1/9/2017 12:55, Dylan menulis:
>

Beberapa Googling membawa saya ke ini:
http://bgrins.github.io/codemirror-accessible/
Mungkin menarik untuk dilihat

-
Anda menerima ini karena Anda disebutkan.
Balas email ini secara langsung, lihat di GitHub
https://github.com/FreeCodeCamp/FreeCodeCamp/issues/12431#issuecomment-271371504 ,
atau nonaktifkan utasnya
https://github.com/notifications/unsubscribe-auth/APDp4p-8xX-xTVF0bqGhOkpAinPMDwNaks5rQoKagaJpZM4LdzaT .

@mjanusauskas Terima kasih banyak, Mathew.

Kami melihat ini berdasarkan prioritas dan kemampuan terbaik kami ... kami mungkin sedikit tertunda, tetapi yakinlah akan mencoba memberikan beberapa perbaikan secepat kami bisa ... sementara itu kami menyambut Anda untuk memeriksa wiki artikel di forum kami di https://forum.freecodecamp.com dan serial video untuk terus melanjutkan pembelajaran.

/ cc @QuincyLarson

Saya baru saja mencoba demo yang Dapat Diakses CodeMirror yang ditautkan ke

Ini mengatakan, saya menggunakan desktop.

Mungkin kita harus melihat apakah kita dapat memiliki tombol dalam pengaturan yang mengubah penggunaan CodeMirror Accessible?

CC @BerkeleyTrue @zersiax

Contoh yang sangat bagus tentang bagaimana hal semacam ini dapat dibuat sepenuhnya
dapat diakses dapat ditemukan di
https://teachaccess.github.io/tutorial/#/3

Pada hari Senin, 9 Jan 2017 pukul 13.58, Quincy Larson [email protected]
menulis:

Saya baru saja mencoba demo yang Dapat Diakses CodeMirror yang @dhcodes
https://github.com/dhcodes ditautkan ke. Seharusnya begitu
kinerja yang lebih rendah, meskipun saya tidak melihat adanya perlambatan saat bekerja dengannya
file JavaScript baris ~ 10k yang telah mereka muat di sana. Terbesar
proyek Saya dapat membayangkan kita memiliki satu area teks CodeMirror akan
mungkin 1.000 baris, jadi menurut saya pelambatan itu tidak seburuk itu.

Ini mengatakan, saya menggunakan desktop.

Mungkin kita harus melihat apakah kita dapat memiliki tombol di pengaturan itu
mengubah penggunaan CodeMirror Dapat Diakses?

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

-
Anda menerima ini karena Anda disebutkan.
Balas email ini secara langsung, lihat di GitHub
https://github.com/FreeCodeCamp/FreeCodeCamp/issues/12431#issuecomment-271390191 ,
atau nonaktifkan utasnya
https://github.com/notifications/unsubscribe-auth/APDp4nMFLf9Ou0z2oNBFLPZdcxZwxMoOks5rQpFPgaJpZM4LdzaT
.

Saya suka sumber daya itu, ini menunjukkan contoh yang berfungsi ... apakah itu menggunakan contentEditable di bawah tenda?

Saya menduga demikian, tetapi saya tidak yakin.
Saat ini pekerjaan yang agak membosankan yang saya gunakan untuk setiap tantangan adalah
untuk memilih semua konten di editor CodeMirror> tempelkan ke NotePad ++>
buat pengeditan yang diperlukan> Pilih semua dan salin> Tempel ke editor CodeMirror>
Kirimkan.
Jelas pengalaman yang sangat buruk dan tidak efisien bagi pengguna pembaca layar.

Pada hari Minggu, 22 Jan 2017 jam 16.19, Florian Beijers [email protected]
menulis:

Saya suka sumber daya itu, ini menunjukkan contoh yang berfungsi ... apakah itu digunakan
contentEditable di bawah tenda?

-
Anda menerima ini karena Anda disebutkan.
Balas email ini secara langsung, lihat di GitHub
https://github.com/freeCodeCamp/freeCodeCamp/issues/12431#issuecomment-274364439 ,
atau nonaktifkan utasnya
https://github.com/notifications/unsubscribe-auth/APDp4hHGQh0qVNCHAFDmlUzwq8u8DPIPks5rU9X5gaJpZM4LdzaT
.

Setelah menggunakan pekerjaan membosankan yang disebutkan di sekitar untuk menyelesaikan HTML, CSS
dan tantangan Bootstrap, saya kecewa karena menemukan hal itu di kemudian hari
tantangan membangun halaman web upeti dasar menggunakan CodePen.

CodePen tampaknya memiliki masalah aksesibilitas utama yang serupa dengannya
editor. Sangat menyebalkan bagi pengguna pembaca layar.

Pada 1/22/2017 16:19, Florian Beijers menulis:
>

Saya suka sumber daya itu, ini menunjukkan contoh yang berfungsi ... apakah itu digunakan
contentEditable di bawah tenda?

-
Anda menerima ini karena Anda disebutkan.
Balas email ini secara langsung, lihat di GitHub
https://github.com/freeCodeCamp/freeCodeCamp/issues/12431#issuecomment-274364439 ,
atau nonaktifkan utasnya
https://github.com/notifications/unsubscribe-auth/APDp4hHGQh0qVNCHAFDmlUzwq8u8DPIPks5rU9X5gaJpZM4LdzaT .

@mjanusauskas kami menyarankan Codepen untuk editor teks terintegrasi dan rendering cepat. Namun, saya tidak berpikir kami membatasinya hanya pada Codepen. Untuk menyelesaikan proyek Anda, Anda hanya perlu mengirimkan URL ke proyek Anda dan berjalan. Jadi jangan ragu untuk menggunakan layanan hosting apa pun untuk membuat proyek Anda. Alternatifnya adalah dengan menggunakan halaman GitHub https://pages.github.com/.

Catatan untuk kontributor yang ingin membantu, berikut adalah sumber daya yang dapat membantu mengatasi masalah ini http://bgrins.github.io/codemirror-accessible/

Saya melihat ini sedikit. Sepertinya TeachAccess menggunakan komponen editor dari exerslide . Dari apa yang saya tahu, yang dilakukannya adalah menyalin semua konten ke textarea.

Hal lain yang saya temui saat mengerjakan # 12828 adalah
Saya pikir dukungan browser untuk contentEditable seharusnya tidak menjadi masalah, tetapi saya menemukan komentar ini pada wacana mereka , yang menyatakan bahwa itu buggy di browser lama. Mereka menyatakan bahwa itu adalah default di seluler, dan itu berfungsi dengan baik bagi kami di sana. Saya pikir kita seharusnya baik-baik saja menggunakan opsi ini (mereka sudah memilikinya selama dua tahun sekarang).
Satu-satunya perbedaan yang dapat saya temukan dalam uji cepat saya adalah bahwa kursor berubah warna berdasarkan penyorotan sintaks.
Saya bukan pengguna pembaca layar ahli, tetapi dari apa yang saya tahu ini berfungsi dengan baik dengan NVDA.

Haruskah saya mengirimkan ini sebagai PR?

@mjanusauskas @zersiax Apakah Anda memiliki tip tentang hal-hal yang harus saya uji? Apakah Anda bersedia membantu QA?

Jika ada yang membutuhkan contoh lain tentang bagaimana ini harus bekerja, saya baru saja menemukan Orion IDE online yang melakukan banyak hal yang saya inginkan dari sistem seperti ini. Saya meragukan open source-nya

@QuincyLarson ya, kirimi saya tautan ke kotak pasir tempat Anda menjalankan ini? Aku akan memutarnya.

@zersiax Hai! Saya tidak yakin cara menerapkan versi kotak pasir dari freeCodeCamp. Mungkin Quincy dapat menyiapkannya untuk Anda, atau dengan senang hati saya akan memandu Anda untuk memasangnya secara lokal.

Entah bekerja :) Saya memiliki lingkungan node yang sedang berjalan, saya perlu melakukannya
bersihkan itu :)

@zersiax Local mungkin adalah solusi cepat 👍 Berikut adalah versi singkat dari panduan pengaturan (panduan lengkap adalah CONTRIBUTING.md ):

  1. Pastikan Node v6 dan MongoDB v3 sudah diinstal
  2. Klon freeCodeCamp
  3. Pastikan MongoDB menjalankan semua ini
  4. Jalankan perintah berikut di dalam freeCodeCamp cl:
npm install
npm install -g gulp
cp sample.env .env
npm run only-once
gulp
  1. Instance lokal Anda sekarang harus berjalan pada localhost:3000
  2. Untuk memeriksa perubahan saya, berhenti menelan dan lari:
git remote add systimotic https://github.com/systimotic/FreeCodeCamp.git
git fetch systimotic
git checkout --track systimotic/fix/accessible-editor
  1. Mulailah menelan lagi, dan Anda seharusnya dapat memeriksa perubahannya lagi di localhost: 3000

Oof, itu sedikit lebih rumit dari yang saya bayangkan.
Saya mungkin telah mengacaukannya. 😅 Jangan ragu untuk mengirimi saya pesan di mana saja jika Anda mengalami masalah.

Terima kasih untuk informasinya. Saya akan menyelidiki Halaman GitHub sebagai file
alternatif yang mungkin.

Pada 1/24/2017 11:12 PM, Eric Leung menulis:
>

@mjanusauskas https://github.com/mjanusauskas kami menyarankan Codepen untuk
editor teks terintegrasi dan rendering cepat. Namun, saya tidak berpikir
kami membatasinya hanya untuk Codepen. Untuk menyelesaikan proyek Anda, semua yang Anda butuhkan
submit adalah URL untuk proyek Anda yang aktif dan berjalan. Jadi silakan gunakan
apa pun layanan hosting untuk membuat proyek Anda. Alternatifnya adalah
gunakan halaman GitHub https://pages.github.com/.

Catatan untuk kontributor yang ingin membantu, berikut adalah sumber daya yang mungkin
membantu meringankan masalah ini http://bgrins.github.io/codemirror-accessible/

-
Anda menerima ini karena Anda disebutkan.
Balas email ini secara langsung, lihat di GitHub
https://github.com/freeCodeCamp/freeCodeCamp/issues/12431#issuecomment-275020850 ,
atau nonaktifkan utasnya
https://github.com/notifications/unsubscribe-auth/APDp4lJ8-omlWG3Xbt5soRKVVFYaKYMJks5rVtm1gaJpZM4LdzaT .

Ya, saya akan dengan senang hati membantu pengujian dan / QA.

Pada 1/25/2017 6:39 AM, Timo menulis:
>

Saya melihat ini sedikit. Sepertinya TeachAccess menggunakan
komponen editor dari exerslide
https://github.com/facebookincubator/exerslide/blob/master/packages/exerslide/components/Editor.js .
Dari apa yang saya tahu, yang dilakukannya adalah menyalin semua konten ke
area teks.

Sesuatu yang lain saya temui saat mengerjakan # 12828
https://github.com/freeCodeCamp/freeCodeCamp/issues/12828 adalah
Opsi inputStyle CodeMirror
https://codemirror.net/doc/manual.html#option_inputStyle . Ini
memungkinkan kita untuk mengganti editor untuk menggunakan contentEditable.
Saya pikir dukungan browser untuk contentEditable
http://caniuse.com/#search=contentEd seharusnya tidak menjadi masalah, tapi saya
menemukan komentar ini pada wacana mereka
https://discuss.codemirror.net/t/inputstyle-contenteditable-we-may-hope-for-browser-spell-checking/608/2 ,
yang menyatakan bahwa itu buggy di browser lama. Mereka menyatakan itu saja
default di seluler, bagaimanapun, dan itu berfungsi dengan baik untuk kami
sana. Saya pikir kita seharusnya baik-baik saja menggunakan opsi ini (mereka sudah memilikinya
dua tahun sekarang).
Satu-satunya perbedaan yang bisa saya temukan dalam tes cepat saya adalah itu
kursor berubah warna berdasarkan penyorotan sintaks.
Saya bukan pengguna pembaca layar ahli, tetapi dari apa yang dapat saya ceritakan
bekerja dengan baik dengan NVDA.

Haruskah saya mengirimkan ini sebagai PR?

@mjanuskaska https://gub.com/janusauskas @zersiax
https://github.com/zersiax Apakah Anda memiliki tip tentang hal-hal yang harus saya lakukan
uji? Apakah Anda bersedia membantu QA?

-
Anda menerima ini karena Anda disebutkan.
Balas email ini secara langsung, lihat di GitHub
https://github.com/freeCodeCamp/freeCodeCamp/issues/12431#issuecomment-275097352 ,
atau nonaktifkan utasnya
https://github.com/notifications/unsubscribe-auth/APDp4oqMSgwyJUBVxfaYDkwWaP23NDqMks5rV0JzgaJpZM4LdzaT .

+1. Untuk saat ini, akan membantu untuk meletakkan instruksi tersembunyi yang hanya dapat dibaca oleh pembaca layar yang menyatakan bagaimana menangani masalah ini (salin ke editor lain, edit di sana, salin kembali.)

Berapa lama waktu yang kami harapkan? Anda dapat menambahkan kelas khusus .sr ke
span yang berisi teks itu, tetapi jika kita membiarkannya di sana terlalu lama
seseorang di suatu tempat akan melupakannya dan itu hanya akan duduk
di sana karena kalian tidak benar-benar melihat pesan itu :)

Saya baru-baru ini mengalami masalah yang sama di CodePen.com dan EdX.org

EdX tampaknya memiliki solusi yang dapat diakses dan saya termasuk
komentar mereka di sini:

Kami menggunakan editor kode sumber terbuka yang disebut CodeMirror
(https://codemirror.net/). Kami harus membuat beberapa modifikasi
membuatnya bekerja dalam Platform edX. Beberapa dari modifikasi tersebut disertakan
beberapa peningkatan aksesibilitas sehingga pengguna mungkin tidak memiliki yang sama
pengalaman di situs lain yang menggunakan CodeMirror. Karena kami harus
menyesuaikannya untuk edX, kami tidak dapat mendorong perubahan kami ke atas.
Namun, CodeMirror secara aktif bekerja untuk memperbaiki masalah ini
ke pelacak Masalah repositori github mereka. Perubahan khusus lainnya yang kami buat
ke cabang CodeMirror kami adalah penyertaan pembaca layar dan keyboard
petunjuk khusus pengguna yang mendahului editor dalam urutan TAB. Itu
pengguna perlu menyadari bahwa mereka dapat menekan tombol ESC dua kali dan kemudian TAB
untuk mengalihkan fokus di luar editor. Ini diperlukan karena dalam sebuah kode
editor, sangat umum bagi pengguna yang ingin memasukkan urutan TAB,
dan TIDAK memindahkan fokus keyboard saat ini, yang dilakukan oleh tombol TAB
secara default.

Pada 1/31/2017 16:01, Florian Beijers menulis:

Berapa lama waktu yang kami harapkan? Anda dapat menambahkan kelas khusus .sr ke
span yang berisi teks itu, tetapi jika kita membiarkannya di sana terlalu lama
seseorang di suatu tempat akan melupakannya dan itu hanya akan duduk
di sana karena kalian tidak benar-benar melihat pesan itu :)

-
Anda menerima ini karena Anda disebutkan.
Balas email ini secara langsung, lihat di GitHub
https://github.com/freeCodeCamp/freeCodeCamp/issues/12431#issuecomment-276506570 ,
atau nonaktifkan utasnya
https://github.com/notifications/unsubscribe-auth/APDp4h-s2_aSFUDNSIRXnc8v7bmlNqhnks5rX69UgaJpZM4LdzaT .

Berikut adalah contoh lain dari solusi yang berfungsi untuk masalah kritis ini:

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

Pada 1/31/2017 16:01, Florian Beijers menulis:

Berapa lama waktu yang kami harapkan? Anda dapat menambahkan kelas khusus .sr ke
span yang berisi teks itu, tetapi jika kita membiarkannya di sana terlalu lama
seseorang di suatu tempat akan melupakannya dan itu hanya akan duduk
di sana karena kalian tidak benar-benar melihat pesan itu :)

-
Anda menerima ini karena Anda disebutkan.
Balas email ini secara langsung, lihat di GitHub
https://github.com/freeCodeCamp/freeCodeCamp/issues/12431#issuecomment-276506570 ,
atau nonaktifkan utasnya
https://github.com/notifications/unsubscribe-auth/APDp4h-s2_aSFUDNSIRXnc8v7bmlNqhnks5rX69UgaJpZM4LdzaT .

Hai

_Dikirim dari Samsung SM-A520F saya menggunakan FastHub _

_Dikirim dari Samsung SM-A520F saya menggunakan FastHub _

Hai,
Saya rasa saya dapat mengikuti petunjuk ini sekarang setelah situs saya disiapkan secara lokal. Saya cukup yakin saya perlu mengikuti bagian yang memberi tahu cara menyinkronkan repositori ini dengan milik saya. Apakah ini benar? Dan jika saya melakukan sesuatu yang salah, saya tidak yakin bagaimana cara membatalkannya. Sedikit cemas. :)

Hanya melihat bahwa ini adalah masalah utama yang sebenarnya. Karena saya memiliki empat pembaca layar, dengan asumsi saya dapat mengikuti petunjuk untuk mendapatkan ini di komputer saya, saya akan dengan senang hati mengujinya.

Untuk mengurangi kurva pembelajaran jika Anda tertarik untuk menggunakan pembaca layar, lihat di bawah. Dan ini sama sekali tidak dimaksudkan sebagai ofensif, tetapi seseorang yang memiliki situs tidak akan menggunakan pembaca layar dengan cepat pada percobaan pertama, atau bahkan setelah itu, karena konsepnya sangat asing bagi Anda. Saya akan dengan senang hati menguji masalah aksesibilitas apa pun yang melibatkan apa pun selain warna. sebut saja saya atau e-mail saya. Jika saya melihat pesan itu, saya akan menyediakan waktu.

Untuk kontras warna, cari alat yang disebut Color Contrast Analyzer, dan lihat http://www.webaim.org untuk artikel tentang cara menggunakannya.

Di PC, kombinasi pembaca layar dan browser terbaik adalah NVDA dan Firefox, versi stabil terbaru. Ini karena NVDA adalah pembaca layar yang paling bergantung pada API aksesibilitas, dan Firefox adalah browser PC yang mengekspos implementasi API aksesibilitas yang paling murni. Itulah kekurangan dari penjelasan ekz itu.

Lihat http://www.nvda-project.org untuk mengunduh dan mengatur NVDA.

Setelah Anda mengaturnya, untuk penggunaan termudah, masuk ke dialog Keyboard dan atur tata letak laptop, lalu masuk ke dialog mode Jelajah dan matikan kotak centang untuk "Gunakan tata letak layar."

Setelah semua itu diurus, Anda tidak perlu lagi mendengarkan NVDA berbicara untuk melakukan pengujian dengannya sebagai orang yang melihat. Mulailah, buka NVDA, pilih Tools, lalu Speech Viewer. Parkirlah jendela itu sehingga Anda dapat melihat teks di dalamnya dan konten di browser Anda. Ukuran jendela sesuai keinginan, dan kemudian, saat Anda membuka web, gunakan sebagian besar tombol panah atas dan bawah untuk membaca baris demi baris seolah-olah Anda sedang mengarahkan panah melalui dokumen Notepad. Perhatikan jendela penampil ucapan dengan sangat hati-hati dan Anda akan melihat pembaruan teks di sana. Teks di speech viewer cocok dengan apa yang akan dikatakan NVDA, jika ia berbicara.

Semua pengetahuan ini tetap hanya akan menarik, tetapi tidak membantu Anda, karena sejujurnya, Anda masih belum tahu apa yang seharusnya terjadi, jadi saya akan dengan senang hati menguji perbaikan aksesibilitas yang saya pelajari di sini.

Tentu saja, ini untuk alasan yang egois, karena saya ingin menjadi orang buta pertama yang melalui FCC, lalu saya ingin menggunakan pengetahuan itu untuk membantu aksesibilitas bagi para penyandang tunanetra lainnya, dan melihat lebih banyak dari mereka menjadi pengembang web , dan membantu orang dengan semua jenis disabilitas. Dan siapa tahu, saya bahkan bisa mendapatkan pekerjaan yang lebih baik atau menghasilkan uang di luar pekerjaan saya.

@jhomme Terima kasih atas detail tentang pembaca layar yang Anda gunakan.

Ketika saya menggunakan Taring di FireFox, dan mengunjungi URL ini: https://www.freecodecamp.org/challenges/inform-with-the-paragraph-element

keluaran pembaca layar adalah:

Halaman memiliki satu bingkai, empat judul dan dua puluh lima tautanInformasi dengan bilah vertikal Elemen Paragraf bebasCodeCamp dasbor Internet ExplorerLinkGraphiclearn ke kode javascript di logo freeCodeCampDaftar tujuh itembulletLink MapbulletbulletLink ForumbulletLink ContributebulletLinkLink AboutbulletLink DonatebulletLink elemen yang disukai untuk teks paragraf berukuran dasbor normal di situs web. P adalah singkatan dari kutipan paragraf kutipan. Anda dapat membuat elemen ap seperti titik dua ini kurang p lebih besar I'm ap tag! less slash p lebih besar Buat elemen ap di bawah elemen htwo Anda, dan berikan kutipan teks Hello Paragraph. Jalankan tes dengan tanda kurung kiri ctrl plus masukkan tanda kurung kanan Atur ulang kode AndaLink Dapatkan petunjuk Minta bantuan di forumLink Masuk sehingga Anda dapat menyimpan kemajuan Anda Buat elemen ap. Elemen p Anda harus memiliki teks kutipan kutipan Halo Paragraf. Pastikan elemen p Anda memiliki tag penutup. SuntingEdit empat satu dua kurang asah lebih besar Halo Dunia lebih sedikit garis miring lebih besar tiga lebih sedikit htwo lebih besar CatPhotoApp lebih sedikit garis miring htwo lebih besar empat Judul tingkat satu Hello WorldHeading tingkat dua CatPhotoAppLinkLinkLink

Jika saya memahaminya dengan benar, ini adalah konten editor kode seperti yang ditampilkan oleh pembaca layar:

satu dua lebih sedikit mengasah lebih baik Halo Dunia lebih sedikit garis miring mengasah lebih besar tiga lebih sedikit htwo lebih baik CatPhotoApp lebih sedikit garis miring htwo empat lebih besar

Jadi ini sepertinya tidak menjadi masalah bagi pembaca layar Taring. Apakah Anda mengalami ini dengan keempat pembaca layar atau hanya beberapa saja?

Omong-omong, saya memuji ambisi Anda untuk menjadi orang buta pertama yang berhasil melalui freeCodeCamp! Kami akan melakukan apa yang kami bisa untuk membantu Anda mewujudkan tujuan itu.

hai Quincy,

Saya mengalami ini dengan JAWS dan NVDA di PC, sulih suara di Mac. Saya tidak mengalami ini dengan VoiceOver di IOS. Saya tidak mengerti kenapa. Sejauh ini saya belum mencoba pembaca layar lainnya. Saya dapat mencoba Narator dan TalkbBack.

Pada 23 Agustus 2017, pukul 12:01, Quincy Larson [email protected] menulis:

@jhomme Terima kasih atas detail tentang pembaca layar yang Anda gunakan.

Ketika saya menggunakan Taring di FireFox, dan mengunjungi URL ini: https://www.freecodecamp.org/challenges/inform-with-the-paragraph-element

keluaran pembaca layar adalah:

Halaman memiliki satu bingkai, empat judul dan dua puluh lima tautanInformasi dengan bilah vertikal Elemen Paragraf bebasCodeCamp dasbor Internet ExplorerLinkGraphiclearn ke kode javascript di logo freeCodeCampDaftar tujuh itembulletLink MapbulletbulletLink ForumbulletLink ContributebulletLinkLink AboutbulletLink DonatebulletLink elemen yang disukai untuk teks paragraf berukuran dasbor normal di situs web. P adalah singkatan dari kutipan paragraf kutipan. Anda dapat membuat elemen ap seperti titik dua ini kurang p lebih besar I'm ap tag! less slash p lebih besar Buat elemen ap di bawah elemen htwo Anda, dan berikan kutipan teks Hello Paragraph. Jalankan tes dengan tanda kurung kiri ctrl plus masukkan tanda kurung kanan Atur ulang kode AndaLink Dapatkan petunjuk Minta bantuan di forumLink Masuk sehingga Anda dapat menyimpan kemajuan Anda Buat elemen ap. Elemen p Anda harus memiliki teks kutipan kutipan Halo Paragraf. Pastikan elemen p Anda memiliki tag penutup. SuntingEdit empat satu dua kurang asah lebih besar Halo Dunia lebih sedikit garis miring lebih besar tiga lebih sedikit htwo lebih besar CatPhotoApp lebih sedikit garis miring htwo lebih besar empat Judul tingkat satu Hello WorldHeading tingkat dua CatPhotoAppLinkLinkLink

Jika saya memahaminya dengan benar, ini adalah konten editor kode seperti yang ditampilkan oleh pembaca layar:

satu dua lebih sedikit mengasah lebih baik Halo Dunia lebih sedikit garis miring mengasah lebih besar tiga lebih sedikit htwo lebih baik CatPhotoApp lebih sedikit garis miring htwo empat lebih besar

Jadi ini sepertinya tidak menjadi masalah bagi pembaca layar Taring. Apakah Anda mengalami ini dengan keempat pembaca layar atau hanya beberapa saja?

Omong-omong, saya memuji ambisi Anda untuk menjadi orang buta pertama yang berhasil melalui freeCodeCamp! Kami akan melakukan apa yang kami bisa untuk membantu Anda mewujudkan tujuan itu.

-
Anda menerima ini karena Anda disebutkan.
Balas email ini secara langsung, lihat di GitHub, atau nonaktifkan utasnya.

@jhomme Untuk beberapa alasan saya tidak dapat menemukan komentar di mana Anda menjelaskan apa yang Anda hadapi. Apa yang tampaknya menjadi petugas, masalah?

Hai Florian,
Berbagai eader layar tidak berbicara saat mencoba menavigasi atau mengetik
di editor di situs. Mereka hanya mengucapkan kata kosong. Mereka bicara,
meskipun, saat memilih teks.

Jim

Pada 8/23/17, Florian Beijers [email protected] menulis:

@jhomme Untuk beberapa alasan saya tidak dapat menemukan komentar di mana Anda menjelaskan apa itu
apakah yang Anda hadapi. Apa yang tampaknya menjadi petugas, masalah?

-
Anda menerima ini karena Anda disebutkan.
Balas email ini secara langsung atau lihat di GitHub:
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, sepertinya masih jadi masalah. Seperti yang Anda lihat di utas ini, ini ada hubungannya dengan CodeMirror yang tidak dapat diakses. Cara termudah untuk menyiasatinya untuk saat ini adalah dengan menyalin-tempel kode ke editor seperti NotePad ++ atau EdSharp jika Anda harus: P, lalu edit, lalu tempel kembali ke editor fcc. Membosankan, tapi sepertinya berhasil :)

Saya baru saja menemukan editor kode HTML sumber terbuka yang dapat diakses sepenuhnya. Bisakah yang sekarang diganti dengan ini? https://pode.herokuapp.com/ Untuk tantangan CodePen, karena CodePen tidak dapat diakses, dapatkah ada instruksi alternatif bagi pengguna teknologi pendukung untuk menggunakan situs web ini?

Hai,
Silakan lihat posting di bawah ini dan yang mengarah ke. CodePen dapat dilakukan, dan ditingkatkan. Dengan umpan balik yang membangun, mereka akan menjadi lebih baik.

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

Pada 27 Des 2017, pukul 17:17, inscriptioelectronicaaustralia [email protected] menulis:

Saya baru saja menemukan editor kode HTML sumber terbuka yang dapat diakses sepenuhnya. Bisakah yang sekarang diganti dengan ini? https://pode.herokuapp.com/ Untuk tantangan CodePen, karena CodePen tidak dapat diakses, dapatkah ada instruksi alternatif bagi pengguna teknologi pendukung untuk menggunakan situs web ini?

-
Anda menerima ini karena Anda disebutkan.
Balas email ini secara langsung, lihat di GitHub, atau nonaktifkan utasnya.

@zersiax Terima kasih telah ikut serta. Saya senang mendengar bahwa ini hanya masalah dengan aksesibilitas CodeMirror, tapi itu berarti kita perlu mencari cara untuk menambalnya.

@inscriptioelectronicaaustralia Kami akan segera mendukung pembangunan proyek langsung di freeCodeCamp, jadi antarmuka CodePen yang relatif tidak dapat diakses tidak akan menjadi masalah. Kami hanya perlu memperbaiki masalah dengan CodeMirror, yang merupakan pustaka sumber terbuka yang berpotensi dapat kami kontribusikan.

Quincy, ada baiknya proyeknya sebentar lagi bisa dibangun di Free Code Camp.

Saya baru saja melihat utas Code Mirror GitHub yang berkaitan dengan ini, dan mereka berpikir bahwa banyak pekerjaan untuk membuat ini bekerja dengan pembaca layar, jadi apakah orang yang berkontribusi pada utas ini atau mereka dapat menyelesaikan masalah akan mengarah pada situasi win-win tidak hanya untuk kami, tetapi juga situs web lain yang menggunakan Code Mirror.

Melihat situasi secara hipotetis, apakah ada banyak fitur yang hilang dari alat Pode yang saya rujuk di atas yang akan memengaruhi Free Code Camp jika diterapkan sebagai pengganti Code Mirror?

Hai,
Mengekspresikan penghargaan saya yang berdosa untuk orang-orang yang melihat ini. Saya sedang bergerak menuju penyelesaian JavaScript sekarang, dan tidak sabar untuk dapat menulis kode nyata yang membantu orang, terutama FreeCodeCamp.

Jim

Dari: inscriptioelectronicaaustralia [mailto: [email protected]]
Dikirim: Kamis, 28 Desember 2017 02.08
Kepada: freeCodeCamp / freeCodeCamp [email protected]
Cc: Jim Homme [email protected] ; Sebutkan [email protected]
Subject: Re: [freeCodeCamp / freeCodeCamp] Konten editor tidak dapat ditinjau oleh pembaca layar (# 12431)

Quincy, ada baiknya proyeknya sebentar lagi bisa dibangun di Free Code Camp.

Saya baru saja melihat utas Code Mirror GitHub yang berkaitan dengan ini, dan mereka berpikir bahwa banyak pekerjaan untuk membuat ini bekerja dengan pembaca layar, jadi apakah orang yang berkontribusi pada utas ini atau mereka dapat menyelesaikan masalah akan mengarah pada situasi win-win tidak hanya untuk kami, tetapi juga situs web lain yang menggunakan Code Mirror.

Melihat situasi secara hipotetis, apakah ada banyak fitur yang hilang dari alat Pode yang saya rujuk di atas yang akan memengaruhi Free Code Camp jika diterapkan sebagai pengganti Code Mirror?

-
Anda menerima ini karena Anda disebutkan.
Balas email ini secara langsung, lihat di GitHub https://github.com/freeCodeCamp/freeCodeCamp/issues/12431#issuecomment-354240665 , atau nonaktifkan utas https://github.com/notifications/unsubscribe-auth/AdDz24NBYQr6hKSp_HsEnOryzgzIkA24P5

@inscriptioelectronicaaustralia CodeMirror adalah proyek yang banyak digunakan dengan banyak fitur yang kami gunakan. Saya skeptis bahwa Pode dapat melakukan semua yang dilakukan CodeMirror. Saya pikir pilihan terbaik bagi kita adalah menambal CodeMirror.

Meskipun saya setuju bahwa menambal CodeMirror adalah yang paling banyak, sebut saja itu efektif, cara untuk memecahkan masalah, kita harus tetap agak realistis.
Masalah ini telah ada sepanjang tahun ini, ini adalah bar berumur beberapa minggu, dan saya telah merengek dan menggeram tentang masalah ini setidaknya selama dua, mungkin bahkan tiga tahun sekarang. Dan itu memang masalah; setiap kali saya memutuskan untuk mencoba FCC lagi, saya merasa kesal karena harus mengatasi masalah ini. Kemudahan, ambang masuk yang rendah dan kesederhanaan pengkodean dan melihat pembaruan pratinjau langsung Anda di browser saat Anda membuat kode tidak berlaku untuk orang-orang yang menggunakan pembaca layar saat ini, yang banyak dari apa yang membuat freecodecamp efektif dan, saya berani katakan, menawan.
CodeMirror telah menembak dirinya sendiri dengan berfokus terutama pada rendering kode dengan cara yang bagus secara grafis, hampir sepenuhnya melepaskan operasi DOM standar dahulu kala. Jika Anda melihat-lihat, bahkan WordPress mengalami masalah ini dan mereka belum menemukan cara yang cocok untuk menyiasatinya; itu sebenarnya telah menghentikan mereka dari menerapkan codeMirror sebagai editor WordPress default WP dan jika editor itu benar-benar diimplementasikan sebagai default, penyisihan untuk administrator WordPress tunanetra perlu diterapkan agar tidak sepenuhnya merusak pengalaman admin untuk orang-orang itu. CodeMirror sepertinya tidak akan diperbaiki dalam waktu dekat.
Dengan cepat melihat Pode, tampaknya ini terutama editor untuk HTML dan sayangnya tidak mendekati fungsionalitas CodeMirror, jadi sayangnya saya rasa itu tidak layak.
Tidak ada solusi sederhana untuk masalah ini, dan menambal adalah ide bagus untuk melihat masalah ini: https://github.com/codemirror/CodeMirror/issues/4604
Satu-satunya ukuran stop-gap yang dapat saya pikirkan adalah memiliki beberapa cara untuk merender konten CM ke textarea biasa dan mencerminkan pengeditan yang dibuat ke textarea tersebut di CM, mungkin ketika keydown tab terdeteksi atau ketika ctrl + enter adalah preseed untuk menjalankan kode. Sampai CodeMirror diperbaiki (yang tidak pasti melihat masalah yang dirujuk di atas tetapi tidak mungkin mengingat rekam jejaknya) atau dibuang untuk editor lain yang memiliki fitur serupa, saya rasa tidak banyak lagi yang bisa dilakukan dalam waktu singkat.

Quincy, saya mengerti bahwa CodeMirror jelas merupakan solusi yang unggul (saya pikir Pode dibuat sangat sederhana karena ditujukan hanya untuk pemula), dan akan ideal untuk membuatnya dapat diakses jika memungkinkan. Alasan saya bertanya fitur apa yang kurang dari Pode adalah, setelah teks di bidang edit CodeMirror dapat dibaca oleh pembaca layar, jika CodeMirror menggunakan fitur visual lain untuk membantu dalam pengkodean, ini juga pada akhirnya harus dapat diakses jika memungkinkan.
Saya sedang memikirkan cara lain untuk mengatasi masalah ini, dan saya pikir seseorang dapat membuat beberapa skrip untuk pembaca layar JAWS untuk Windows, dan / atau jika memungkinkan, add-on untuk pembaca layar NVDA (VoiceOver untuk macOS tidak mengizinkan pembuatan skrip Saya pikir), bahwa ketika pengguna memasuki bidang teks CodeMirror, teks yang sudah ada di sana akan disalin ke penyangga teks JAWS atau NVDA, yang kemudian dapat diedit, dan dengan penekanan tombol dikirim kembali ke editor. Idealnya, bidang teks "khusus" ini akan memberikan akses ke fitur penting lainnya yang ditawarkan CodeMirror. JAWS menggunakan bahasa skrip berpemilik yang memiliki kemampuan untuk membuat skrip khusus domain, dan NVDA menggunakan Python untuk membuat add-on, tetapi saya tidak yakin apakah yang khusus domain dapat dibuat untuk pembaca layar itu.

@inscriptioelectronicaaustralia @zersiax @jhomme Sepertinya dari membaca https://github.com/codemirror/CodeMirror/issues/4604#issuecomment -349920743 bahwa @marijnh berencana untuk pindah ke konten yang dapat diedit, yang seharusnya membuat CodeMirror secara signifikan lebih dapat digunakan. Saya mengomentari masalah ini dengan menanyakan apakah ada yang bisa kami lakukan untuk membantu.

Skenario terburuk, kami mungkin dapat membangun sebuah "mode aksesibilitas" yang memungkinkan berkemah untuk beralih dari CodeMirror untuk Pode dalam pengaturan, berpikir itu akan menjadi pekerjaan yang sangat besar.

Mari kita tunggu dan lihat apa komentar @marijnh .

Saya membaca tanggapan marijnh, dan sepertinya perlu waktu lama sampai kami mendapatkan aksesibilitas. Satu hal yang juga perlu dipertimbangkan adalah sayangnya, bahkan ketika orang mengatakan "beberapa bulan", aksesibilitas jarang terjadi karena terlalu sering mendapat prioritas yang sangat rendah. Saya tidak mengatakan bahwa ini adalah apa yang dipikirkan oleh para pengembang CodeMirror, tetapi ini adalah tren yang sangat mengganggu di seluruh dunia. Saya telah melihat contoh ketika orang mengatakan "beberapa bulan", dan itu berubah menjadi beberapa bulan lagi ... lalu beberapa bulan lagi ... dan saya pikir Anda mengerti.
Karena masih mungkin untuk menggunakan editor kode sebagaimana adanya, saya pikir menunggu beberapa bulan mungkin merupakan pendekatan terbaik, tetapi jika kita sampai pada bulan Juni dan tidak ada yang berubah, mungkin mencari solusi lain mungkin layak dipertimbangkan. Apa yang dipikirkan orang lain?

Saya telah melihat contoh ketika orang mengatakan "beberapa bulan", dan itu berubah menjadi beberapa bulan lagi ... kemudian beberapa lagi ...

Tidak ada yang menjanjikan apa pun dalam beberapa bulan, kecuali pekerjaan itu akan _mulai_ dengan pendekatan baru, yang pasti akan memakan waktu lama untuk dibangun.

Hai @arii

Terima kasih telah mempertimbangkan re-archi dari CodeMirror dan kami dengan tulus memahami upaya dengan segala sesuatu yang merupakan upaya open source.

Sebagai organisasi nirlaba, beri tahu kami, jika Anda membutuhkan bantuan pengkodean (pro-bono) dari pengembang komunitas kami dalam upaya ini, kami ada untuk membantu Anda dalam upaya ini, dengan cara apa pun yang kami bisa.

Pengetahuan yang diuji dalam pertempuran tentang proyek CM (dan kontributornya) sangat berharga dan karenanya kami berdedikasi untuk membantu dalam upaya ini, jika Anda memandu kami dengan spesifik tentang masalah yang dicatat di repo CodeMirror.

Hai @inscriptioelectralia

... tetapi jika kita sampai pada bulan Juni dan tidak ada yang berubah, mungkin mencari solusi lain mungkin layak dipertimbangkan.

Kami dengan tulus memahami dan berbagi rasa frustrasi, dan kami siap untuk mendedikasikan upaya dalam solusi apa pun yang mungkin, tetapi IMHO, membantu CM menjadi lebih baik di a11y, adalah hal yang baik untuk dilakukan.

Saya pikir itu adalah upaya yang dihabiskan dengan baik, karena kami tidak hanya akan membantu komunitas freeCodeCamp, tetapi di mana pun CM digunakan untuk kebaikan yang lebih besar dari a11y di tempat lain juga.

Yang mengatakan,

Analisis @zersiax di atas benar untuk tujuan status basis kode kami saat ini:

Dengan cepat melihat Pode, tampaknya ini terutama editor untuk HTML dan sayangnya tidak mendekati fungsionalitas CodeMirror, jadi sayangnya saya rasa itu tidak layak.

Satu-satunya ukuran stop-gap yang dapat saya pikirkan adalah memiliki beberapa cara untuk merender konten CM ke textarea biasa dan mencerminkan pengeditan yang dibuat ke textarea tersebut di CM, mungkin ketika keydown tab terdeteksi atau ketika ctrl + enter adalah preseed untuk menjalankan kode. Sampai CodeMirror diperbaiki (yang tidak pasti melihat masalah yang dirujuk di atas tetapi tidak mungkin mengingat rekam jejaknya) atau dibuang untuk editor lain yang memiliki fitur serupa, saya rasa tidak banyak lagi yang bisa dilakukan dalam waktu singkat.

Kami harus mulai melihat penerapan solusi sementara, sementara kami memeriksa dengan tim CM tentang bagaimana kami dapat membantu mereka secara nyata.

jika Anda membutuhkan bantuan pengkodean

Jenis kontribusi yang paling berguna adalah untuk pengguna pembaca layar dan / atau pakar aksesibilitas dari komunitas Anda untuk membantu menguji prototipe baru kami, setelah kami memilikinya, sehingga masalah dapat ditemukan dan ditangani sejak awal. Kami akan mengumumkan jika ada yang ingin kami tunjukkan — jika Anda ingin memastikan Anda diberi tahu, Anda dapat mengirimi saya email dengan data kontak.

@svinkle Saya sangat menghargai masukan Anda tentang masalah a11y ini.

Apakah stop-gap menyarankan sesuatu yang dapat berfungsi hingga masalah content-editable diselesaikan di upstream?

Satu-satunya ukuran stop-gap yang dapat saya pikirkan adalah memiliki beberapa cara untuk merender konten CM ke textarea biasa dan mencerminkan pengeditan yang dibuat ke textarea tersebut di CM, mungkin ketika keydown tab terdeteksi atau ketika ctrl + enter adalah preseed untuk menjalankan kode. Sampai CodeMirror diperbaiki (yang tidak pasti melihat masalah yang dirujuk di atas tetapi tidak mungkin mengingat rekam jejaknya) atau dibuang untuk editor lain yang memiliki fitur serupa, saya rasa tidak banyak lagi yang bisa dilakukan dalam waktu singkat.

Jika saya memahami pendekatan ini dengan benar, konten editor CM akan dimuat dalam textarea dan textarea akan digunakan untuk mengedit konten. Kemudian pada update / simpan textarea konten akan tercermin di editor CM.

Apakah editor CM disembunyikan dari pandangan? Saya berasumsi hanya akan ada tampilan textarea , jika tidak, memiliki dua area pengeditan akan membingungkan.

Hai @QuincyLarson dan semua orang yang terlibat,

Terima kasih banyak atas masukan dan pertimbangannya, dalam mencari solusi.

Ada satu pertimbangan lagi yang kami telah mencapai yang kebetulan saya sadari dengan beberapa diskusi dengan @BerkeleyTrue tentang topik terpisah di CM , sebelum kita melanjutkan dengan salah satu patch monyet dengan textarea lain. 😓

Pada beta (front-end react baru kami) kami tidak bergantung pada CodeMirror secara langsung, tetapi pada komponen react react-codemirror yang merupakan pembungkus ringan di atas CM. Ini benar, karena kami membutuhkannya untuk bekerja dengan platform beta kami.

Kami mungkin harus memperbaruinya ke komponen yang berbeda di masa mendatang, tetapi tidak ada dari komponen tersebut dalam diskusi yang memiliki dukungan a11y yang sama seperti di CM induk yang membungkus fungsionalitasnya.

Jadi tambalan monyet mungkin tidak sepele.

@raisedadead Terima kasih telah menunjukkan hal ini. Kami akan menunggu CodeMirror melakukan pembaruan aksesibilitas mereka, lalu mengevaluasi proses penambalan monyet dari sana.

Kami dengan senang hati mengumumkan bahwa kami telah beralih ke editor Monaco pada platform belajar kami. Ini memiliki a11y built in.

Kami sangat menyukai CodeMirror dan terima kasih kepada @marijnh untuk pekerjaan luar biasa yang telah Anda dan tim lakukan. Ini adalah editor de facto selama bertahun-tahun ini. Kami masih ingin menggunakannya dalam proyek-proyek mendatang, karena sangat ringan dan sederhana.

Terima kasih @zersiax , @inscriptioelectronicaaustralia , dan Semua orang telah bergabung dan membuat platform ini lebih mudah diakses.

Apakah halaman ini membantu?
0 / 5 - 0 peringkat