Мелани Самнер — инженер-программист, специализирующийся на цифровой доступности. Мы обсудили её путь в инженерию, доступный дизайн, Ember.js и важность финансирования этих проектов.
В этой публикации рассказывается об эксперте сообщества в рамках проекта Learn Accessibility!
Александра Клеппер : Спасибо, что присоединились! Кто вы и чем занимаетесь?
Мелани Самнер : Меня зовут Мелани Самнер, я инженер-программист, специализирующийся на цифровой доступности. Я пишу код для веба уже 25 лет. Моя первая карьера была… своего рода шпионкой. Я работала аналитиком разведки в ВМС США, и программирование было моим хобби.
Мне не очень нравилось быть шпионом. Оказалось, я не любил смерть. Как и большинство людей, когда им приходится быть ближе к ней. Мне нужно было решить, чем я хочу заниматься дальше, и пришло время превратить моё хобби в карьеру. Последние десять лет я сосредоточился на разработке программного обеспечения, в частности, в сфере доступности.
Александра : Нечасто слышишь: «О, сначала я была шпионкой». Ничего особенного. Что привело вас в сферу доступности?
Мелани : В то время я работала в Университете Северной Каролины в Чапел-Хилл, в Департаменте развития. Под развитием здесь подразумевают не веб-разработку, а сбор средств.
У моего непосредственного руководителя были проблемы со зрением, и ему приходилось увеличивать изображение до 400%, чтобы всё увидеть. Он был фантастическим инженером-программистом. Пожалуй, лучшим руководителем из всех, кто у меня когда-либо был. Но он постоянно ломал мои вещи, потому что увеличивал масштаб, чтобы посмотреть на мою работу. Если бы я не подумал об адаптивной разработке, всё бы сломалось.
Начальник моего менеджера был дальтоником. Не знаю, знаете ли вы, как выглядит UNC blue, но это такой светло-голубой цвет . И они любили использовать его на белом.
Александра : (смеется) О, нет.
Мелани : Его начальник постоянно жаловался, что никогда не видит мои работы! Мне пришлось разработать набор дополнительных цветов и цветовую схему для наших сайтов. Это заставило меня задуматься о цветовом контрасте и о том, как люди с дальтонизмом (или другими нарушениями зрения) пользуются интернетом.
Поскольку Университет Северной Каролины (UNC) является государственным университетом, федеральное требование США требует соответствия уровню доступности AA по классификации WCAG. Мы стремились к уровню AAA, поскольку это учебное заведение.
Узнав больше о требованиях штата и федеральных органов и начав читать спецификацию W3C Accessibility , я подумал: «Всё это логично». Насколько я мог судить, большая часть веб-сайтов им не соответствовала. Конечно, люди работают над доступностью веб-сайтов с тех пор, как появился сам веб. Иногда разработчики JavaScript (особенно) немного отстают в вопросах цифровой доступности.
Я называю доступность последним рубежом интернета. Множество хороших людей работают над автоматизацией для обеспечения доступности, и нам нужно искать решения так же, как мы подходили к решению других сложных проблем, таких как производительность и безопасность.
Александра : Вы, вероятно, читали много длинных и сложных документов, как в ВМС, так и в Университете Северной Каролины. Было ли вам сложно разобраться в спецификации?
Мелани : Мне пришлось прочитать это раз пять, прежде чем я поняла, — и до этого я читала и другие спецификации. Я всегда говорю людям: не расстраивайтесь, если не понимаете, потому что мне пришлось прочитать спецификацию пять раз! Я не шучу.
Привыкание к терминологии спецификации занимает много времени. И если вы неправильно её интерпретируете, вы можете поступить неправильно. Также важно понимать, что значительная часть терминологии спецификации предназначена для разработчиков браузеров. Обратите внимание на фразу «авторы должны», поскольку она относится к веб-разработчикам.
Александра : Многое в Интернете могло бы быть лучше, если бы больше разработчиков знали, как расшифровывать спецификации.
Мелани : Многое можно сказать о сайтах, которые делают такую интерпретацию за вас. Я создала a11y-automation.dev , и этот сайт — моё детище, мой сторонний проект. Я стараюсь подробно описывать каждое нарушение доступности и связывать его с критериями соответствия WCAG. Если есть автоматизация, предотвращающая ошибку, я предложу такое решение.
Вы можете ознакомиться со списком потенциальных нарушений, но ещё важнее узнать, как их исправить. Возможно, для автоматических исправлений, которых не существует, вас вдохновит написать линтер или шаблон, а может быть, и какой-нибудь тест.
Я предпочитаю работать с открытым исходным кодом, потому что мы можем как бы подыгрывать друг другу, предлагать улучшения (иногда улучшения, иногда нет, но мы все стараемся изо всех сил). Мы дополняем наработки друг друга, и в итоге получаем действительно отличный результат для веба.
Как финансировать доступность
Александра : Меня очень заинтересовал сайт pleasefunda11y.com . Очень важно, чтобы разработчики научились создавать доступные сайты, но без финансирования и одобрения руководства у них не всегда будут ресурсы. Почему вы решили создать этот сайт?
Мелани : Меня расстроило, что доступность так недофинансирована. Похоже, всё финансирование проектов с открытым исходным кодом уходит на CSS. А я обожаю CSS, с ним можно сделать так много.
Я создал сайт, потому что Эдди Османи , менеджер по разработке программного обеспечения Chrome, связался со мной и сказал, что видел, как я просил о финансировании проектов доступности, но хотел бы получить совет о том, какие конкретно работы можно было бы профинансировать. Это серьёзная проблема: спонсоры проектов с открытым исходным кодом хотят выделять деньги на конкретные проекты, а не на общие идеи без определённого результата. Я потратил некоторое время, чтобы записать несколько конкретных инициатив, что необходимо и как они помогут сделать сайты доступными.
Даже если компании будут развивать эти направления без меня, мы могли бы значительно продвинуть доступность в интернете. Это очень небольшие затраты по сравнению с другими интернет-проектами, но они окажут огромное влияние на жизнь людей.
В настоящее время часто задаются вопросом: «Сколько людей с ограниченными возможностями?» Правильнее было бы задать вопрос: «Каковы отношения человека с технологиями?»
Некоторые говорили мне: «Ну, я не считаю дальтонизм инвалидностью». Возможно, вы не считаете себя инвалидом, если у вас дальтонизм, но это влияет на ваши отношения с технологиями.
Александра : Расскажите подробнее о понимании своих отношений с технологиями. Как это связано с доступностью?
Мелани : Например, если вы нейроразнообразны, вам, возможно, нужен очень простой язык и чёткие инструкции. Возможно, вам будет удобнее последовательно перемещаться по трём-четырём экранам, делая несколько выборов за раз, пока не доберётесь до конца. Для современных технических приложений хороших инструкций не существует.
У нас есть целые компании, которые используют DevOps, и если вы попытаетесь использовать некоторые из этих сайтов, вы воскликнете: «О боже!», понимаете? Мы сейчас стараемся втиснуть кухонную раковину во все наши интерфейсы.
Александра : Можете ли вы привести пример?
Мелани : Например, на GitHub есть выпадающие списки с вложенными вкладками. И [раздражённый вздох]. Я не могу расстраиваться (даже если я расстроена). Современный интернет должен развиваться, чтобы отвечать новым требованиям. Но мы также обязаны развиваться таким образом, чтобы не оставлять людей позади.
Это то, что меня движет, это моя страсть. Я не хочу, чтобы кто-то не смог найти работу из-за того, что необходимые ему инструменты недоступны.
Александра : Сто процентов. И люди часто думают о создании доступных продуктов для внешних пользователей, но при этом не обязательно думают о своих сотрудниках.
Мелани : Я подумала, знаете что, этот совет по финансированию, вероятно, будет полезен всем.
Инженеры постоянно говорят, что они с удовольствием бы добавили доступность, но «моей компании всё равно». Держу пари, что им не всё равно! Нужно просто преодолеть разрыв в бизнес-логике. Покажите им, какой положительный эффект это принесёт бизнесу. Конечно же, сайт с открытым исходным кодом , и я буду рад любым комментариям и правкам.
Александра : Обеспечение доступности часто оставляют на последний этап, как будто говорят: «О, мы можем сделать это доступным позже». Но на это потребуется гораздо больше времени, чем на интеграцию доступных практик в рамках всего проекта.
Мелани : Я часто спрашиваю: «Вы хотите заплатить за постройку один раз или вы хотите заплатить за постройку дважды?»
Ember.js и основная команда по доступности
Александра : Я знаю, что вы также участвуете в команде разработчиков ядра фреймворка Ember.js. Как вы к этому пришли?
Мелани : Меня наняли в JPMorgan Chase на работу над их корпоративными инвестиционно-банковскими платформами. Ember — это мощный JavaScript-фреймворк, используемый, когда вам нужна действительно стабильная (возможно, даже немного скучная) база, которая поможет вам избежать написания кода, влекущего за собой большие потери банковских долларов. У Ember есть гарантия обратной совместимости — вы можете обновляться каждый раз, даже если у вас установлена новая версия. Мы стараемся внедрять всё постепенно, чтобы не нарушить работу приложения.
Так вот, я побывал на конференции Ember и познакомился с кучей людей из сообщества. Ребята из Ember были очень любезны. И там действительно строгий кодекс поведения , которого я раньше не встречал в других местах.
Когда я демобилизовался из армии, я хотел пойти в службу безопасности. Я пошёл на встречу по информационной безопасности и не увидел там ни одной женщины. Один из старших посмотрел на меня и спросил: «Ты уверена, что попала в нужную комнату, дорогая?»
Александра : [Стонет] Больно. И это совершенно неудивительно. Я сама испытывала нечто подобное.
Мелани : Я хочу сказать, что это был 2011 год, может быть, 2012? Ландшафт сильно изменился. Я осталась на ту ночь, на всю встречу, чтобы доказать свою правоту. Я не собиралась позволить этому комментарию меня остановить. Я шутила, делала заметки и участвовала в разговоре, так что люди знали, что я там была. Мне кажется, большую часть своей карьеры я доказывала, что мужчины ошибаются.
Но я не хочу, чтобы женщины становились инженерами-программистами только для того, чтобы доказать, что мужчины ошибаются. Я хотела стать инженером-программистом, чтобы создавать удивительные вещи, потому что это увлекательно. У женщин должна быть такая возможность карьерного роста.
Александра : Абсолютно.
Мелани : Я поделилась своими знаниями о доступности с сообществом Ember, поскольку, очевидно, банковская платформа должна соответствовать федеральным требованиям США. Иегуда Кац и Том Дейл сказали: «У нас в команде не хватает специалистов. У нас много экспертов по JavaScript, экспертов по производительности, людей с невероятным интеллектом, и нам нужен человек со знаниями в области доступности». И они пригласили меня присоединиться к основной команде.
Я работаю над инициативами, которые помогут сделать Ember доступным по умолчанию. Это значит, что когда вы вводите ember new <my-app-name> , вы должны сразу же соответствовать критериям WCAG.
Александра : Я видела на GitHub длинный список инструментов доступности для Ember. Замечали ли вы, что участники сообщества Ember с энтузиазмом вносят свой вклад в эти инструменты?
Мелани : Это была действительно захватывающая часть работы. Я писала правила линтинга для обеспечения доступности для Ember, работая в LinkedIn. Потом я ушла из LinkedIn, чтобы работать в Hashicorp, и другие ребята продолжают вносить свой вклад в линтер, потому что он им полезен. Именно эта часть работы меня пугает и воодушевляет.
Мы исходим из того, что доступность — это гражданское право. Это не подлежит обсуждению.
Мы обсуждаем: что мы можем реализовать? Когда? Как это сделать? Как научить этому и обеспечить обратную совместимость? Как помочь разработчикам обеспечить поддержку доступности без необходимости создавать или планировать огромные дополнительные функции?
Александра : Доступность — это гражданское право. Меня это пугает! Это должно быть просто то, что мы все знаем как истину.
Мелани : Мне говорили некомпетентные вещи, например: «Я бы не пользовался интернетом, если бы был слепым». Или: «Зачем мне думать об инвалидности, если интернетом пользуются всего 5% моих пользователей, хотя он работает для 90%?» Я не буду вести подобные дискуссии, потому что они часто отвлекают от работы.
Когда вы пишете доступный код, вы получите повышение производительности, поскольку думаете о создании сайтов, соответствующих спецификациям W3C. Вы будете использовать семантический HTML вместо простых div-элементов и заголовки. Вы выберете <button> вместо добавления события нажатия к <div> и получите повышение производительности.
Сделайте одно: автоматизируйте доступность
Александра : Что следует сделать веб-разработчикам, чтобы создавать доступные веб-сайты?
Мелани : Добавьте автоматизацию. Начните с существующего линтера для любого фреймворка, независимо от типа используемого вами кода. Мне всё равно, какой именно! Ваша сборка должна быть сломана, если нарушено одно из этих правил.
Некоторые вещи невозможно автоматизировать, поскольку ИИ пока не может распознать намерение. Например, значение alt-текста изображения должно быть осмысленным , но что это на самом деле означает? Сейчас это должен распознать человек, а не автоматика.
Но автоматизированный инструмент может сказать вам: «Вы не передаёте цветовой контраст ». Просто исправьте это. Не боритесь с этим, не говорите: «Но я не хочу, мне так удобнее». Дело не в вас. Дело в том, чтобы сделать то, что мы делаем, доступным для всех в мире каждый день.
Доступность — это путешествие, и вы всегда будете учиться. Я специализируюсь на доступности уже более десяти лет и постоянно узнаю что-то новое! Не занимайте оборонительную позицию, просто действуйте.
Следите за работой Мелани на её сайте melanie.codes и в Твиттере @a11yMel . Ознакомьтесь с её материалами по доступности на сайтах pleasefunda11y.com , a11y-info.com и a11y-automation.dev .