\ cc @ FreeCodeCamp / модераторы

Да, большое спасибо за то, что подняли этот вопрос, мы очень открыты для идеи сделать веб-сайт более доступным, и поддержка программ чтения с экрана является важной частью этого.

Открытие сообщества для предложений по реализации.

Комментарий ведущего разработчика программы чтения с экрана NVDA:

8.01.2017 в 17:11 mrugesh mohapatra написал:
>

Да, большое спасибо за то, что подняли этот вопрос, мы очень открыты для идеи
сделать сайт более доступным, а поддержка программ чтения с экрана -
важная часть этого.

Открытие сообщества для предложений по реализации.

-
Вы получаете это, потому что вы являетесь автором темы.
Ответьте на это письмо напрямую, просмотрите его на GitHub
https://github.com/FreeCodeCamp/FreeCodeCamp/issues/12431#issuecomment-271187374 ,
или отключить поток
https://github.com/notifications/unsubscribe-auth/APDp4ufBLExQL0QJK2q17hvMavLGwSBwks5rQW0kgaJpZM4LdzaT .

Комментарий ведущего разработчика программы чтения с экрана NVDA:

Это связано с проблемами доступности в используемом редакторе кода.
Эти редакторы кода предпочитают рисовать свой контент нестандартным способом,
вместо использования HTML contentEditable (что является стандартным способом сделать
редактируемый контент). К сожалению, мы ничего не можем сделать, чтобы поддержать
это; проблему необходимо исправить в редакторе.
-

8.01.2017 в 17:11 mrugesh mohapatra написал:
>

Да, большое спасибо за то, что подняли этот вопрос, мы очень открыты для идеи
сделать сайт более доступным, а поддержка программ чтения с экрана -
важная часть этого.

Открытие сообщества для предложений по реализации.

-
Вы получаете это, потому что вы являетесь автором темы.
Ответьте на это письмо напрямую, просмотрите его на GitHub
https://github.com/FreeCodeCamp/FreeCodeCamp/issues/12431#issuecomment-271187374 ,
или отключить поток
https://github.com/notifications/unsubscribe-auth/APDp4ufBLExQL0QJK2q17hvMavLGwSBwks5rQW0kgaJpZM4LdzaT .

@mjanusauskas Привет, Мэтью! Не могли бы вы указать нам на репо, если это открытый исходный код для создания отчета о проблеме?

Я не уверен, какой именно недоступный редактор используется.

09.01.2017, 00:49, mrugesh mohapatra написал:
>

@mjanusauskas https://github.com/mjanusauskas Привет, Мэтью! Разум
указывает нам на репо, если это открытый исходный код для создания отчета о проблеме?

-
Вы получаете это, потому что вас упомянули.
Ответьте на это письмо напрямую, просмотрите его на GitHub
https://github.com/FreeCodeCamp/FreeCodeCamp/issues/12431#issuecomment-271220175 ,
или отключить поток
https://github.com/notifications/unsubscribe-auth/APDp4iUWcvbQSZedazsn7H3_sOnWCuB7ks5rQdh_gaJpZM4LdzaT .

Ну, мы используем https://github.com/codemirror/CodeMirror для редактора, но мы хотели бы знать, не могли бы вы также помочь нам с репозиторием для NVDA, программа чтения с экрана с открытым исходным кодом, чтобы проверить их?

@raisedadead это, вероятно, для читателя с открытым исходным кодом https://github.com/nvaccess/nvda

Ах, спасибо @erictleung!

Хорошо, я не вижу проблем с репозиторием, относящихся конкретно к CodeMirror. Думаю, нам следует заняться, открывая проблемы в обоих репозиториях, искать помощи в этом?

/ cc @ FreeCodeCamp / модераторы

Предыдущий комментарий ведущего разработчика NVDA, которым я поделился, поступил от
выпуск я открыл в своем репо. Их позиция в том, что нет ничего
что можно сделать в программе чтения с экрана из-за нестандартного подхода
используется и что проблема доступности должна быть решена в редакторе.

09.01.2017 12:18 mrugesh mohapatra написал:
>

Хорошо, я не вижу проблем с репозиторием, относящимся к CodeMirror.
конкретно. Думаю, нам следует заняться, открывая проблемы в обоих
репо, нужна помощь по этому поводу?

/ cc @ FreeCodeCamp / модераторы
https://github.com/orgs/FreeCodeCamp/teams/moderators

-
Вы получаете это, потому что вас упомянули.
Ответьте на это письмо напрямую, просмотрите его на GitHub
https://github.com/FreeCodeCamp/FreeCodeCamp/issues/12431#issuecomment-271361131 ,
или отключить поток
https://github.com/notifications/unsubscribe-auth/APDp4oyVgtLfIsZKxB51xxN08OxRhHhXks5rQnoFgaJpZM4LdzaT .

Можете ли вы помочь нам с номером проблемы, ссылкой и т. Д., Мы хотели бы понять, что необходимо реализовать? Без четкого технического представления о том, что не так, в редакторе было бы трудно убедить сопровождающих редактора исправить ошибку.

Приносим свои извинения, но без дополнительной информации трудно продолжить, учитывая, что мы хотели бы поддерживать как можно большую доступность.

Проблема, о которой я сообщил разработчикам программы чтения с экрана NVDA:

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

Спасибо вам за все, что вы можете сделать. Я бы хотел иметь возможность
участвовать в Free Code Camp после того, как проблема с доступностью будет решена.
решено.

09.01.2017 12:41 mrugesh mohapatra написал:
>

Можете ли вы помочь нам с вопросом №, ссылкой и т. Д., Мы хотели бы понять
что нужно реализовать? Без четкого технического представления о том, что
неправильно, в редакторе было бы сложно убедить
сопровождающим редактора для исправления.

Приносим свои извинения, но без дополнительной информации трудно продолжить,
учитывая, что мы хотели бы поддерживать как можно большую доступность.

-
Вы получаете это, потому что вас упомянули.
Ответьте на это письмо напрямую, просмотрите его на GitHub
https://github.com/FreeCodeCamp/FreeCodeCamp/issues/12431#issuecomment-271367297 ,
или отключить поток
https://github.com/notifications/unsubscribe-auth/APDp4rtyeVvew2edXgWaxr1eICnDpdKxks5rQn9wgaJpZM4LdzaT .

Некоторый поиск в Google привел меня к этому: http://bgrins.github.io/codemirror-accessible/
Возможно, стоит взглянуть

Я не уверен, какой редактор сейчас используется и полезен ли он, но
опыт использования курсов html и css и тестов кода на
www.w3schools.com был вполне доступен для пользователей программ чтения с экрана.

09.01.2017 12:55 Дилан написал:
>

Некоторый поиск в Google привел меня к этому:
http://bgrins.github.io/codemirror-accessible/
Возможно, стоит взглянуть

-
Вы получаете это, потому что вас упомянули.
Ответьте на это письмо напрямую, просмотрите его на GitHub
https://github.com/FreeCodeCamp/FreeCodeCamp/issues/12431#issuecomment-271371504 ,
или отключить поток
https://github.com/notifications/unsubscribe-auth/APDp4p-8xX-xTVF0bqGhOkpAinPMDwNaks5rQoKagaJpZM4LdzaT .

@mjanusauskas Большое спасибо, Мэтью.

Мы изучаем это в первую очередь и в меру наших возможностей ... мы можем немного задержаться, но будьте уверены, мы постараемся придумать какое-то исправление, как только сможем ... тем временем мы приглашаем вас проверить вики статьи на нашем форуме https://forum.freecodecamp.com и серии видео, чтобы продолжить обучение.

/ cc @QuincyLarson

Я только что попробовал демонстрацию CodeMirror Accessible, на которую ссылается @dhcodes . Предположительно это более низкая производительность, хотя я не заметил никакого замедления при работе с файлом JavaScript ~ 10k строк, который они загрузили туда. Самые большие проекты, которые я могу представить в одной текстовой области CodeMirror, будут состоять из 1000 строк, поэтому я не думаю, что замедление - это так уж плохо.

Это сказало, я на рабочем столе.

Возможно, нам стоит посмотреть, можем ли мы иметь в настройках кнопку, которая переключает использование CodeMirror Accessible?

CC @BerkeleyTrue @zersiax

Очень хороший пример того, как такие вещи можно сделать полностью
доступный можно найти на
https://teachaccess.github.io/tutorial/#/3

В понедельник, 9 января 2017 г., в 13:58, Куинси Ларсон [email protected]
написал:

Я только что попробовал демонстрацию CodeMirror Accessible, в которой @dhcodes
https://github.com/dhcodes, связанный с. Якобы это
низкая производительность, хотя при работе с
файл JavaScript ~ 10k строк, который они загрузили туда. Самый большой
проекты, которые я могу представить в единой текстовой области CodeMirror, будут
возможно, 1000 строк, поэтому я не думаю, что замедление - это так уж плохо.

Это сказало, я на рабочем столе.

Возможно, нам стоит посмотреть, можем ли мы иметь в настройках кнопку, которая
переключает использование CodeMirror Accessible?

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

-
Вы получаете это, потому что вас упомянули.
Ответьте на это письмо напрямую, просмотрите его на GitHub
https://github.com/FreeCodeCamp/FreeCodeCamp/issues/12431#issuecomment-271390191 ,
или отключить поток
https://github.com/notifications/unsubscribe-auth/APDp4nMFLf9Ou0z2oNBFLPZdcxZwxMoOks5rQpFPgaJpZM4LdzaT
.

Мне нравится этот ресурс, он показывает рабочий пример ... он использует contentEditable под капотом?

Я так подозреваю, но не уверен.
В настоящее время я использую довольно утомительную работу для решения каждой задачи.
для выбора всего содержимого в редакторе CodeMirror> вставить в NotePad ++>
внести необходимые правки> Выбрать все и скопировать> Вставить в редактор CodeMirror>
Отправить.
Очевидно, это очень плохой и неэффективный опыт для пользователей программ чтения с экрана.

В вс, 22 января 2017 г., в 16:19, Флориан Бейерс [email protected]
написал:

Мне нравится этот ресурс, он показывает рабочий пример ... он использует
contentEditable под капотом?

-
Вы получаете это, потому что вас упомянули.
Ответьте на это письмо напрямую, просмотрите его на GitHub
https://github.com/freeCodeCamp/freeCodeCamp/issues/12431#issuecomment-274364439 ,
или отключить поток
https://github.com/notifications/unsubscribe-auth/APDp4hHGQh0qVNCHAFDmlUzwq8u8DPIPks5rU9X5gaJpZM4LdzaT
.

После использования упомянутой утомительной работы для завершения HTML, CSS
и проблемы с Bootstrap. Я был разочарован, обнаружив, что следующий
Задача создания базовой веб-страницы посвящения использует CodePen.

CodePen, похоже, имеет схожие серьезные проблемы с доступностью.
редактор. Очень неприятно для пользователя программы чтения с экрана.

22 января 2017 г., 16:19 Флориан Бейерс написал:
>

Мне нравится этот ресурс, он показывает рабочий пример ... он использует
contentEditable под капотом?

-
Вы получаете это, потому что вас упомянули.
Ответьте на это письмо напрямую, просмотрите его на GitHub
https://github.com/freeCodeCamp/freeCodeCamp/issues/12431#issuecomment-274364439 ,
или отключить поток
https://github.com/notifications/unsubscribe-auth/APDp4hHGQh0qVNCHAFDmlUzwq8u8DPIPks5rU9X5gaJpZM4LdzaT .

@mjanusauskas мы предлагаем Codepen для встроенного текстового редактора и быстрого рендеринга. Однако я не думаю, что мы ограничимся только Codepen. Чтобы завершить свой проект, все, что вам нужно отправить, - это URL-адрес вашего запущенного проекта. Поэтому не стесняйтесь использовать любую услугу хостинга для рендеринга ваших проектов. Альтернативой является использование страниц GitHub https://pages.github.com/.

Примечание для участников, желающих помочь, вот ресурс, который может помочь решить эту проблему http://bgrins.github.io/codemirror-accessible/

Я немного разобрался в этом. Похоже, TeachAccess использует компонент редактора из exerslide . Насколько я могу судить, он копирует весь контент в текстовое поле.

Еще кое-что, с чем я столкнулся во время работы над # 12828, -
Я думал, что поддержка contentEditable браузером не должна быть проблемой, но я нашел этот комментарий в их беседе , в котором говорится, что в старых браузерах есть ошибки. Однако они заявляют, что это стандартная установка на мобильных устройствах, и там у нас все работает нормально. Я думаю, что у нас должно быть все в порядке, используя эту опцию (у них она есть уже два года).
Единственное отличие, которое я смог заметить в своем быстром тесте, заключается в том, что курсор меняет цвет в зависимости от выделения синтаксиса.
Я не являюсь опытным пользователем программ чтения с экрана, но насколько я могу судить, это отлично работает с NVDA.

Должен ли я представить это как PR?

@mjanusauskas @zersiax У вас есть какие-нибудь советы по

Если кому-то нужен еще один пример того, как это должно работать, я только что наткнулся на онлайн-среду Orion IDE, которая делает чертовски много того, что я хотел бы от такой системы. Я сомневаюсь, что это открытый исходный код

@QuincyLarson да, пришлите мне ссылку на песочницу, где у вас это работает? Я закружу.

@zersiax Привет! Я не уверен, как развернуть версию freeCodeCamp для песочницы. Может быть, Куинси найдет для вас один, или я буду рад помочь вам установить его локально.

Либо работает :) У меня есть среда узлов, мне нужно
отряхни его :)

@zersiax Local, вероятно, является быстрым решением 👍 Вот сокращенная версия руководства по установке (полное руководство - CONTRIBUTING.md ):

1. Убедитесь, что установлены Node v6 и MongoDB v3.
2. Клонировать бесплатно
3. Убедитесь, что MongoDB работает во всем этом
4. Выполните следующие команды в cl freeCodeCamp:

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

1. Ваш локальный экземпляр теперь должен работать на localhost:3000
2. Чтобы проверить мои изменения, остановите gulp и запустите:

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

1. Снова запустите gulp, и вы снова сможете проверить изменения на localhost: 3000

Уф, это было немного сложнее, чем я предполагал.
Хотя, возможно, я напортачил. 😅 Не стесняйтесь писать мне куда угодно, если у вас возникнут проблемы.

Спасибо за информацию. Я буду исследовать страницы GitHub как
возможная альтернатива.

24.01.2017 23:12 Эрик Люнг написал:
>

@mjanusauskas https://github.com/mjanusauskas мы предлагаем Codepen для
встроенный текстовый редактор и быстрый рендеринг. Однако я не думаю
мы ограничиваем его только Codepen. Чтобы завершить свой проект, все, что вам нужно
submit - это URL-адрес вашего запущенного проекта. Так что не стесняйтесь использовать
любая хостинговая служба для рендеринга ваших проектов. Альтернатива -
используйте страницы GitHub https://pages.github.com/.

Примечание для участников, желающих помочь: вот ресурс, который может
помогите решить эту проблему http://bgrins.github.io/codemirror-accessible/

-
Вы получаете это, потому что вас упомянули.
Ответьте на это письмо напрямую, просмотрите его на GitHub
https://github.com/freeCodeCamp/freeCodeCamp/issues/12431#issuecomment-275020850 ,
или отключить поток
https://github.com/notifications/unsubscribe-auth/APDp4lJ8-omlWG3Xbt5soRKVVFYaKYMJks5rVtm1gaJpZM4LdzaT .

Да, буду рад помочь с тестированием и / QA.

25.01.2017 6:39 Тимо написал:
>

Я немного разобрался в этом. Похоже, что TeachAccess использует
компонент редактора из exerslide
https://github.com/facebookincubator/exerslide/blob/master/packages/exerslide/components/Editor.js .
Насколько я могу судить, он копирует весь контент в
текстовое поле.

Еще кое-что, с чем я столкнулся во время работы над # 12828
https://github.com/freeCodeCamp/freeCodeCamp/issues/12828 - это
Параметр inputStyle в CodeMirror
https://codemirror.net/doc/manual.html#option_inputStyle . Этот
позволяет переключить редактор на использование contentEditable.
Я думал, что браузер поддерживает contentEditable
http://caniuse.com/#search=contentEd не должно быть проблемой, но я
нашел этот комментарий в их беседе
https://discuss.codemirror.net/t/inputstyle-contenteditable-we-may-hope-for-browser-spell-checking/608/2 ,
в котором говорится, что он глючит в старых браузерах. Они утверждают, что это все
по умолчанию на мобильных устройствах, и он отлично работает для нас
там. Я думаю, что у нас все должно получиться, используя эту опцию (у них она была
два года назад).
Единственное отличие, которое я смог заметить в своем быстром тесте, это то, что
курсор меняет цвет в зависимости от выделения синтаксиса.
Я не опытный пользователь программы чтения с экрана, но из того, что я могу сказать, это
отлично работает с NVDA.

Должен ли я представить это как PR?

@mjanusauskas https://github.com/mjanusauskas @zersiax
https://github.com/zersiax У вас есть какие-нибудь советы, что мне следует
контрольная работа? Вы бы хотели помочь с обеспечением качества?

-
Вы получаете это, потому что вас упомянули.
Ответьте на это письмо напрямую, просмотрите его на GitHub
https://github.com/freeCodeCamp/freeCodeCamp/issues/12431#issuecomment-275097352 ,
или отключить поток
https://github.com/notifications/unsubscribe-auth/APDp4oqMSgwyJUBVxfaYDkwWaP23NDqMks5rV0JzgaJpZM4LdzaT .

+1. На данный момент было бы полезно добавить скрытую инструкцию, которую могут прочитать только программы чтения с экрана, в которой говорится, как справиться с этой проблемой (скопировать в другой редактор, отредактировать там, скопировать обратно).

Как долго мы это ожидаем? Вы можете добавить класс только для .sr в
диапазон, содержащий этот текст, но если мы оставим его там слишком долго
кто-то где-то забудет об этом и будет просто сидеть
там, потому что вы, ребята, на самом деле не видите это сообщение :)

Недавно я столкнулся с этой же проблемой как на CodePen.com, так и на EdX.org.

Похоже, что у EdX есть доступное решение, и я включаю
их комментарии здесь:

Мы используем редактор с открытым исходным кодом под названием CodeMirror.
(https://codemirror.net/). Нам пришлось внести в него некоторые изменения, чтобы
заставить его работать на платформе edX. Некоторые из этих модификаций включены
некоторые улучшения доступности, поэтому у пользователя может не быть того же
опыт работы на других сайтах, использующих CodeMirror. Потому что нам пришлось
настроить его для edX, мы не смогли отправить наши изменения вверх по течению.
Однако CodeMirror активно работает над исправлением этих проблем.
в их репозиторий github. Еще одно изменение, которое мы внесли
к нашей вилке CodeMirror входит программа чтения с экрана и клавиатура
пользовательские инструкции, которые предшествуют редактору в порядке TAB. В
Пользователь должен знать, что он может дважды нажать клавишу ESC, а затем TAB
чтобы переместить фокус за пределы редактора. Это необходимо, потому что в коде
редактор, очень часто пользователи хотят вставить последовательность TAB,
и НЕ перемещать текущий фокус клавиатуры, что делает клавиша TAB
по умолчанию.

31.01.2017 16:01 Флориан Бейерс написал:

Как долго мы это ожидаем? Вы можете добавить класс только для .sr в
диапазон, содержащий этот текст, но если мы оставим его там слишком долго
кто-то где-то забудет об этом и будет просто сидеть
там, потому что вы, ребята, на самом деле не видите это сообщение :)

-
Вы получаете это, потому что вас упомянули.
Ответьте на это письмо напрямую, просмотрите его на GitHub
https://github.com/freeCodeCamp/freeCodeCamp/issues/12431#issuecomment-276506570 ,
или отключить поток
https://github.com/notifications/unsubscribe-auth/APDp4h-s2_aSFUDNSIRXnc8v7bmlNqhnks5rX69UgaJpZM4LdzaT .

Вот еще один пример рабочего решения этой критической проблемы:

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

31.01.2017 16:01 Флориан Бейерс написал:

Как долго мы это ожидаем? Вы можете добавить класс только для .sr в
диапазон, содержащий этот текст, но если мы оставим его там слишком долго
кто-то где-то забудет об этом и будет просто сидеть
там, потому что вы, ребята, на самом деле не видите это сообщение :)

-
Вы получаете это, потому что вас упомянули.
Ответьте на это письмо напрямую, просмотрите его на GitHub
https://github.com/freeCodeCamp/freeCodeCamp/issues/12431#issuecomment-276506570 ,
или отключить поток
https://github.com/notifications/unsubscribe-auth/APDp4h-s2_aSFUDNSIRXnc8v7bmlNqhnks5rX69UgaJpZM4LdzaT .

Привет

_Отправлено с моего Samsung SM-A520F через FastHub _

_Отправлено с моего Samsung SM-A520F через FastHub _

Привет,
Я думаю, что теперь могу следовать этим инструкциям, когда у меня есть локальный сайт. Я почти уверен, что мне нужно следовать части, в которой рассказывается, как синхронизировать этот репозиторий с моим. Это верно? И если я что-то делаю не так, я не знаю, как это исправить. Немного тревожно. :)

Только что увидел, что это действительно главная проблема. Поскольку у меня четыре программы чтения с экрана, и если я могу следовать инструкциям, чтобы установить это на моем компьютере, я буду рад это протестировать.

Чтобы сократить время обучения, если вы заинтересованы в приобретении программы чтения с экрана для игры, см. Ниже. И это ни в коем случае не считается оскорбительным, но кто-то, у кого есть сайт, не будет быстро использовать программу чтения с экрана с первой попытки или даже намного позже, потому что концепции настолько чужды вам. Я был бы более чем счастлив проверить любые проблемы с доступностью, связанные с чем-либо, кроме цвета. просто упомяните меня или напишите мне по электронной почте. Если я увижу сообщение, я найду время.

Для определения цветового контраста найдите инструмент под названием Color Contrast Analyzer и посетите http://www.webaim.org, чтобы найти статьи о том, как его использовать.

На ПК лучшей программой чтения с экрана и браузером будет NVDA и Firefox, последняя стабильная версия. Это связано с тем, что NVDA - это программа для чтения с экрана, которая больше всего зависит от API специальных возможностей, а Firefox - это браузер для ПК, который предоставляет наиболее чистую реализацию API специальных возможностей. В этом суть объяснения.

См. Http://www.nvda-project.org для загрузки и настройки NVDA.

После настройки для простоты использования перейдите в диалоговое окно «Клавиатура» и установите макет ноутбука, затем перейдите в диалоговое окно «Режим обзора» и снимите флажок «Использовать макет экрана».

Как только вы обо всем позаботитесь, вам больше не нужно слушать, как NVDA говорит, чтобы проводить тестирование как зрячий человек. Запустите его, откройте NVDA, выберите «Инструменты», затем «Просмотр речи». Припаркуйте это окно, чтобы вы могли видеть в нем текст и содержимое в браузере. Измените размер окна по своему усмотрению, а затем, когда вы выходите в Интернет, используйте в основном клавиши со стрелками вверх и вниз, чтобы читать строку за строкой, как если бы вы перемещались по документу Блокнота. Внимательно следите за окном программы просмотра речи, и вы увидите там обновление текста. Текст в программе просмотра речи соответствует тому, что сказала бы NVDA, если бы она говорила.

Все эти знания будут только интересными, но не полезными для вас, потому что, честно говоря, вы все еще не знаете, что должно произойти, поэтому я все равно буду рад протестировать любые исправления доступности, о которых я узнаю здесь.

Конечно, это из эгоистичных соображений, потому что я хочу быть первым слепым человеком, который прошел весь путь через FCC, а затем я хочу использовать эти знания, чтобы помочь с доступностью для других слепых разработчиков, и увидеть, как больше из них станут веб-разработчиками , и помогать людям со всеми видами инвалидности. И кто знает, возможно, я даже найду лучшую работу или буду зарабатывать деньги вне своей основной работы.

@jhomme Спасибо за подробности об используемых вами программах чтения с экрана.

Когда я использую Fangs в FireFox и посещаю этот URL: https://www.freecodecamp.org/challenges/inform-with-the-paragraph-element

вывод программы чтения с экрана:

Страница имеет один фрейм, четыре заголовка и двадцать пять ссылокИнформация с помощью вертикальной черты элемента абзаца freeCodeCamp dash Internet ExplorerLinkGraphiclearn, чтобы кодировать javascript на freeCodeCamp logoСписок из семи элементовbulletLink MapbulletbulletLink ForumbulletLink ContributebulletLink AboutbulletLink DonatebulletLink Sign in the Paragraph level the Parameters end предпочтительный элемент для текста абзаца обычного размера тире на веб-сайтах. P - это сокращение от цитата абзаца цитаты. Вы можете создать элемент ap, подобный этому двоеточию, меньше p, больше тега I'm ap! меньше слэш p больше Создайте элемент ap под вашим элементом htwo и дайте ему текстовую кавычку Hello Paragraph quote. Запустить тесты left paren ctrl + enter right paren Сбросить кодСсылка Получить подсказку Обратиться за помощью на форумеСсылка Войдите, чтобы сохранить свой прогресс Создайте элемент ap. Ваш элемент p должен иметь текстовую цитату Hello Paragraph quote. Убедитесь, что у вашего элемента p есть закрывающий тег. Редактировать четыре, один, два, меньше, точнее, лучше Hello World, меньше косой черты, больше, три, меньше, два, больше CatPhotoApp, меньше косой черты, два, больше четыре.

Если я правильно понимаю, это содержимое редактора кода, отображаемое программой чтения с экрана:

один два меньше точить больше Hello World меньше косой черты больше три меньше два больше CatPhotoApp меньше косой черты два больше четыре

Так что для программы чтения с экрана Fangs это не проблема. Вы испытываете это со всеми четырьмя программами чтения с экрана или только с некоторыми из них?

Между прочим, я приветствую ваше стремление стать первым слепым, прошедшим весь путь через freeCodeCamp! Мы сделаем все возможное, чтобы помочь вам воплотить эту цель в жизнь.

привет Куинси,

Я испытываю это с JAWS и NVDA на ПК, закадровый голос на Mac. Я не испытываю этого с VoiceOver на IOS. Не понимаю почему. Других программ чтения с экрана пока не пробовал. Я мог бы попробовать экранный диктор и TalkbBack.

23 августа 2017 г. в 0:01 Куинси Ларсон [email protected] написал:

@jhomme Спасибо за подробности об используемых вами программах чтения с экрана.

Когда я использую Fangs в FireFox и посещаю этот URL: https://www.freecodecamp.org/challenges/inform-with-the-paragraph-element

вывод программы чтения с экрана:

Страница имеет один фрейм, четыре заголовка и двадцать пять ссылокИнформация с помощью вертикальной черты элемента абзаца freeCodeCamp dash Internet ExplorerLinkGraphiclearn, чтобы кодировать javascript на freeCodeCamp logoСписок из семи элементовbulletLink MapbulletbulletLink ForumbulletLink ContributebulletLink AboutbulletLink DonatebulletLink Sign in the Paragraph level the Parameters end предпочтительный элемент для текста абзаца обычного размера тире на веб-сайтах. P - это сокращение от цитата абзаца цитаты. Вы можете создать элемент ap, подобный этому двоеточию, меньше p, больше тега I'm ap! меньше слэш p больше Создайте элемент ap под вашим элементом htwo и дайте ему текстовую кавычку Hello Paragraph quote. Запустить тесты left paren ctrl + enter right paren Сбросить кодСсылка Получить подсказку Обратиться за помощью на форумеСсылка Войдите, чтобы сохранить свой прогресс Создайте элемент ap. Ваш элемент p должен иметь текстовую цитату Hello Paragraph quote. Убедитесь, что у вашего элемента p есть закрывающий тег. Редактировать четыре, один, два, меньше, точнее, лучше Hello World, меньше косой черты, больше, три, меньше, два, больше CatPhotoApp, меньше косой черты, два, больше четыре.

Если я правильно понимаю, это содержимое редактора кода, отображаемое программой чтения с экрана:

один два меньше точить больше Hello World меньше косой черты больше три меньше два больше CatPhotoApp меньше косой черты два больше четыре

Так что для программы чтения с экрана Fangs это не проблема. Вы испытываете это со всеми четырьмя программами чтения с экрана или только с некоторыми из них?

Между прочим, я приветствую ваше стремление стать первым слепым, прошедшим весь путь через freeCodeCamp! Мы сделаем все возможное, чтобы помочь вам воплотить эту цель в жизнь.

-
Вы получаете это, потому что вас упомянули.
Ответьте на это письмо напрямую, просмотрите его на GitHub или отключите обсуждение.

@jhomme По какой-то причине я не могу найти комментарий, где вы объясняете, с чем вы сталкиваетесь. Что, кажется, офицер, проблема?

Привет Флориан,
Различные программы чтения с экрана не говорят при попытке навигации или ввода
в редакторе на сайте. Они просто произносят слово «пустой». Они говорят,
правда, при выделении текста.

Джим

23.08.17 Флориан Бейджерс на [email protected] написал:

@jhomme По какой-то причине я не могу найти комментарий, где вы объясняете, что это
вы сталкиваетесь. Что, кажется, офицер, проблема?

-
Вы получаете это, потому что вас упомянули.
Ответьте на это письмо напрямую или просмотрите его на GitHub:
https://github.com/freeCodeCamp/freeCodeCamp/issues/12431#issuecomment -324309958

-

Джим Хомм
http://www.jimhommewebdev.com
Twitter: @jimhomme
Facebook: http://www.facebook.com/jimhomme
LinkedIn: https://www.linkedin.com/in/jimhomme

Ага, похоже, это все еще проблема. Как вы можете видеть в этой теме, это связано с тем, что CodeMirror недоступен. Самый простой способ обойти это на данный момент - скопировать и вставить код в редактор, например NotePad ++ или EdSharp, если вам необходимо: P, затем внесите изменения, а затем вставьте его обратно в редактор FCC. Утомительно, но вроде работает :)

Я только что нашел полностью доступный редактор HTML-кода с открытым исходным кодом. Можно ли заменить нынешнюю на эту? https://pode.herokuapp.com/ Для проблем с CodePen, поскольку CodePen недоступен, могут ли быть альтернативные инструкции для пользователей вспомогательных технологий по использованию этого веб-сайта?

Привет,
См. Пост ниже и тот, к которому он ведет. CodePen выполним и улучшается. С конструктивной обратной связью они станут лучше.

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

27 декабря 2017 г. в 17:17 inscriptioelectronicaaustralia [email protected] написал:

Я только что нашел полностью доступный редактор HTML-кода с открытым исходным кодом. Можно ли заменить нынешнюю на эту? https://pode.herokuapp.com/ Для проблем с CodePen, поскольку CodePen недоступен, могут ли быть альтернативные инструкции для пользователей вспомогательных технологий по использованию этого веб-сайта?

-
Вы получаете это, потому что вас упомянули.
Ответьте на это письмо напрямую, просмотрите его на GitHub или отключите обсуждение.

@zersiax Спасибо, что

@inscriptioelectronicaaustralia Вскоре мы поддержим создание проектов прямо на freeCodeCamp, так что относительно недоступный интерфейс CodePen не будет такой большой проблемой. Нам просто нужно исправить проблемы с CodeMirror, библиотекой с открытым исходным кодом, в которую мы потенциально можем внести свой вклад.

Куинси, хорошо, что проекты скоро можно будет строить на Free Code Camp.

Я только что просмотрел темы Code Mirror на GitHub, относящиеся к этому, и они думают, что это большая работа, чтобы заставить эту работу работать с программами чтения с экрана, поэтому могут ли люди, участвующие в этой теме, или они сами решить проблему, приведет к беспроигрышная ситуация не только для нас, но и для других сайтов, использующих Code Mirror.

Глядя на ситуацию гипотетически, есть ли много недостающих функций в инструменте Pode, о котором я упоминал выше, которые повлияли бы на Free Code Camp, если бы он был реализован в качестве замены Code Mirror?

Привет,
Выражаю искреннюю признательность людям, которые занимаются этим. Я двигаюсь к тому, чтобы фактически закончить JavaScript прямо сейчас, и не могу дождаться, когда смогу написать настоящий код, который поможет людям, особенно FreeCodeCamp.

Джим

От: inscriptioelectronicaaustralia [mailto: [email protected]]
Отправлено: четверг, 28 декабря 2017 г., 2:08
Кому: freeCodeCamp / freeCodeCamp [email protected]
Копия: Джим Хомм [email protected] ; Упомяните упоминание@noreply.github.com
Тема: Re: [freeCodeCamp / freeCodeCamp] Содержимое редактора не может быть просмотрено программами чтения с экрана (# 12431)

Куинси, хорошо, что проекты скоро можно будет строить на Free Code Camp.

Я только что просмотрел темы Code Mirror на GitHub, относящиеся к этому, и они думают, что это большая работа, чтобы заставить эту работу работать с программами чтения с экрана, поэтому могут ли люди, участвующие в этой теме, или они сами решить проблему, приведет к беспроигрышная ситуация не только для нас, но и для других сайтов, использующих Code Mirror.

Глядя на ситуацию гипотетически, есть ли много недостающих функций в инструменте Pode, о котором я упоминал выше, которые повлияли бы на Free Code Camp, если бы он был реализован в качестве замены Code Mirror?

-
Вы получаете это, потому что вас упомянули.
Ответьте на это электронное письмо напрямую и просмотрите его на GitHub https://github.com/freeCodeCamp/freeCodeCamp/issues/12431#issuecomment-354240665 или отключите поток https://github.com/notifications/unsubscribe-auth/AdDz24NBYQr6hKSp4ksp_HsEnO .

@inscriptioelectronicaaustralia CodeMirror - это широко используемый проект с множеством функций, которые мы используем. Я скептически отношусь к тому, что Pode может делать все, что делает CodeMirror. Думаю, лучший вариант - это патчить CodeMirror.

Хотя я согласен с тем, что исправление CodeMirror является наиболее, назовем его эффективным способом решения проблемы, мы должны оставаться в некоторой степени реалистичными.
Эта проблема существует в течение всего этого года, это годичный бар уже несколько недель, и я ныть и рычать об этой проблеме уже как минимум два, может быть, даже три года. И это действительно проблема; Каждый раз, когда я решаю снова попробовать FCC, меня отталкивает явное раздражение от необходимости обходить эти проблемы. Легкость, низкий порог входа и простота кодирования и просмотра обновлений предварительного просмотра в реальном времени в браузере по мере того, как вы кодируете, просто неприменимы к людям, использующим программы чтения с экрана в настоящее время, что во многом делает freecodecamp эффективным и, смею сказать, очаровательный.
CodeMirror ударил себя в ногу, сосредоточившись в основном на графическом рендеринге кода с высокой производительностью, почти полностью отказавшись от прежних стандартных операций DOM. Если вы посмотрите вокруг, даже WordPress страдает от этой проблемы, и они еще не нашли подходящего способа ее решения; фактически он помешал им реализовать codeMirror в качестве редактора WordPress по умолчанию в WP, и если этот редактор действительно реализован по умолчанию, необходимо будет реализовать отказ для администраторов WordPress с ослабленным зрением, чтобы полностью не нарушить работу администратора для этих людей. CodeMirror вряд ли будет исправлен в ближайшее время.
Бегло взглянув на Pode, кажется, что это в первую очередь редактор для HTML и, к сожалению, не приближается к функциональности CodeMirror, поэтому, к сожалению, я не думаю, что это возможно.
У этой проблемы нет простого решения, и исправление - еще менее хорошая идея, если посмотреть на эту проблему: https://github.com/codemirror/CodeMirror/issues/4604
Единственная временная мера, о которой я могу думать, - это иметь какой-то способ рендеринга содержимого CM в обычное текстовое поле и отразить изменения, внесенные в это текстовое поле в CM, возможно, когда обнаруживается нажатие клавиши табуляции или когда ctrl + enter preseed для запуска кода. До тех пор, пока CodeMirror не будет либо исправлен (что не вызывает сомнения в отношении упомянутой выше проблемы, но маловероятно, учитывая послужной список), либо отброшен для другого редактора с аналогичными функциями, я не думаю, что что-то еще можно сделать в короткие сроки.

Куинси, я понимаю, что CodeMirror явно является лучшим решением (я думаю, что Pode был сделан очень простым, поскольку он был предназначен только для начинающих), и было бы идеально сделать его доступным, если это возможно. Причина, по которой я спросил, каких функций не хватает Pode, заключается в том, что, как только текст в полях редактирования CodeMirror может быть прочитан программами чтения с экрана, если CodeMirror использует какие-либо другие визуальные функции для помощи в кодировании, они также должны в конечном итоге стать доступными, если это возможно.
Я думал о других способах решения этой проблемы, и я подумал, что кто-нибудь может создать сценарии для программы чтения с экрана JAWS для Windows и / или, если возможно, надстройку для программы чтения с экрана NVDA (VoiceOver для macOS не позволяет создавать сценарии Я думаю), что когда пользователь вводит текстовое поле CodeMirror, текст, который уже был там, будет скопирован в текстовый буфер JAWS или NVDA, который затем можно будет редактировать, и нажатием клавиши отправляется обратно в редактор. В идеале это «специальное» текстовое поле дало бы доступ ко всем другим важным функциям, которые предлагает CodeMirror. JAWS использует проприетарный язык сценариев, который позволяет создавать сценарии для домена, а NVDA использует Python для создания надстроек, но я не уверен, можно ли создать для этого средства чтения с экрана специфичные для домена.

@inscriptioelectronicaaustralia @zersiax @jhomme Похоже, читая https://github.com/codemirror/CodeMirror/issues/4604#issuecomment -349920743, @marijnh планирует перейти к редактируемому контенту, что должно сделать CodeMirror более удобным в использовании. Я прокомментировал проблему, спрашивая, можем ли мы чем-нибудь помочь.

В худшем случае мы могли бы создать «режим доступности», который позволит отдыхающим переключаться с CodeMirror на Pode в настройках, считая, что это будет неопределенно большой объем работы.

Подождем и посмотрим, что скажет @marijnh .

Я прочитал ответ marijnh, и мне кажется, что пройдет некоторое время, прежде чем мы получим доступ. Следует также принять во внимание то, что, к сожалению, даже когда люди говорят «несколько месяцев», это редко относится к доступности, поскольку слишком часто она имеет очень низкий приоритет. Я не говорю, что так думают разработчики CodeMirror, но это очень тревожная общемировая тенденция. Я видел примеры, когда люди говорят «несколько месяцев», и это превращается в еще несколько месяцев ... затем еще несколько ... и я думаю, вы уловили картину.
Поскольку по-прежнему можно использовать редактор кода как есть, я думаю, что подождать несколько месяцев, вероятно, является лучшим подходом, но если мы дойдем до июня и ничего не изменится, возможно, стоит подумать о другом решении. Что думают другие?

Я видел примеры, когда люди говорят «несколько месяцев», и это превращается в еще несколько месяцев ... потом еще несколько ...

Никто ничего не обещал через несколько месяцев, за исключением того, что начнется работа над новым подходом, разработка которого определенно потребует времени.

Привет @marijnh

Спасибо, что рассмотрели переработку CodeMirror, и мы искренне понимаем наши усилия, поскольку все является открытым исходным кодом.

Поскольку мы сами являемся некоммерческой организацией, дайте нам знать, если вам понадобится помощь в кодировании (на безвозмездной основе) со стороны разработчиков нашего сообщества в этих усилиях, мы всегда готовы помочь вам в этих усилиях, чем мы можем.

Проверенное в боях знание проекта CM (и его участников) бесценно, и поэтому мы готовы помочь в этом усилии, если вы предоставите нам подробные сведения о проблеме, зарегистрированной в репозитории CodeMirror.

Привет @inscriptioelectronicaaustralia

... но если до июня ничего не изменилось, возможно, стоит подумать о другом решении.

Мы искренне понимаем и разделяем разочарование, и мы готовы приложить усилия для поиска любого возможного решения, но ИМХО, помочь CM стать лучше в любой ситуации - это хорошее дело.

Я думаю, что усилия потрачены не зря, поскольку мы будем помогать не только сообществу freeCodeCamp, но и везде, где CM используется для большего блага, а также везде.

Тем не менее,

Приведенный выше анализ

Бегло взглянув на Pode, кажется, что это в первую очередь редактор для HTML и, к сожалению, не приближается к функциональности CodeMirror, поэтому, к сожалению, я не думаю, что это возможно.

Единственная временная мера, о которой я могу думать, - это иметь какой-то способ рендеринга содержимого CM в обычное текстовое поле и отразить изменения, внесенные в это текстовое поле в CM, возможно, когда обнаруживается нажатие клавиши табуляции или когда ctrl + enter preseed для запуска кода. До тех пор, пока CodeMirror не будет либо исправлен (что не вызывает сомнения в отношении упомянутой выше проблемы, но маловероятно, учитывая послужной список), либо отброшен для другого редактора с аналогичными функциями, я не думаю, что что-то еще можно сделать в короткие сроки.

Мы должны начать рассмотрение внедрения временного решения, пока мы уточняем у команды CM, как мы можем им помочь.

если вам понадобится помощь в кодировании

Наиболее полезным будет участие пользователей программ чтения с экрана и / или экспертов по специальным возможностям из вашего сообщества, которые помогут протестировать наш новый прототип, как только он будет у нас, чтобы проблемы можно было обнаружить и решить на ранней стадии. Мы сделаем объявление, когда у нас будет что показать - если вы хотите убедиться, что вы уведомлены, вы можете отправить мне электронное письмо с контактными данными.

@svinkle Я был бы признателен за ваш вклад в этот простой вопрос.

Предлагает ли временный интервал что-то, что могло бы работать, пока проблема content-editable будет решена в восходящем направлении?

Единственная временная мера, о которой я могу думать, - это иметь какой-то способ рендеринга содержимого CM в обычное текстовое поле и отразить изменения, внесенные в это текстовое поле в CM, возможно, когда обнаруживается нажатие клавиши табуляции или когда ctrl + enter preseed для запуска кода. До тех пор, пока CodeMirror не будет либо исправлен (что не вызывает сомнения в отношении упомянутой выше проблемы, но маловероятно, учитывая послужной список), либо отброшен для другого редактора с аналогичными функциями, я не думаю, что что-то еще можно сделать в короткие сроки.

Если я правильно понимаю подход, содержимое редактора CM загрузится в виде textarea а textarea будет использоваться для редактирования содержимого. Затем при обновлении / сохранении содержимое textarea будет отражено в редакторе CM.

Будет ли редактор CM скрыт от просмотра? Я предполагаю, что для просмотра будет только textarea , иначе наличие двух областей редактирования может сбить с толку.

Привет, @QuincyLarson и все участники,

Большое спасибо за отзывы и соображения в поиске решения.

Есть еще одно соображение, которое мы затронули, и я только что осознал его в ходе некоторых обсуждений с по отдельной теме о CM , прежде чем мы продолжим любое исправление обезьяны с другим текстовым полем. 😓

В бета-версии (наш новый интерфейс реагирования) мы не зависим напрямую от CodeMirror, а зависим от компонента реагирования react-codemirror который представляет собой легкую оболочку поверх CM. Это так, потому что нам это нужно для работы с нашей бета-платформой.

Возможно, нам придется обновить это до другого компонента когда-нибудь в будущем, но это говорит о том, что ни один из этих обсуждаемых компонентов не имеет такой же поддержки, как в родительском CM, на котором заключена их функциональность.

Так что обезьяна-патч может быть нетривиальной задачей.

@raisedadead Спасибо, что указали на это. Мы подождем, пока CodeMirror обновит доступность, а затем оценим процесс исправления обезьяны.

Мы рады сообщить, что перешли на редактор Monaco на нашей обучающей платформе. Имеет встроенный.

Мы очень любим CodeMirror и благодарим @marijnh за

Спасибо @zersiax , @mjanusauskas , @inscriptioelectronicaaustralia и всем за участие и за то, что сделали платформу более доступной.