コミュニティのハイライト: Melanie Sumner 氏

Melanie Sumner は、デジタル アクセシビリティを専門とするソフトウェア エンジニアです。エンジニアリング、アクセシブルなデザイン、Ember.js への道のりと、こうした取り組みへの資金提供の重要性についてお話ししました。

Alexandra Klepper
Alexandra Klepper

この投稿では、ユーザー補助機能について学ぶの一環として、コミュニティ エキスパートを取り上げます。

Alexandra White: ありがとうございました。自己紹介と活動内容

Melanie Sumner の顔写真。

Melanie Sumner: ソフトウェアエンジニアの Melanie Sumner です。 デジタルアクセシビリティを専門としていますコンピュータ サイエンスの分野で 25 年。私の最初のキャリアは...スパイみたいなものでした。私は以前、 コーディングが趣味でした

スパイになるのは嫌なんだ。結局、私は死が嫌いではありませんでした。ほとんど そうではないのです。私は決断を迫られました。 そして今、趣味をキャリアに変えるときが来ています。過去 この 10 年間、ユーザー補助と Google のソフトウェア エンジニアリングに 共有します。

Alexandra: 「私もスパイだったから」と聞くことがよくあります。気にしないで内容 ユーザー補助の仕事に就いたきっかけは何ですか?

Melanie: 私はノースカロライナ大学 [UNC] チャペルで働いていました。 開発局に勤務。開発ではなく ウェブ開発、資金調達のような開発という意味です。

直属の上司は視覚障がいを持っており 400% 表示されます。彼は優秀なソフトウェア エンジニアでした。おそらく最高のマネージャー 実際にやったことがあります。でも彼はいつも私のものを壊してしまった ズームインします。もし私が考えたことがなかったら 失敗します

上司の上司は青色覚障がいでした。UNC ブルーって知ってる? 明るいスカイブルーになっています。 そして、それを白色に気に入って使っています。

Alexandra: (笑)ああ、

Melanie: 上司はいつも、私の仕事がまったく見られないと文句を言っていました。私は サイトを補完する色の組み合わせとカラーパターンを作成する必要がありました。 そこで色のコントラストについて考えました 色覚障がいのある方(またはその他の視覚障がい者)はウェブを利用します。

UNC は州立大学なので 米国連邦要件 WCAG のアクセシビリティレベル AA に適合しますAAA レベルを目指したのは 教育機関であるとします

州と連邦の要件についてさらに詳しく学び、 W3C のユーザー補助仕様に沿っているとしたら、「 これは理にかなっています」見たところ、ウェブのほとんどは準拠していませんでした。/ ウェブ アクセシビリティはウェブの発展から長い間、人々のウェブ アクセシビリティに 存在しました。JavaScript エンジニア(特に)は 注目しています

私はユーザー補助をウェブの最前線と呼んでいます。多くの優秀な人材が 自動化します。また、Google と同じソリューションに取り組む必要があります。 パフォーマンスやセキュリティといった他の難しい問題にも 対処してきました

Alexandra: あなたは 2024 年に ネイビーと UNC.仕様がわかりにくかったと感じましたか?

Melanie: 理解する前に 5 回ほど読まなければならなくなりました。 前に他の仕様を読んでいた。私はいつも人に伝えています。そうしなくても悪くは感じません。 仕様を 5 回読まなければならなかったから、理解できた!冗談じゃないよ。

仕様の言葉に慣れるには長い時間がかかります。これらを解釈しなければ 間違った行動をする可能性があります。また 仕様言語の多くはブラウザ デベロッパー向けのものであるということに注意してください。または “著者は”ウェブ デベロッパーに言及しているためです。

Alexandra: もっと多くの開発者に方法を知ってもらうことで、ウェブに関する多くのことがより良いものになるでしょう。 仕様を解読します。

Melanie: このように解釈するサイトについては、話すべきことがたくさんあります。 できます。a11y-automation.dev のサイトを作成しました。 私の赤ちゃん、サイド プロジェクトのようなものです。すべてのアクセシビリティ機能を 該当する WCAG の成功基準に関連付けます。もし 解決策を提案します

違反の可能性があるリストについてよく理解しておくことをおすすめしますが、 修正方法を学ぶことが重要です存在しない自動修正については リンターやテンプレートを作成するきっかけになったり なんらかのテストを作成するきっかけとなりました。

オープンソースで作業するのが好きです。なぜなら、 向上する(改善する場合もありますが、そうでない場合もありますが、 最善を尽くします)。お互いのものを基盤にして ウェブにとって大きな成果が生まれます

ユーザー補助の資金調達方法

Alexandra: 実は、 pleasefunda11y.com までお問い合わせください。本当に重要なことは、 アクセシビリティの高いサイトを構築する方法を 教えてくれましたが 経営陣による資金提供や承認を得ずに リソースを保護できますなぜ このサイトを作成することにしましたか?

Melanie: アクセシビリティの資金があまりにも少ないために、イライラしました。次のすべて オープンソースファンディングは 引き続き CSS に送られているようですCSS にはさまざまな機能があります。 たくさんあります。

私がこのサイトを構築したのは、Addy Osmani という Chrome ソフトウェア エンジニアリング マネージャーから連絡があり、 ユーザー補助の資金提供を求めたが、具体的な 資金調達もできましたこれは大きな問題です。オープンソースの資金提供者は 具体的な成果の出ない一般的なアイデアではなく、特定のプロジェクトに限定される。私は 少し時間をとって、具体的なイニシアチブ、必要なこと、 サイトのアクセシビリティが向上します

私がいなくても、企業がこうした取り組みを目指して動いていても、 ウェブのアクセシビリティは 大幅に進化しましたごく小さな 他のウェブ活動と比べて費用が大きく、 人々の暮らしを支えています。

現在の考え方は多くの場合、「何人の人々が 障がいでしょうか。「人と自分の関係性は何か?」と どうすればよいのでしょうか。

一部の人々はこう言ったことがあります。「色覚異常は、 あります。次の場合は、ご自身を障がいであると自認できない場合があります。 色覚異常がありますが、テクノロジーとの関係に影響します。

    15 %

    障がい者だと自己申告します。

    出典

    253

    サポートしています

    出典

    39

    ウェブ アクセシビリティに関する法律が定められている国と地域です。

    出典

で確認できます。 <ph type="x-smartling-placeholder">
</ph> 統計情報について詳しくは、ユーザー補助機能の最初のモジュールをご覧ください。 デジタル アクセシビリティの概要と重要性

Alexandra: あなたとの関係について詳しく教えてください。 実現しています。これはアクセシビリティとどう関係するのでしょうか

Melanie: たとえば、神経ダイバーシティは、 わかりやすい指示を心がけてください。新しい P-MAX キャンペーンを 一度にいくつかの選択を行いながら あります。最新の技術アプリケーションには適切なガイダンスがありません。

DevOps を実施する企業もありましたが 「なんてことだ」とご存じですか?私たちはキッチンシンクを詰めようとしています 最近ではすべてのインターフェースに 取り込まれています

Alexandra: 例を挙げてください。

Melanie: たとえば、GitHub にはタブがネストされたプルダウンがあります。そして [腹を立てたため息]。イライラすることはできません(イライラしていても)。最新のウェブ 新たな需要を満たすには 成長する必要があります同時に 責任ある AI の構想を 新しい技術を導入しました

それが私の原動力です それが私の情熱です誰かにそれをやってほしくないと 仕事で使う必要のあるツールにアクセスできないため、仕事に就くことができません。

Alexandra: 100 パーセントです。多くの人が Google Cloud で 必要ではあるものの、必ずしもそう考えているとは限らない 従業員に関する情報を入手できます。

Melanie: この資金調達に関するアドバイスは、 すべての人にメリットをもたらすことができます。

エンジニアたちはいつもユーザー補助機能を望んでいますが、 関係ない」というものです。きっと気にしているはず!ビジネスと顧客との橋渡しが必要 あります。ビジネスにとって有益な結果を示します。サイトは公開されています ソースです。 貢献と編集。

Alexandra: アクセシビリティは多くの場合、 後でアクセスできるようになればいいのです。」でも、さらに時間がかかるでしょう。 組織全体で利用しやすい手法を統合するよりも、後から追加することもできます。 できます。

Melanie: 私はよく言う質問です。「1 回無料で構築しますか?それとも、それとも後でビルドするか」 お金を払って 2 倍の金額を作ればいいのか」というものです。

Ember.js と主要なユーザー補助チーム

Alexandra: 皆さんは Ember.js フレームワークのコアチームにも携わっていますね。 どのように関わってきましたか?

Melanie: 私は、JP Morgan Chase で、 投資銀行プラットフォームの場合ですEmber は高機能な JavaScript フレームワークで、 安定した(おそらく退屈な)ベースが必要な場合は、 多くの銀行コストを費やすコードを書く必要がありませんEmber は後ろ向きで 互換性の保証。たとえば、 あります。段階的に進めていくため、問題が起こらないよう 説明します。

私は Ember のカンファレンスに参加し、 できます。Ember の人たちはとても親切だった。また、 非常に強力な行動規範を 他の地域ではまだ見られなかったからです

軍を出たとき、安全保障に入りたいと思っていました。次の場所に行きました: 情報セキュリティ集会では、他の女性は見られませんでした。ある年配の男性は 「本当に正しい部屋にいらっしゃいますか?」と言われました。

Alexandra: [うめき声] 痛い。これが驚くことではありません。CANNOT TRANSLATE 発生しました

Melanie: 今が 2011 年、あるいは 2012 年などでしょうか?状況の変化 たくさんあります。その夜、待ち合わせをして、ポイントを証明するために宿泊しました。そうではなかった コメントで気が散っちゃうかな。面白い話をしたり、メモを取ったり、 他の参加者が会話に参加していることが伝わりました。とても気分が上がる これまでの経験で、男性の過ちを証明してきました。

ただ、男性の間違いを証明するためだけに、女性がソフトウェア エンジニアになるのは避けたいものです。私は ソフトウェアエンジニアになりたかったのは 素晴らしいものを作ることです できます。女性にはそのようなキャリア オプションがあるべきだ。

Alexandra: もちろんです。

Melanie: ユーザー補助について知っていることを Ember コミュニティと共有し、 銀行プラットフォームとして 米国連邦法に準拠する必要があるからです 提供します。Yehuda Katz 氏と Tom Dale 氏は「チーム間にギャップがあります。水 JavaScript の専門家 パフォーマンスの専門家 ですから、ユーザー補助の知識を持つ人材が必要です。」そしたら僕を招待してくれたんだ コアチームに加わることになります。

Ember をデフォルトで利用できるようにする取り組みを進めています。つまり 「ember new <my-app-name>」と言ったら、すぐに WCAG を渡す必要があります。 評価します

Alexandra: GitHub で Ember 用のユーザー補助ツールの長いリストを見ました。 Ember コミュニティの皆さんが、 どうすればよいでしょうか。

Melanie: この仕事は、とても楽しみでした。私が書いたのは LinkedIn での作業中の Ember のアクセシビリティ lint ルール。その後 Hashicorp の LinkedIn や、 リンターの使用もおすすめします。その部分で、 のんびりして、私もワクワクします。

Google は、アクセシビリティを市民権とみなすことを基本としています。それではありません ディスカッションできます。

説明するのは、何を実装できるかです。どのタイミングで、どうやって作るの?どうすれば 下位互換性を確保するにはどうすればよいでしょうか。デベロッパーが 開発、デプロイ、テスト、開発者による 計画していますか?

Alexandra: アクセシビリティは公民権です。そしたらびっくりする!これは、 誰もが真実として知っているものでなければなりません。

Melanie: 「 目が覚めていたらインターネットのことはなかった」と述べています。あるいは、「なぜ障がいについて考えなければならないのか」と “全ユーザーの 5% でしか機能しないのに 90% で動いてるのに”同意しない 会話の妨げになるという問題があります。

アクセスしやすいコードを記述すると パフォーマンスが向上します W3C 仕様に沿ったサイトの構築を検討しているでしょう。こちらの セマンティック HTML を使用し 見出しも使用しますモデルには、 クリック イベントを <div> に追加する代わりに <button> を使用すると、 パフォーマンスが向上します

1 つのこと: ユーザー補助を自動化する

Alexandra: ウェブ デベロッパーがアクセシビリティの高い環境を構築するために というものです。

Melanie: 自動化を追加します。まず既存の lint を使用して、 使用するコードの種類に関係なくどちらがいいかはともかく 確認しましょう。これらのルールのいずれかに違反すると、ビルドが中断されます。

AI はまだインテントを解読できないため、自動化できないことがあります。対象 たとえば、画像の代替テキストの値は有意味である必要がありますが、 どういう意味だろう?今のところ、自動化ではなく人間がそれを認識する必要があります。

しかし 自動化ツールを使えば 色のコントラストを選択します。ジャスト 修正します戦うのはやめて、「でも、嫌いだ、こういう方法が好きだ」と言うのはやめましょう。 これは、あなたに関するものではありません。すべての人が Google の機能を 利用できるようにすることです 日々活用しています。

ユーザー補助は長い道のりであり、常に学び続けます。訪れたことがある 10 年以上にわたってユーザー補助を専門としていましたが、 ことばかり!自己防衛的ではなく、とにかく実践しましょう。


メラニーさんの成果について詳しくは、 melanie.codes と Twitter @a11yMel。彼女のユーザー補助に関するリソースを確認する pleasefunda11y.com a11y-info.com a11y-automation.dev