Яркое событие сообщества: Мелани Самнер

Мелани Самнер — инженер-программист, специализирующийся на цифровой доступности. Мы говорили о ее пути к разработке, доступному дизайну, Ember.js и важности финансирования этих усилий.

В этом посте рассказывается об эксперте сообщества в рамках программы «Изучите доступность!».

Александра Клеппер : Спасибо, что присоединились ко мне! Кто вы и чем занимаетесь?

Фотография Мелани Самнер.

Мелани Самнер : Меня зовут Мелани Самнер, я инженер-программист, специализирующийся на цифровой доступности. Я пишу код для Интернета уже 25 лет. Моя первая карьера была… своего рода шпионской. Я был аналитиком разведки в ВМС США, и программирование было моим хобби.

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

Александра : Нечасто можно услышать: «О, сначала я была шпионкой». Ничего страшного. Что привело вас в работу по обеспечению доступности?

Мелани : В то время я работала в Университете Северной Каролины [UNC] Чапел-Хилл, на факультете развития. Они не имеют в виду развитие, такое как веб-разработка, они имеют в виду развитие, такое как сбор средств.

У моего непосредственного менеджера было ухудшение зрения, и ему пришлось увеличивать все до 400%, чтобы это увидеть. Он был фантастическим инженером-программистом. На самом деле, наверное, лучший менеджер, который у меня когда-либо был. Но он всегда ломал мои вещи, потому что увеличивал масштаб, чтобы рассмотреть мои работы. Если бы я не подумал о том, чтобы создавать вещи оперативно, они бы сломались.

Босс моего менеджера был дальтоником синего цвета. Я не знаю, знаете ли вы, как выглядит синий цвет UNC, но это светло-голубой цвет . И им нравилось использовать его на белом.

Александра : (смеется) О нет.

Мелани : Его босс всегда жаловался, что никогда не видит мою работу! Мне нужно было разработать набор дополнительных цветов и цветовую схему для наших сайтов. Это заставило меня задуматься о цветовом контрасте и о том, как люди, страдающие дальтонизмом (или другими нарушениями зрения), используют Интернет.

Поскольку UNC является государственным университетом, существует федеральное требование США о соответствии уровню доступности WCAG AA. Мы стремились к уровню ААА, потому что это образовательное учреждение.

Когда я узнал больше о государственных и федеральных требованиях и начал читать спецификацию W3C Accessibility , я подумал: «Все это имеет смысл». Насколько я мог видеть, большая часть сети не соответствовала требованиям. Конечно, люди работали над доступностью Интернета с тех пор, как он существует. Иногда инженеры JavaScript (в частности) немного медлят с пониманием того, что касается цифровой доступности.

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

Александра : Вы, наверное, читали много длинных и сложных документов, как в ВМФ, так и в UNC. Вам было сложно понять спецификацию?

Мелани : Мне пришлось прочитать это раз пять, прежде чем я это поняла, и раньше я читала другие спецификации. Я всегда говорю людям: не расстраивайтесь, если вы этого не понимаете, потому что мне пришлось прочитать спецификацию пять раз! Я даже не шучу.

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

Александра : Многое в Интернете могло бы быть лучше, если бы больше разработчиков знали, как расшифровывать спецификации.

Мелани : Можно многое сказать о сайтах, которые делают за вас такую ​​интерпретацию. Я создал a11y-automation.dev , и этот сайт для меня как детище, мой побочный проект. Я пытаюсь перечислить каждое нарушение доступности и связать его с рассматриваемыми критериями успеха WCAG. Если есть автоматизация, позволяющая предотвратить ошибку, я предложу это решение.

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

Я предпочитаю работать с открытым исходным кодом, потому что вы можете подшучивать друг над другом, предлагать улучшения (иногда улучшения, иногда нет, но мы все стараемся изо всех сил). Мы дорабатываем идеи друг друга, а затем получаем действительно отличный результат для Интернета.

Как финансировать доступность

Александра : Меня очень привлек сайт pleasefunda11y.com . Очень важно, чтобы разработчики научились создавать доступные сайты, но у них не всегда будут ресурсы без финансирования и одобрения высшего руководства. Почему вы решили создать этот сайт?

Мелани : Я была расстроена, потому что доступность недостаточно финансируется. Похоже, что все финансирование с открытым исходным кодом продолжает идти в CSS. И я люблю CSS, с его помощью мы можем многое сделать.

Я создал сайт, потому что Адди Османи — менеджер по разработке программного обеспечения Chrome — обратился к нему и сказал, что видел, что я прошу о финансировании доступности, но ему нужен совет о том, какую конкретную работу можно профинансировать. Это большая проблема: спонсоры открытого исходного кода хотят вкладывать деньги в конкретные проекты, а не в общие идеи, не имеющие определенного результата. Я потратил некоторое время на то, чтобы записать некоторые конкретные инициативы, что необходимо и как они помогут сделать сайты доступными.

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

В настоящее время часто думают: «Ну, сколько людей имеют инвалидность?» Должно быть так: «Каково отношение человека к своей технологии?»

И некоторые люди сказали мне: «Ну, я не думаю, что дальтонизм — это инвалидность». Вы можете не идентифицировать себя как инвалида, если вы дальтоник, но это влияет на ваши отношения с технологиями.

15 %

люди идентифицируют себя как инвалиды.

Источник

253 м

люди с нарушениями зрения.

Источник

39

страны, в которых действует закон о доступности веб-сайтов.

Источник

Узнайте больше о статистике в первом модуле «Изучение доступности: что такое цифровая доступность и почему это важно?»

Александра : Расскажите мне больше о понимании ваших отношений с технологиями. Как это связано с доступностью?

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

У нас есть целые компании, которые занимаются DevOps, и если вы попытаетесь использовать некоторые из этих веб-сайтов, вы скажете: «О Боже мой», понимаете? Сегодня мы пытаемся встроить кухонную мойку во все наши интерфейсы.

Александра : Можете ли вы привести пример?

Мелани : Например, на GitHub есть раскрывающиеся списки со вложенными вкладками. И [раздраженный вздох]. Я не могу расстраиваться (даже если я расстроен). Современная сеть должна расти, чтобы соответствовать новым требованиям. Но мы также несем ответственность за строительство таким образом, чтобы не оставлять людей позади.

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

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

Мелани : Я подумала, знаете что, этот совет по финансированию, вероятно, принесет пользу всем.

Я постоянно слышу от инженеров, что они хотели бы сделать доступность, но «мою компанию это не волнует». Могу поспорить, им не все равно! Вам просто нужно устранить пробел в бизнес-логике. Покажите им выгодный результат для бизнеса. Конечно, сайт с открытым исходным кодом , и мне нравится вносить вклад и редактировать его.

Александра : Доступность часто оставляют на конец процесса, например: «О, мы можем сделать это доступным позже». Но на его добавление позже уйдет гораздо больше времени, чем на интеграцию доступных практик в рамках проекта.

Мелани : Я часто говорю: «Вы хотите заплатить, чтобы построить это один раз, или вы хотите заплатить, чтобы построить это дважды?»

Ember.js и основная команда по обеспечению специальных возможностей

Александра : Я знаю, что вы также участвуете в основной команде Ember.js framework. Как вы вмешались?

Мелани : Меня наняли работать в JPMorgan Chase над их корпоративными инвестиционно-банковскими платформами. Ember — это мощный JavaScript-фреймворк, используемый, когда вам нужна действительно стабильная (возможно, даже скучная) база, которая может помочь вам избежать написания кода, который теряет много банковских долларов. У Ember есть гарантия обратной совместимости — вы можете обновляться каждый раз, даже если вы используете основную версию. Мы действительно стараемся делать все постепенно, чтобы это не сломало ваше приложение.

Так или иначе, я пришел на конференцию Ember и встретил кучу людей в сообществе. Ребята из Эмбера были такими добрыми. И есть действительно строгий кодекс поведения , которого я еще не видел в других местах.

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

Александра : [Стоны] Больно. И это совершенно неудивительно. Я испытал нечто подобное.

Мелани : Я хочу сказать, что это был 2011, может быть, 2012 год? Пейзаж сильно изменился. Я остался на ту ночь во время этой встречи, чтобы доказать свою точку зрения. Я не собирался позволять этому комментарию остановить меня. Я шутил, делал хорошие записи и участвовал в разговоре, чтобы люди знали, что я был там. Я чувствую, что большая часть моей карьеры доказывала, что мужчины ошибаются.

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

Александра : Абсолютно.

Мелани : Я поделилась тем, что знала о доступности, с сообществом Ember, потому что, очевидно, как банковская платформа, вы должны соответствовать федеральным требованиям США. Иегуда Кац и Том Дейл сказали: «В нашей команде есть пробел. У нас много экспертов по JavaScript, экспертов по производительности, умных людей не от мира сего, и нам нужен кто-то со знаниями о специальных возможностях». И они пригласили меня присоединиться к основной команде.

Я работаю над инициативами, которые помогут сделать Ember доступным по умолчанию. Это означает, что когда вы говорите ember new <my-app-name> , вы должны немедленно соответствовать критериям успеха WCAG.

Александра : Я видела длинный список инструментов специальных возможностей для Ember на GitHub. Обнаружили ли вы, что люди в сообществе Ember рады внести свой вклад в эти инструменты?

Мелани : Это была действительно захватывающая часть работы. Я написал правила проверки доступности для Ember, работая в LinkedIn. Затем я ушел из LinkedIn, чтобы работать в Hashicorp, а другие люди до сих пор вносят свой вклад в линтер, потому что для них это полезно. Это та часть работы, которая вызывает у меня мурашки по коже и воодушевляет.

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

Мы обсуждаем: Что мы можем реализовать? Когда? Как нам это сделать? Как нам научить этому и сделать это обратно совместимым? Как мы можем помочь разработчикам обеспечить поддержку специальных возможностей без огромных дополнительных функций, которые им придется создавать или планировать?

Александра : Доступность — это гражданское право. Это вызывает у меня озноб! Это должно быть просто то, что мы все знаем как истину.

Мелани : Люди говорили мне неосведомленные вещи, например: «Я бы не пользовалась Интернетом, если бы была слепой». Или: «Почему я должен думать об инвалидности, если это касается только 5% моих пользователей, хотя это работает для 90% моих пользователей?» Я не буду вести эти дискуссии, потому что они часто отвлекают от работы.

Когда вы пишете доступный код, вы получаете повышение производительности, поскольку думаете о создании сайтов, соответствующих спецификациям W3C. Вы будете использовать семантический HTML вместо просто элементов div и заголовки. Вы выберете <button> вместо добавления события клика в <div> и получите повышение производительности.

Сделайте одно: автоматизируйте доступность

Александра : Что следует сделать веб-разработчикам для создания доступных веб-сайтов?

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

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

Но автоматизированный инструмент может сказать вам: «Вы не передаете цветовой контраст ». Просто исправьте это. Не боритесь с этим, не говорите: «Но я не хочу, я предпочитаю так». Это не о тебе. Речь идет о том, чтобы каждый день делать то, что мы делаем, доступным для всех в мире.

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


Следите за работой Мелани на ее веб-сайте melanie.codes и в Твиттере @a11yMel . Ознакомьтесь с ее ресурсами по специальным возможностям на сайтах pleasefunda11y.com , a11y-info.com и a11y-automation.dev .

,

Мелани Самнер — инженер-программист, специализирующийся на цифровой доступности. Мы говорили о ее пути к разработке, доступному дизайну, Ember.js и важности финансирования этих усилий.

В этом посте рассказывается об эксперте сообщества в рамках программы «Изучите доступность!».

Александра Клеппер : Спасибо, что присоединились ко мне! Кто вы и чем занимаетесь?

Фотография Мелани Самнер.

Мелани Самнер : Меня зовут Мелани Самнер, я инженер-программист, специализирующийся на цифровой доступности. Я пишу код для Интернета уже 25 лет. Моя первая карьера была… своего рода шпионской. Я был аналитиком разведки в ВМС США, и программирование было моим хобби.

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

Александра : Нечасто можно услышать: «О, сначала я была шпионкой». Ничего страшного. Что привело вас в работу по обеспечению доступности?

Мелани : В то время я работала в Университете Северной Каролины [UNC] Чапел-Хилл, на факультете развития. Они не имеют в виду развитие, такое как веб-разработка, они имеют в виду развитие, такое как сбор средств.

У моего непосредственного менеджера было ухудшение зрения, и ему пришлось увеличивать все до 400%, чтобы это увидеть. Он был фантастическим инженером-программистом. На самом деле, наверное, лучший менеджер, который у меня когда-либо был. Но он всегда ломал мои вещи, потому что увеличивал масштаб, чтобы рассмотреть мои работы. Если бы я не подумал о том, чтобы создавать вещи оперативно, они бы сломались.

Босс моего менеджера был дальтоником синего цвета. Я не знаю, знаете ли вы, как выглядит синий цвет UNC, но это светло-голубой цвет . И им нравилось использовать его на белом.

Александра : (смеется) О нет.

Мелани : Его босс всегда жаловался, что никогда не видит мою работу! Мне нужно было разработать набор дополнительных цветов и цветовую схему для наших сайтов. Это заставило меня задуматься о цветовом контрасте и о том, как люди, страдающие дальтонизмом (или другими нарушениями зрения), используют Интернет.

Поскольку UNC является государственным университетом, существует федеральное требование США о соответствии уровню доступности WCAG AA. Мы стремились к уровню ААА, потому что это образовательное учреждение.

Когда я узнал больше о государственных и федеральных требованиях и начал читать спецификацию W3C Accessibility , я подумал: «Все это имеет смысл». Насколько я мог видеть, большая часть сети не соответствовала требованиям. Конечно, люди работали над доступностью Интернета с тех пор, как он существует. Иногда инженеры JavaScript (в частности) немного медлят с пониманием того, что касается цифровой доступности.

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

Александра : Вы, наверное, читали много длинных и сложных документов, как в ВМФ, так и в UNC. Вам было сложно понять спецификацию?

Мелани : Мне пришлось прочитать это раз пять, прежде чем я это поняла, и раньше я читала другие спецификации. Я всегда говорю людям: не расстраивайтесь, если вы этого не понимаете, потому что мне пришлось прочитать спецификацию пять раз! Я даже не шучу.

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

Александра : Многое в Интернете могло бы быть лучше, если бы больше разработчиков знали, как расшифровывать спецификации.

Мелани : Можно многое сказать о сайтах, которые делают за вас такую ​​интерпретацию. Я создал a11y-automation.dev , и этот сайт для меня как детище, мой побочный проект. Я пытаюсь перечислить каждое нарушение доступности и связать его с рассматриваемыми критериями успеха WCAG. Если есть автоматизация, позволяющая предотвратить ошибку, я предложу это решение.

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

Я предпочитаю работать с открытым исходным кодом, потому что вы можете подшучивать друг над другом, предлагать улучшения (иногда улучшения, иногда нет, но мы все стараемся изо всех сил). Мы дорабатываем идеи друг друга, а затем получаем действительно отличный результат для Интернета.

Как финансировать доступность

Александра : Меня очень привлек сайт pleasefunda11y.com . Очень важно, чтобы разработчики научились создавать доступные сайты, но у них не всегда будут ресурсы без финансирования и одобрения высшего руководства. Почему вы решили создать этот сайт?

Мелани : Я была расстроена, потому что доступность недостаточно финансируется. Похоже, что все финансирование с открытым исходным кодом продолжает идти в CSS. И я люблю CSS, с его помощью мы можем многое сделать.

Я создал сайт, потому что Адди Османи — менеджер по разработке программного обеспечения Chrome — обратился к нему и сказал, что видел, что я прошу о финансировании доступности, но ему нужен совет о том, какую конкретную работу можно профинансировать. Это большая проблема: спонсоры открытого исходного кода хотят вкладывать деньги в конкретные проекты, а не в общие идеи, не имеющие определенного результата. Я потратил некоторое время на то, чтобы записать некоторые конкретные инициативы, что необходимо и как они помогут сделать сайты доступными.

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

В настоящее время часто думают: «Ну, сколько людей имеют инвалидность?» Должно быть так: «Каково отношение человека к своей технологии?»

И некоторые люди сказали мне: «Ну, я не думаю, что дальтонизм — это инвалидность». Вы можете не идентифицировать себя как инвалида, если вы дальтоник, но это влияет на ваши отношения с технологиями.

15 %

люди идентифицируют себя как инвалиды.

Источник

253 м

люди с нарушениями зрения.

Источник

39

страны, в которых действует закон о доступности веб-сайтов.

Источник

Узнайте больше о статистике в первом модуле «Изучение доступности: что такое цифровая доступность и почему это важно?»

Александра : Расскажите мне больше о понимании ваших отношений с технологиями. Как это связано с доступностью?

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

У нас есть целые компании, которые занимаются DevOps, и если вы попытаетесь использовать некоторые из этих веб-сайтов, вы скажете: «О Боже мой», понимаете? Сегодня мы пытаемся встроить кухонную мойку во все наши интерфейсы.

Александра : Можете ли вы привести пример?

Мелани : Например, на GitHub есть раскрывающиеся списки со вложенными вкладками. И [раздраженный вздох]. Я не могу расстраиваться (даже если я расстроен). Современная сеть должна расти, чтобы соответствовать новым требованиям. Но мы также несем ответственность за строительство таким образом, чтобы не оставлять людей позади.

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

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

Мелани : Я подумала, знаете что, этот совет по финансированию, вероятно, принесет пользу всем.

Я постоянно слышу от инженеров, что они хотели бы сделать доступность, но «мою компанию это не волнует». Могу поспорить, им не все равно! Вам просто нужно устранить пробел в бизнес-логике. Покажите им выгодный результат для бизнеса. Конечно, сайт с открытым исходным кодом , и мне нравится вносить вклад и редактировать его.

Александра : Доступность часто оставляют на конец процесса, например: «О, мы можем сделать это доступным позже». Но на его добавление позже уйдет гораздо больше времени, чем на интеграцию доступных практик в рамках проекта.

Мелани : Я часто говорю: «Вы хотите заплатить, чтобы построить это один раз, или вы хотите заплатить, чтобы построить это дважды?»

Ember.js и основная команда по обеспечению специальных возможностей

Александра : Я знаю, что вы также участвуете в основной команде Ember.js framework. Как вы вмешались?

Мелани : Меня наняли работать в JPMorgan Chase над их корпоративными инвестиционно-банковскими платформами. Ember — это мощный JavaScript-фреймворк, используемый, когда вам нужна действительно стабильная (возможно, даже скучная) база, которая поможет вам избежать написания кода, который теряет много банковских долларов. У Ember есть гарантия обратной совместимости — вы можете обновляться каждый раз, даже если вы используете основную версию. Мы действительно стараемся делать все постепенно, чтобы это не сломало ваше приложение.

Так или иначе, я пришел на конференцию Ember и встретил кучу людей в сообществе. Ребята из Эмбера были такими добрыми. И есть действительно строгий кодекс поведения , которого я еще не видел в других местах.

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

Александра : [Стоны] Больно. И это совершенно неудивительно. Я испытал нечто подобное.

Мелани : Я хочу сказать, что это был 2011, может быть, 2012 год? Пейзаж сильно изменился. Я остался на ту ночь во время этой встречи, чтобы доказать свою точку зрения. Я не собирался позволять этому комментарию остановить меня. Я шутил, делал хорошие записи и участвовал в разговоре, чтобы люди знали, что я был там. Я чувствую, что большая часть моей карьеры доказывала, что мужчины ошибаются.

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

Александра : Абсолютно.

Мелани : Я поделилась с сообществом Ember тем, что знала о доступности, потому что, очевидно, как банковская платформа, вы должны соответствовать федеральным требованиям США. Иегуда Кац и Том Дейл сказали: «В нашей команде есть пробел. У нас много экспертов по JavaScript, экспертов по производительности, умных людей не от мира сего, и нам нужен кто-то со знаниями о специальных возможностях». И они пригласили меня присоединиться к основной команде.

Я работаю над инициативами, которые помогут сделать Ember доступным по умолчанию. Это означает, что когда вы говорите ember new <my-app-name> , вы должны немедленно соответствовать критериям успеха WCAG.

Александра : Я видела длинный список инструментов специальных возможностей для Ember на GitHub. Обнаружили ли вы, что люди в сообществе Ember рады внести свой вклад в эти инструменты?

Мелани : Это была действительно захватывающая часть работы. Я написал правила проверки доступности для Ember, работая в LinkedIn. Затем я ушел из LinkedIn, чтобы работать в Hashicorp, а другие люди до сих пор вносят свой вклад в линтер, потому что для них это полезно. Это та часть работы, которая вызывает у меня мурашки по коже и воодушевляет.

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

Мы обсуждаем: Что мы можем реализовать? Когда? Как нам это сделать? Как нам научить этому и сделать это обратно совместимым? Как мы можем помочь разработчикам обеспечить поддержку специальных возможностей без огромных дополнительных функций, которые им придется создавать или планировать?

Александра : Доступность — это гражданское право. Это вызывает у меня озноб! Это должно быть просто то, что мы все знаем как истину.

Мелани : Люди говорили мне неосведомленные вещи, например: «Я бы не пользовалась Интернетом, если бы была слепой». Или: «Почему я должен думать об инвалидности, если это касается только 5% моих пользователей, хотя это работает для 90% моих пользователей?» Я не буду вести эти дискуссии, потому что они часто отвлекают от работы.

Когда вы пишете доступный код, вы получаете повышение производительности, поскольку думаете о создании сайтов, соответствующих спецификациям W3C. Вы будете использовать семантический HTML вместо просто элементов div и заголовки. Вы выберете <button> вместо добавления события клика в <div> и получите повышение производительности.

Сделайте одно: автоматизируйте доступность

Александра : Что следует сделать веб-разработчикам для создания доступных веб-сайтов?

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

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

Но автоматизированный инструмент может сказать вам: «Вы не передаете цветовой контраст ». Просто исправьте это. Не боритесь с этим, не говорите: «Но я не хочу, я предпочитаю так». Это не о тебе. Речь идет о том, чтобы каждый день делать то, что мы делаем, доступным для всех в мире.

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


Следите за работой Мелани на ее сайте melanie.codes и в Твиттере @a11yMel . Ознакомьтесь с ее ресурсами по специальным возможностям на сайтах pleasefunda11y.com , a11y-info.com и a11y-automation.dev .

,

Мелани Самнер — инженер-программист, специализирующийся на цифровой доступности. Мы говорили о ее пути к разработке, доступному дизайну, Ember.js и важности финансирования этих усилий.

В этом посте рассказывается об эксперте сообщества в рамках программы «Изучите доступность!».

Александра Клеппер : Спасибо, что присоединились ко мне! Кто вы и чем занимаетесь?

Фотография Мелани Самнер.

Мелани Самнер : Меня зовут Мелани Самнер, я инженер-программист, специализирующийся на цифровой доступности. Я пишу код для Интернета уже 25 лет. Моя первая карьера была… своего рода шпионской. Я был аналитиком разведки в ВМС США, и программирование было моим хобби.

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

Александра : Нечасто можно услышать: «О, сначала я была шпионкой». Ничего страшного. Что привело вас в работу по обеспечению доступности?

Мелани : В то время я работала в Университете Северной Каролины [UNC] Чапел-Хилл, на факультете развития. Они не имеют в виду развитие, такое как веб-разработка, они имеют в виду развитие, такое как сбор средств.

У моего непосредственного менеджера было ухудшение зрения, и ему пришлось увеличивать все до 400%, чтобы это увидеть. Он был фантастическим инженером-программистом. На самом деле, наверное, лучший менеджер, который у меня когда-либо был. Но он всегда ломал мои вещи, потому что увеличивал масштаб, чтобы рассмотреть мои работы. Если бы я не подумал о том, чтобы создавать вещи оперативно, они бы сломались.

Босс моего менеджера был дальтоником синего цвета. Я не знаю, знаете ли вы, как выглядит синий цвет UNC, но это светло-голубой цвет . И им нравилось использовать его на белом.

Александра : (смеется) О нет.

Мелани : Его босс всегда жаловался, что никогда не видит мою работу! Мне нужно было разработать набор дополнительных цветов и цветовую схему для наших сайтов. Это заставило меня задуматься о цветовом контрасте и о том, как люди, страдающие дальтонизмом (или другими нарушениями зрения), используют Интернет.

Поскольку UNC является государственным университетом, существует федеральное требование США о соответствии уровню доступности WCAG AA. Мы стремились к уровню ААА, потому что это образовательное учреждение.

Когда я узнал больше о государственных и федеральных требованиях и начал читать спецификацию W3C Accessibility , я подумал: «Все это имеет смысл». Насколько я мог видеть, большая часть Интернета не соответствовала требованиям. Конечно, люди работали над доступностью Интернета с тех пор, как он существует. Иногда инженеры JavaScript (в частности) немного медлят с пониманием того, что касается цифровой доступности.

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

Александра : Вы, наверное, читали много длинных и сложных документов, как в ВМФ, так и в UNC. Вам было сложно понять спецификацию?

Мелани : Мне пришлось прочитать это раз пять, прежде чем я это поняла, и раньше я читала другие спецификации. Я всегда говорю людям: не расстраивайтесь, если вы этого не понимаете, потому что мне пришлось прочитать спецификацию пять раз! Я даже не шучу.

Чтобы привыкнуть к определенному языку, требуется много времени. И если вы не интерпретируете это правильно, вы можете сделать неправильный поступок. Также важно понимать, что большая часть языка спецификации предназначена для разработчиков браузеров. Ищите «Авторы должны», потому что это ссылка на веб -разработчиков.

Александра : Многое в Интернете может быть лучше, если бы больше разработчиков знали, как расшифровать спецификации.

Мелани : Есть много чего сказать о сайтах, которые делают эту интерпретацию для вас. Я построил A11y-Automation.dev , и этот сайт похож на моего ребенка, мой боковой проект. Я стараюсь перечислять все нарушения доступности и связывать его с рассматриваемыми критериями успеха WCAG. Если есть автоматизация, чтобы предотвратить ошибку, я предложу это решение.

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

Я предпочитаю работать в открытом исходном коде, потому что вы получаете что -то вроде рифа, предлагая улучшение (иногда улучшение, иногда нет, но мы все стараемся изо всех сил). Мы опираемся на вещи друг друга, а затем мы получаем этот действительно отличный результат для Интернета.

Как финансировать доступность

Александра : Меня действительно привлекли к wooblefunda11y.com . Очень важно, чтобы разработчики научились создавать доступные сайты, но у них не всегда будут ресурсы без финансирования и одобрения исполнительного руководства. Почему вы решили построить этот сайт?

Мелани : Я была разочарована, потому что доступность настолько недофинансирована. Все финансирование с открытым исходным кодом, кажется, продолжает ходить в CSS. И я люблю CSS, мы можем так много с ним сделать.

Я построил сайт, потому что Адди Османи - менеджер по разработке программного обеспечения Chrome - вышел из себя и сказал, что видел, что просит финансирование доступности, но он хотел совета о том, какая конкретная работа может быть профинансирована. Это большая проблема: спонсоры с открытым исходным кодом хотят отдать деньги на конкретные проекты, а не общие идеи, которые не имеют определенного результата. Мне потребовалось некоторое время, чтобы записать некоторые конкретные инициативы, что нужно и как они помогут сделать сайты доступными.

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

Нынешний образ мышления часто: «Ну, сколько людей имеют инвалидность?» Это должно быть: «Каковы отношения человека с их технологиями?»

И некоторые люди сказали мне: «Ну, я не думаю, что дальтоник - это инвалидность». Вы не можете идентифицировать себя как инвалидность, если вы раскрашиваете, но это влияет на ваши отношения с технологиями.

15 %

Люди идентифицируют себя как инвалиды.

Источник

253 м

люди с нарушениями зрения.

Источник

39

Страны с законом о доступности в Интернете.

Источник

Узнайте больше о статистике в первом модуле для обучения доступности: что такое цифровая доступность и почему это имеет значение?

Александра : Расскажите мне больше о понимании ваших отношений с технологиями. Как это связано с доступностью?

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

У нас есть целые компании, которые делают DevOps, и если вы пытаетесь использовать некоторые из этих веб -сайтов, вы говорите: «Боже мой», вы знаете? В наши дни мы стараемся упаковать кухонную раковину во все наши интерфейсы.

Александра : Вы можете поделиться примером?

Мелани : Например, у GitHub выпадает с вложенными вкладками. И [раздраженно вздох]. Я не могу расстроиться (даже если я расстроен). Современная сеть должна расти, чтобы удовлетворить новые требования. Но мы также несем ответственность за строительство таким образом, чтобы не оставить людей позади.

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

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

Мелани : Я подумала, вы знаете, что этот совет по финансированию, вероятно, принесет пользу всем.

Я все время слышу от инженеров, что они хотели бы сделать доступность, но «моей компании все равно». Бьюсь об заклад, они заботятся! Вам просто нужно преодолеть разрыв в бизнес -логике. Покажите им полезный результат для бизнеса. Сайт, конечно, является открытым исходным кодом , и я люблю вклады и редакторы.

Александра : Доступность часто оставляется до конца процесса, например: «О, мы можем просто сделать это доступным позже». Но для добавления его позже потребуется гораздо больше времени, чем для интеграции доступных практик на протяжении всего проекта.

Мелани : Я часто говорю: «Вы хотите заплатить, чтобы построить его один раз, или вы хотите заплатить, чтобы построить его дважды?»

Ember.js и основная команда доступности

Александра : Я знаю, что вы также вовлечены в основную команду Ember.js Framework. Как вы попали?

Мелани : Меня наняли для работы в JPMorgan Chase на их корпоративных инвестиционных банковских платформах. Ember - это тяжелая рамка JavaScript, используемая, когда вам нужна действительно стабильная (возможно, даже скучная) база, которая может помочь вам избежать написания кода, который теряет много банковских долларов. У Ember есть гарантия обратной совместимости - вы можете обновляться каждый раз, даже если вы достигнете крупной версии. Мы действительно стараемся делать что -то постепенно, так что оно не сломает ваше приложение.

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

Когда я вышел из военных, я хотел выйти в безопасность. Я пошел на встречу Infosec и не видел там другой женщины. Один из старших парней посмотрел на меня и сказал: «Ты уверен, что в правильной комнате, дорогая?»

Александра : [стоны] это больно. И это совершенно неудивительно. Я испытал нечто подобное.

Мелани : Я хочу сказать, что это был 2011 год, может быть, 2012? Пейзаж сильно изменился. Я остался в ту ночь через эту встречу, чтобы доказать. Я не позволил этому комментарию закрыть меня. Я пошутил над шутками, сделал хорошие заметки и участвовал в разговоре, чтобы люди знали, что я там. Я чувствую, что большая часть моей карьеры доказывала, что мужчины не правы.

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

Александра : Абсолютно.

Мелани : Я поделился тем, что знал о доступности с сообществом Ember, потому что, очевидно, как банковская платформа, вы должны соответствовать федеральным требованиям США. Иегуда Кац и Том Дейл сказали: «У нас есть пробел в команде. У нас есть много экспертов по JavaScript, эксперты по производительности, люди из этого мира, и нам нужен кто-то с знаниями о доступности». И они пригласили меня присоединиться к основной команде.

Я работаю над инициативами, чтобы помочь Ember доступным по умолчанию. Это означает, что когда вы говорите ember new <my-app-name> , вы должны немедленно принять критерии успеха WCAG.

Александра : Я видел длинный список инструментов доступности для Ember на GitHub. Вы обнаружили, что люди в сообществе Ember рады внести свой вклад в эти инструменты?

Мелани : Это была действительно захватывающая часть этой работы. Я написал правила подкладки доступности для Ember во время работы в LinkedIn. Затем я оставил LinkedIn работать в Hashicorp, и другие люди все еще вносят свой вклад в Linter, потому что это полезно для них. Это та часть этой работы, которая заставляет меня озноб и взволнован.

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

Что мы обсудим: что мы можем реализовать? Когда? Как нам это сделать? Как мы учим это и делаем это обратно совместимым? Как мы помогаем разработчикам обеспечить поддержку доступности без огромной дополнительной функции, которую они должны создавать или планировать?

Александра : Доступность является гражданским правом. Это дает мне озноб! Это должно быть просто то, что мы все знаем как правда.

Мелани : У меня люди говорили мне неосведомленные вещи, например: «Я бы не использовал Интернет, если бы был слепым». Или: «Почему я должен думать об инвалидности, когда это всего лишь 5% моих пользователей, когда он работает на 90% моих пользователей?» У меня не будет этих дискуссий, потому что они часто используются для отвлечения от работы.

Когда вы пишете доступный код, вы получите повышение производительности, потому что вы думаете о создании сайтов, информированных по спецификациям W3C. Вы используете семантический HTML вместо Just Divs, и вы будете использовать заголовки. Вы выберете <button> Кнопку> вместо добавления события Click в <div> , и вы получите повышение производительности.

Сделайте одну вещь: автоматизировать доступность

Александра : Что должны сделать веб -разработчики для создания доступных сайтов?

Мелани : Добавьте автоматизацию. Начните с существующего Linter для любой среды, которую у вас есть, какой бы код, который вы используете. Мне все равно, какой из них вы используете! Ваша сборка должна сломаться, если одно из этих правил нарушено.

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

Но автоматизированный инструмент может сказать вам: «Вы не передаете цветный контраст ». Просто исправьте это. Не боди это, не говорите: «Но я не хочу, я предпочитаю это так». Это не о тебе. Речь идет о том, чтобы делать то, что мы делаем доступны для всех в мире каждый день.

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


Следите за работе Мелани на ее веб -сайте по адресу melanie.codes и Twitter @a11mel . Ознакомьтесь с ее ресурсами доступности на womeefunda11y.com , a11y-info.com и A11y-automation.dev .