これを押してください: Amber Hinds による Web アクセシビリティの旅

公開: 2023-11-17

WMR の WordPress コミュニティポッドキャスト、Press This へようこそ。 各エピソードでは、コミュニティ周辺からのゲストが登場し、WordPress 開発者が直面している最大の問題についてディスカッションします。 以下はオリジナルの録音の書き起こしです。

レッドサークル提供

Doc Pop : WMR の WordPress コミュニティポッドキャストである Press This を聞いています。毎週、WordPress コミュニティのメンバーにスポットライトを当てます。私はあなたのホスト、ドク・ポップです。私は WP Engine での役割と TorqueMag.io への貢献を通じて WordPress コミュニティをサポートしています。 RedCircle、iTunes、Spotify、またはお気に入りのポッドキャスティングアプリで Press This を購読できます。 WMR.fm からエピソードを直接ダウンロードすることもできます。

今日、私たちはデジタル環境の最前線にあるトピック、文字通り、Web アクセシビリティについて深く掘り下げていきます。これはすべての Web サイトとすべてのユーザーに影響を与える問題であり、アクセス可能なサイトは読者や顧客を失い、サイトをオンラインに公開する目的を台無しにする可能性があります。

本日は、Equalize Digital の創設者兼 CEO であり、WordPress Accessibility Meetup の主催者でもある Amber Hinds 氏が参加します。アンバーの仕事は、主要な大学、政府機関、さまざまな組織が包括的なオンラインエクスペリエンスを作成できるよう支援することに大きな影響を与えています。また、彼女の会社の最新ツールであるアクセシビリティチェッカーは、Web サイトのアクセシビリティステータスをリアルタイムでスキャン、監視、レポートする強力なプラグインであり、コンテンツテーマとプラグインが誰にとっても使いやすいものであることを保証します。アンバー、ショーへようこそ。

アンバー・ハインズ: 迎えてくれてありがとう。ここに来ることができて興奮しています。

DP : よろしくお願いします。まずはあなたの誕生秘話を聞くことから始めましょう。 WordPress を始めたきっかけは何ですか?

AH : そうですね、私は WordPress.com でママブロガーとしてスタートしましたが、より多くの変更を加え、より細かく制御できるようにしたいと思ったときに、.org に移行しました。というのも、私が 2009 年に WordPress.com で WordPress を使用していたときは、テーマのカスタマイズやプラグインのインストールを行うことができませんでした。そして私は、最初に WordPress ウェブサイトについて私に助けを求めてきた友人たちからフリーランスのビジネスを育てました。

DP : まだこのスペースにいるママブロガーの話を聞くのが大好きです。私は間違いなく、ウェブサイトが非常にアクセスしやすく、とても簡単だったので、成長したこれらすべての人々が参加した、インターネット性の一種の魔法の瞬間だったと思います。 WordPress コミュニティは、自分たちの人生において重要なことについて話すためだけのものです。

そして、その多くは Facebook やソーシャルメディアに移されるかもしれないと思います。それはちょっと残念ですが、あなたのような人たちがそのスペースに留まり、そのスペースを他の人にとってより良いものにすることに移行しているのを見るのは嬉しいですそういう人たち。はい、ありがとうございます。さて、あなたの会社、Equalize Digital について少し聞いてみませんか。皆さんはそこで何をしますか？

AH : そうですね、私たちは B Corporation の認定を受けており、WordPress のアクセシビリティを専門としています。そのため、私たちはアクセシビリティの監査と修復をパッケージ化した計画で実施し、それらを定期的な収益ベースで人々のために実施しています。そして、私たちは企業組織向けにアクセシブルな開発を行っており、Equalize Digital Accessibility Checker という製品を持っています。これは、Yoast や RankMath などの SEO ツールで見られる方法と同様に、WordPress Web サイトのアクセシビリティの問題をスキャンし、問題にフラグを立てます。コンテンツをより SEO に適したものにするために、投稿編集画面にレポートを提供するようなものです。同じチェックを行いますが、それはアクセシビリティのためです。

DP : そして、ここで注意していただきたいのは、人々はすでにこれを理解していると思いますが、これは、以前はサイトにアクセスできなかった場合にサイトにアクセスできるようにすると主張するツールの1つではありません。これはツールです。なぜなら、これらのツールには暗い機能があるからです。オーバーレイなどで推奨どおりに機能しない可能性があるという履歴がありますが、これは実際には、あなたが言ったように、Yoast チェッカーに近いツールです。Yoast はページの SEO を改善しません。ページの SEO を改善する方法を示しています。それがここで起こっていることです。

AH : はい、その通りです。このツールによるフロントエンドへの影響はなく、パフォーマンスに悪影響を与えないという大きな利点もあります。これは実際には、開発者、デザイナー、コンテンツ作成者がコンテンツをより適切に作成し、アクセシビリティをより迅速にチェックし、アクセシビリティを学習するために使用できるツールです。そのため、私たちはリンクを貼ったドキュメントや、アクセスしやすい方法でコードを作成したりコンテンツを入力したりする方法について人々が学ぶのに役立つものがたくさんあります。

DP : では、アクセシビリティチェッカーをインストールした場合、無料レベルとプレミアムレベルで何が得られるかなど、さまざまなレベルについて話すことができますが、ツールが私に提供する基本的なものは何ですか? バックエンドでのエクスペリエンスはどうなりますか?

あ：そうですね。したがって、実際には、プラグインにはバックエンドビューとフロントエンドビューの両方があります。無料版は WordPress.org で入手でき、投稿とページを無制限にスキャンできます。したがって、非常に基本的な Web サイトをお持ちの場合は、無料版を永久に使用できる可能性があり、アップグレードする理由はありません。

さまざまなレベルの有料バージョンもあり、これにはカスタム投稿タイプのスキャンや、必要に応じて利用できるその他の機能が含まれています。しかし、基本的に無料またはプロのプラグインが行うことは、投稿またはページの編集画面のコンテンツ領域の下にメタボックスを配置することです。スキャンして概要を提供し、[詳細] タブにアクセスして、ページ上で見つかった個々のエラーや警告を確認することができ、それらを見つけるのに役立ちます。ただし、夏にリリースしたものは、NASA の資金提供を受けており、非常に楽しみにしています。これは、プラグインが NASA の Web サイトで使用されているためであり、プラグインのフロントエンドビューです。

ですので、興味のある方はぜひダウンロードしてみてください。ログインした管理者は、投稿またはページのフロントエンドでボタンを切り替えることができ、フロントエンドでエラーや警告を確認できます。要素の周囲にピンクの破線のボックスが表示されます。これは、コードスニペットを見るだけでは、これを編集するにはどこに行けばよいのかを知ることが難しい場合があるためです。これがフロントエンドビューの背後にある考え方です。

DP : それはすごいですね。つまり、これは中小企業向けのプレミアム機能の 1 つであり、より高いレベル、または…

AH : いいえ、実際には、これは NASA との会話でした。彼らはプラグインを使用していて、NASA の Web サイト上のコンテンツを編集する技術的知識のないコンテンツ作成者やライターが問題を見つけやすくするものを望んでいました。そこで私たちはこれを作成し、彼らが資金を提供し、最終的には NASA のためだけにこれを構築するのではなく、無料のプラグインとしてリリースすることにしました。したがって、その機能は無料で使用できます。これは、私たちが認定 B Corp であることと、NASA の使命の一部が人類に還元することの両方に当てはまります。ベルクロが NASA から出てきたのと同じように、このフロントエンド機能も NASA から出てきたのではないかと私たちは冗談を言ってきました。

DP : それはクールですね。それが彼らに必要なことなのです。それで、私たちが問題について話しているとき、私は低コントラストのフォントがオンになっていると仮定しています、読みにくいものなど、そのようなものですか、それともネズミのような罠のことを話しているのですか、ええと、用語はネズミだと思います改善が行われない限りサイト内を移動できないトラップ。確かに説明が間違っていると思いますが、ここでどのようなものを探しているのかについて教えていただけますか?

AH : 40 種類以上のチェックがあるということですね。それらをいわゆるエラーと警告に分類します。エラーとは、問題であることが 100% わかっているものです。たとえば、リンクテキストがあいまいなため、「詳細」という単語や「こちら」という単語がリンクされているだけで意味がありません。なぜそのリンクをたどるのか誰も実際には分からないので、それが問題であることはわかっています。さらに何を学べばいいのでしょうか？

これはエラーの一例です。それは決定的に問題です。修正する必要があります。そして、警告もあります。画像に代替テキストが欠落している場合など、これは警告です。画像が純粋に装飾的なものであり、画像の説明を提供することで人々の反応を遅らせたくない場合には、代替テキストを空のままにすることが実際に正しい場合があるためです。たとえば繁栄する。

つまり、人間がそれを評価する必要があるものです。私たちはそれにフラグを立てることはできますが、人間がそれを見て判断する必要があります。したがって、40 を超えるさまざまなエラーと警告があります。しかし、知っておくべき重要なことは、フラグを立てることができても人間による評価が必要なものがあるのと同じように、自動テストツールでは見つけられないものもいくつかあるということです。そのため、私たちは手動テストに関する多くの教育も提供しています。したがって、私たちのツールを使用すると、代替テキストが欠落しているすべての画像や、順番が間違って入力された見出しを持つすべてのページを非常に迅速に知ることができます。そして、非常に大規模な Web サイトでは、おそらく数十万ページある Web サイトで作業しているとします。プラグインにそれらすべてをスキャンさせ、どこにドリルダウンして移動する必要があるかを判断できます。に入って見てください。したがって、テストを大幅にスピードアップできます。

しかし、真のアクセシビリティの観点から見ると、フロントエンドに行って、あなたが話していたようなキーボードトラップを探す必要もあります。これは、文字通り Web サイトを通過し、Tab キーを押し、すべてのインタラクティブな要素にアクセスできることを確認することです。、マウスなしでウェブサイトを完全に使用できます。

そしてもちろん、スクリーンリーダーをオンにして、スクリーンリーダーでテストすることも常にお勧めします。

DP : ここはちょっと休憩するのにいい場所ですね。戻ってきたら、WordPress のアクセシビリティに関するミートアップグループと、サイトのアクセシビリティの向上についてさらに学ぶ方法について、Amber Hines とのインタビューを続ける予定です。それでは、短い休憩の後もお楽しみに。

WordPress コミュニティポッドキャストである Press This へようこそ。私はあなたのホスト、ドク・ポップです。今日は、Equalize Digital の CEO であり、WordPress アクセシビリティミートアップの創設者兼主催者である Amber Hinds と話をします。

イベント。アンバー、WordPress アクセシビリティ Meetup について少し教えていただけますか?

AH : 確かに、WordPress アクセシビリティ Meetup は WordPress Meetup プログラムの公式ミートアップです。面白いことに、これは最初の交流会の 1 つですが、現在では都市を拠点としないように設計された唯一の交流会ではありません。そのため、WordPress のミートアップは常に都市を拠点とするものでした。それで、私はジョージタウンにいるので、必要に応じてジョージタウンの WordPress ミートアップに参加することができます。数年前、アクセシビリティについてもっと学びたいと思い始めましたが、私の周りには Web アクセシビリティの専門家があまりいません。町。実際はそれほど大きな町ではありません。それで私は申請書を提出しました。そして、純粋に仮想的なミートアップを許可するかどうかについてコミュニティで大きな議論があり、私たちは WordPress アクセシビリティ Meetup が最初のトピックベースのミートアップの 1 つとして承認されることに興奮しました。

現在ホスティングに関するものもあると思います。BlackPress も存在しますが、私たちは月に 2 回会合を持っています。木曜日は米国中部時間の午前 10 時、第 3 月曜日は米国中部時間の午後 7 時に放送されるため、世界中の人々に十分な情報を提供できます。それらはすべてZoom上にあります。ライブキャプションの費用を賄ってくれるスポンサーを見つけているので、交流会では常に人間がキャプションを入力しています。

そして、ウェブサイトのアクセシビリティに関連するさまざまなトピックがたくさんあります。コードベースの場合もあれば、コンテンツベースまたはデザインベースの場合もあり、すべて異なります。

DP : それで、あなたも WordPress Accessibility Day の主催者の一人でしたか?

AH : はい、WordPress アクセシビリティデー、私は実際には理事会の会長です。私たちは独立した非営利団体です。 WordPress Community Foundation から独立しています。毎年秋に開催される24時間イベントで、2023年の今年は3回目ということでとても盛り上がりました。 24 時間続く 1 つのトラックに 2,000 人以上が登録し、参加しました。

DP : 私もその 2,000 人のうちの 1 人でしたが、本当によく運営されたイベントでした。その背後にいるすべての人々と、それを組織してくれたあなたに敬意を表します。このインタビューで私が聞きたかったことの 1 つは、人々がアクセシビリティを見つける方法を理解するのに役立つツールがあるかどうかについて聞きたかったことだと思います。もっと積極的になり、サイトの公開後ではなく公開前にアクセスし続ける方法のベストトレンドとベストプラクティスを学びたい場合、ユーザーにどのようにアクセスし続けることを推奨しますか?

これの跡は？

AH : そうですね、もちろん、交流会に参加するのは素晴らしい方法です。また、すべてを記録し、ウェブサイトに掲載します。 equalizedvisual.com スラッシュミートアップにアクセスすると、アクセシビリティに関するすべての WordPress ミートアップの録画をすべて見つけることができます。申し訳ありませんが、WordPress アクセシビリティミートアップです。そして、別の方法として、私たちが運営している Facebook グループ、WordPress Accessibility Facebook グループがあり、人々とつながりを持ったり、質問したりするのに適した場所です。大事なことの一つは、恐れずに始めることだと思います。完璧である必要はありません。アクセシビリティはまさに旅だと思います。それは一夜にして起こることではありません。それは時間をかけて行う小さなことです。したがって、プラグインをインストールして、いくつかの小さな修正を行う作業を開始できます。新しい Web サイトを構築するたびに、WordPress を使用してタブキーを確認し、すべてのフォームを送信してカルーセルを使用できるか、アコーディオンを展開して、なしのコンテンツ

マウスを使用して。

したがって、場合によっては、学習するための最良の方法は、ただ飛び込んで理解しようとして始めることです。しかし、方法がわからない場合は、Facebook グループやミートアップに参加することも、実際に人々とつながるもう 1 つの方法だと思います。そして、The Admin Bar を通じていくつかのコンテンツを公開することに取り組んできました。それは毎週発行される Accessibility Weekly です。特定のアクセシビリティに関する記事を投稿します。これも、もっと学ぶためのもう 1 つの方法です。

DP : そして、あなたは十分に長くこの分野に携わっており、この特定のトピックに十分長く携わっているので、Gutenberg が登場した頃、WordPress がアクセシビリティに関する議論をより顕著に始めたと私が感じていることについてフィードバックをくれるかもしれません。それはコミュニティ内で福音となったもの、または間違いなくより焦点の高いものになったように感じます。それを見たことがあるかと思います。また、ユーザーにとってアクセスしやすいという点で、コア製品としての WordPress が現在どのように機能していると感じているかも知りたいと思います。

AH : 過去 2 年間で、WordPress コミュニティ、WordPress を使用する開発者や代理店のアクセシビリティに対する意識がかなり大きく変化したことに私は間違いなく気づきました。それは、米国で起こっている法律の強化と部分的に関係していると思います。また、新型コロナウイルス感染症以降、世界中でかなり大きな変化が見られます。ヨーロッパでは、欧州アクセシビリティ法があり、これには崖がありますが、2025 年 6 月に施行が開始される予定です。つまり、多くの法律が制定されています。これは、GDPR によって多くの人がプライバシーの流行に乗らざるを得なかったようなものです。

もう一つは、講演やその重要性についての意識を高めるために多くの努力をしてきた本当に素晴らしい提唱者が世の中にたくさんいるかどうかだと思います。それで、あなたは Gutenberg について言及しましたが、Gutenberg が紹介された頃に多くの人がそれを認識するようになったのは、まさに WP Campus のおかげでした。WP Campus は Slack グループを持ち、 WordPress 以降を対象としたカンファレンス。そして、Gutenberg がいかにアクセスしにくいかについて非常に多くの懸念があったため、彼らは Gutenberg のアクセシビリティ監査を依頼し、費用を支払いました。そして、その監査により、より多くの人がアクセシビリティについて認識するようになりました。

私たちの立場から見ると、監査におけるすべての問題は解決されましたが、道のりはまだ長いです。特にブロックエディターでは、アクセシビリティの観点から、特にスクリーンリーダーユーザーやキーボードのみを使用するユーザーにとって Web サイトを編集するのが非常に難しい部分があります。そこには本当にもっと努力する必要があると思います。現在、アクセシビリティチームで働くようスポンサーされている開発者は 1 人だけです。つまり、彼は有給でパートタイムのみです。それが Joe Dolson です。そして、より多くの企業が、WordPress への貢献者に報酬を支払っているかどうか、あるいは支払っていないとしても、WordPress への貢献者にスポンサーになって、アクセシビリティチームで働く一部の人たちを後援することを検討していることを、それがいかに重要であるかを理解してもらいたいと心から願っています。問題がたくさんあるので、開発者が対応して問題を解決し、問題を解決するのを手伝ってもらうだけで十分です。

DP : そして、あなたは WP キャンパスとそこでの取り組みについて言及しました。レイチェル・チェリーに大声で叫びたかっただけです。レイチェルが間違いなくコミュニティ内で多くの意識を高めていたことを覚えています。そして、レイチェルのような人たち、そしてあなたと同じように仕事をしている人たちが、このことをより心に留めたと言わざるを得ません。私は巨大なサイトを持っているわけではありませんし、NASA などでもありませんが、今では間違いなくこれについてより深く考えており、ソーシャルメディア上でも代替説明を使用しています。そして、これの多くは、アクセシビリティが必ずしもそうとは限らないことに今気づきました。少し説教臭くなってきました。誰もがこれを聞いたことがあると思いますが、アクセシビリティは単に意味するものではありません一部の個人がウェブにアクセスできるようになります。それは、実際には、よりコントラストの高いフォントと代替説明を使用して、サイトをモバイル対応にすることですよね? さまざまな方法でアクセスできるようにします。私たちが話しているのは、単にあなたのサイトを作り、ウェブをすべての人にとってより良いものにすることです。「ああ、一部の個人にはこれらの改善が必要だ」ということを考えるだけではありません。いや、これはよく考えたら本当にそうなんですよね？うまくいけば、私たちはすべての人にとってすべてをより良くすることができます。

AH : そうですね、つまり、アクセシビリティは、優れた UX またはユーザーエクスペリエンスを実現することに大きく関係しています。そして、あなたが言ったように、私たちの日常生活でもウェブから離れてしまうことはたくさんあります。多くの人が考えていない、あるいは気づいていないことは、縁石に上がる必要がないように当社の縁石カットやスロープを使用していることです。これらはもともと車椅子ユーザーのために作られたものですが、子供をベビーカーに乗せたり、食料品でいっぱいのショッピングカートを押したり、重いスーツケースを後ろに引いたりするときに非常に便利です。似たような Web 機能はたくさんあります。つまり、あなたは知りませんが、年齢を重ねるにつれて、読むために時々ズームインしなければならない Web サイトがあることに気づきました。特に私の携帯電話では。そして時々、開発者がズームを無効にしているものに遭遇することがあります。そして、私はただここを離れて、「まあ、ここに座って目を細めてこれを読もうとするのは嫌だ」と思ったからです。私にとってはイライラします。私たちは皆、通常は健常者から、Web を利用するために何らかのデバイスや個人的な支援が必要になる可能性がある状態まで変化しています。そして、開発者として、私たちはそれを念頭に置き、それが本当にすべての人に役立つことを認識したいと思います。そして、これは私たちが世界をより良い場所にすることができる方法です。

DP : その点に関しては、もう 1 回休憩して、戻ってきたら会話を再開し、中小企業や代理店にとって興味深いかもしれないアクセシビリティチェッカープラグインのいくつかの新しい改善点に焦点を当てたいと思います。それでは、短い休憩の後もお楽しみに。

WordPress コミュニティポッドキャストである Press This へようこそ。アンバー・ハインズとの会話はこれで終了です。 WordPress アクセシビリティ Meetup について、またサイトの改善やアクセシビリティについて学ぶ方法についてお話しました。番組の前半では、Equalize Digital の Accessibility Checker プラグインについて話しました。ここでもう少し詳しく見ていきたいと思います。価格ページが表示され、今日サインアップしました。私はちょっと確認するために個人レベルでプラグインをインストールしましたが、中小企業や代理店レベルでも優れた機能がいくつかあります。たとえば、中小企業レベルでは、30 分間のアクセシビリティコンサルティングと、毎月 2 回のアクセシビリティオフィスアワーがあり、それを手伝ってくれるのを見ました。代理店や中小企業に上位レベルで提供できる機能について、もう少し詳しく聞きたいのですが。

AH : そうですね、中小企業や代理店レベルでは、個別の 30 分間のコンサルティングを提供しています。これは実際には私との電話または Zoom 通話で、うまくいきます。スクリプトはありません。私たちは、その特定のビジネスや代理店にとって最適な方法をとります。つまり、場合によっては、すでに、通常はすでにプラグインがインストールされており、いくつかの問題があり、特定の問題を修正する方法について話し合うだけの時間を費やすこともあります。これらの目的は、実際に人々に提供し、プラグインを使い始めて、何かおかしなものが表示されていないことを確認し、また、その情報を提供することです。なぜなら、私たちのツールは見積もり修正ツールではないからです。そうです、まだいくつかの作業を行う必要があります。問題が発生し、それを修正するための最善のアプローチがわからない場合があります。そして、そのときはそうします。

オフィスアワー内でも実施しております。したがって、オフィスアワーは月に 2 回あります。そしてそれらはグループ化されています。それらは記録されていません。でも、複数人で来られるのはいいですね。他の人の話を聞きたい、学びたいという理由だけで、時々来てくれる方もいます。しかし、それは、ある意味、対面して、アクセシビリティ、見つかっているいくつかの問題、そしてそれらを修正するための最良の方法について話す機会です。

代理店層の中小企業向けに私たちが提供しているもう 1 つの比較的新しい機能は、監査履歴というアドオンが含まれていることです。したがって、プラグインの無料バージョンとプラグインの基本 Pro バージョンは、現在のステータスを表示するだけです。しかし、多くの政府機関や開発者は、時間の経過に伴うアクセシビリティの変化について報告する機能を必要としています。これが、この監査履歴プラグインまたはメインプラグインのアドオンです。一定の間隔でカウントを保存し、それらを表やグラフで表示し、理想的には時間の経過とともに改善を確認し、Web サイトのアクセシビリティがどのように改善されているかをクライアントや内部関係者に報告できるようにします。

DP : そうですね、それはクールですね。今日はお話しできて本当に感謝しています。繰り返しになりますが、WordPress アクセシビリティデーやアクセシビリティミートアップでの取り組みに感謝を申し上げなければなりません。本当に感謝しています。人々があなたをフォローしたい、またはあなたが取り組んでいることについてもっと知りたいと思ったら、どこに送りたいですか?

AH : そうですね、私たちのウェブサイトはequalizedigital.comです。すべてのミートアップについて詳しく知るには、equalizedigital.com/meetup にアクセスするのが最良の方法です。今後のイベントや録画を見ることができます。私は Twitter で最も活発に活動しているので、ソーシャルメディアに興味がある方は、X/Twitter (@HeyAmberHinds) で私を見つけることができます。こんにちは、アンバー、ハインズです。

DP : さて、今日はご参加いただきまして、アンバーさん、また、WMR の WordPress コミュニティポッドキャストである Press This をお聴きいただいた皆様、ありがとうございました。

Twitter の Torque Mag で私たちの冒険をフォローしてください。それがTwitterのTorque Magです。また、TorqueMag.io にアクセスして、これらの各ポッドキャストのリリース後にさらに記事や文字起こししたバージョンを見つけることもできます。 RedCircle、iTunes、Spotify、またはお気に入りで番組を購読できます。ポッドキャスティングアプリ。 WMR.fm から直接ダウンロードすることもできます。私はあなたのホストです、ポピュラー博士です。私は WP Engine での役割を通じて WordPress コミュニティをサポートしており、Press This で毎週そのコミュニティのメンバーにスポットライトを当てるのが大好きです。