(function(m,e,t,r,i,k,a){m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)}; m[i].l=1*new Date(); for (var j = 0; j < document.scripts.length; j++) {if (document.scripts[j].src === r) { return; }} k=e.createElement(t),a=e.getElementsByTagName(t)[0],k.async=1,k.src=r,a.parentNode.insertBefore(k,a)}) (window, document, "script", "https://mc.yandex.ru/metrika/tag.js", "ym"); ym(93790508, "init", { defer: true, clickmap:true, trackLinks:true, accurateTrackBounce:true }); ym(93790508, 'hit', window.location.href);

Ученые разработали новый инструмент для чтения и редактирования кода. Он поможет слепым и слабовидящим программистам

Grid Editor — бесплатный инструмент для людей с ограниченными возможностями в области зрения, придуманный и протестированный учеными из Пенсильванского университета. Лучше всего он работает с браузером Chrome и программой чтения с экрана NVDA.

Как работает Grid Editor

Grid Editor помогает изучать и редактировать уже существующий код, а не создавать собственный с нуля. Это важно для разработчиков, которые регулярно обновляют ПО и «допиливают» продукт, а также для начинающих специалистов, которые учатся на чужих примерах. Инструмент пока поддерживает только Python, но разработчики обещают, что скоро добавят и другие языки программирования.

Представление кода в Grid Editor. Источник: Penn State

Слева на изображении — стандартный вид кода. Справа — Grid Editor, который автоматически трансформирует его в таблицу. Количество строк соответствует строкам в обновляемом коде, а количество столбцов — уровням кода. Так у пользователей появляется условная карта, перемещаться по которой они могут с помощью сочетаний клавиш и стрелок, а также встроенных звуковых сигналов.

«Слепым и слабовидящим программистам трудно угнаться за зрячими коллегами. Из-за этого менее одного процента слепых пользователей ПК или студентов изучают программирование. Мы разработали Grid Editor, чтобы помочь им преодолеть эти трудности», — рассказал доцент кафедры информационных наук и технологий и главный исследователь проекта Сайед Билла.

Grid Editor использует не только разбивку по ячейкам и выделение яркими цветами. Так, например, голосовой помощник подсказывает пользователям, что они дошли до отступов или скобок.

Сайед Билла сравнил программирование для слабовидящих людей с прогулкой: оступиться гораздо сложнее, если кто-то сопровождает тебя на этом пути. Источник: Android-Robot

В инструменте есть и другие звуковые подсказки: Grid Editor озвучивает, что пользователь достиг границ сетки, а также может назвать ячейку, в которой находится курсор. Такие решения упрощают навигацию по коду.

Как тестировали инструмент

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

Стартовое окно Grid Editor. Источник: сайт инструмента

Участники использовали как простой текстовый редактор, так и Grid Editor для выполнения различных задач в программировании. Исследователи наблюдали за активностью специалистов и измеряли их точность и эффективность. В среднем участники работали быстрее, точнее ориентировались и делали меньше ошибок при использовании Grid Editor по сравнению с традиционным редактором кода.

Подпишитесь на блог Selectel, чтобы не пропустить обзоры, новости, кейсы и полезные гайды из мира IT.

Читайте также:

0
20 комментариев
Написать комментарий...
Олег Смоленский

Интересно и познавательно, спасибо)

Ответить
Развернуть ветку
Selectel
Автор

Спасибо за внимание! 🦖

Ответить
Развернуть ветку
Олег Ульянов

Мне тоже было интересно, подписался

Ответить
Развернуть ветку
Selectel
Автор

Спасибо за внимание к нашему блогу, мы вам очень рады ❤️

Ответить
Развернуть ветку
Sarmat Bagayev

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

Ответить
Развернуть ветку
Selectel
Автор

Согласны с вами! Это действительно очень нужная инициатива.

Ответить
Развернуть ветку
Сергей Коновалов

Писал подобную штуку лет двадцать назад - там исходник представляться в виде иерархического дерева - http://kazus.ru/programs/download/1007/
Помогало читать плохоструктурированный код.
Представлять в виде таблицы - жестковато.
О.. мыло указано ещё до эпохи одноклассников :)

Ответить
Развернуть ветку
Selectel
Автор

Код в виде иерархического древа — очень крутой инструмент!
Спасибо вам, что поделились. И классно, что смогли раскопать такую реликвию 🦖

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

Ответить
Развернуть ветку
Dmitry Susak

Что сказать. Браво разработчикам.

Ответить
Развернуть ветку
Selectel
Автор

Присоединяемся к восхищению.)

Ответить
Развернуть ветку
Артём Крючков

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

Ответить
Развернуть ветку
Бадан Стас

Разработчикам огромный респект. Действительно круто)

Ответить
Развернуть ветку
Максим Федоров

честно: не понятно, как этим пользоваться

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

может блоксхемы простые старые проще помогут?

Ответить
Развернуть ветку
Kirill Vlasov

Оно для использования со скринридерами, а не для тех у кого просто зрение плохое.

Ответить
Развернуть ветку
Борис Супонев

только если голосовой помощник все будет озвучивать

Ответить
Развернуть ветку
Selectel
Автор

Согласны, без голосового помощника сложно с любым форм-фактором(

Ответить
Развернуть ветку
Selectel
Автор

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

Вы не пробовали протестировать инструмент ради интереса?

Идея с блок-схемами звучит действительно удобно)

Ответить
Развернуть ветку
Artem Petrenkov

Блок-схемы не очень хорошо подходят для современных языков.

Ответить
Развернуть ветку
Дмитрий Перепёлкин

Как-то читал про этого парня статью:
https://bigpicture.ru/kak-ustroena-rabota-slepogo-programmista-iz-finlyandii/

Вроде он чем-то специализированным не пользуется.
Но вообще общался с слепыми, им довольно тяжело. К телефону и компьютеру уже привыкли, в обоих случаях система не без изъянов, но пользоваться можно. По скорости в 5 раз дольше чем для зрячих. Но есть и засад много. Например, когда на компьютере необходимо систему переустановить, в BIOS вообще не понятно что происходит, у бипера только одна тональность, которая ни о чём не говорит.

Ответить
Развернуть ветку
Selectel
Автор

Спасибо, что поделились статьей!
Очень интересный материал.

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

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

Ответить
Развернуть ветку
17 комментариев
Раскрывать всегда