Meetup Report Vol.4
2023.01.18

やってる?アクセシビリティ対策

アクセシビリティシャンのゆうてんさんをお招きしてMeetupを開催しました!

トピック

  • アクセシビリティ対応どこまで対応してる?
  • 参照するべき仕様やガイドラインは?

初めに

今回はゆうてんさん(@cloud10designs)をお招きしてアクセシビリティをテーマにしたミートアップを開催しました。ゆうてんさんはアクセシビリティの専門家であるアクセシビリティシャンとして企業に勤めながら、個人でVScodeなどのエディターでHTML構文をチェックしてくれるMarkupLintというツールを開発していらっしゃいます。アクセシビリティシャンという肩書きを初めて知りました。

アクセシビリティの始め方

ず初めに、アクセシビリティ対策と言っても何から始めていいのか分からない方のために話を始めましたが、ゆうてんさん曰く、HTMLタグを活用してマークアップしていればアクセシビリティ対策を行っていることになるので、実は誰もがアクセシビリティ対策は行っているが、どの程度までアクセシビリティ対策を行っているかが問題とのことでした。

はいえ何から始めたら良いか分からないと思うので、JIS規格を参考にするのが良いと紹介させていただいたところ、リスナーの方から「JISとWCAG の違いはなんですか?」という質問をいただきました。

結論から言うと、WCAG はウェブアクセシビリティを定めた世界的なガイドラインであり、そのWCAGを日本語訳したようなものがJIS。ただし現在のJISはWCAGの古いバージョンを翻訳しており、現在のJISではスマホに関するアクセシビリティがまだ定められていないので、注意が必要だと教わりました。

の他にも、キーボードー度操作とoutlineの制御、aタグとbuttonタグの違いなど、様々なテーマについて教えていただきましたが、僕は「アクセシビリティは障害者や高齢者のためのものだと思われがちだけどそうではない。たしかに起源としてはそうだけど本来はそういったマイノリティの方のためのものだけではなく健常者も含めた全てのひとにとって使いやすさを担保するもの」と言う考え方が最も重要かなと思いました。

今回は94人の方に参加していただき大盛況で時間があっという間に過ぎてしまいました。これは第二回アクセシビリティ会開催ですかね??笑

また、より詳しいミートアップの内容に関しては、リスナーのたたた@学習中(@N7F8jdiJl3wPbj)さんがまとめてくださったZennの記事をご覧いただければと思います!


最後に

次回は来年の2月15日(水)にまたゲストをお招きして開催する予定です。みなさんぜひ遊びに来てください!来月のmeet upでお会いしましょう!

レポートの執筆者

スズキトシヤ
workGeneral manager / Technical director
フロントエンドクラブの代表です。プログラミングとプランニングがちょっとできます。広告とサッカーが好きです。受賞歴:GOOD DESIGN AWARD / ACC / Young Lions Competitions - finalist / W3 Awards / The Webby Awards 等

その他のレポート

  1. Talk Event Report Vol.17
    ホスティング環境、どうしてる?
    今回のトークイベントはホスティング環境についてお話ししました!メンバーが普段採用しているホスティング環境からそれぞれのメリデメまで盛りだくさんです!
    2024.06.26 @公式Discordサーバー 開催
  2. Talk Event Report Vol.16
    エンジニアの教育、どうしてる?
    今回のテーマは「エンジニアの教育、どうしてる?」です。実際にどういった教育を行っているか、教育において何を意識しているかについて話しました!
    2024.05.29 @公式Discordサーバー 開催
  3. Talk Event Report Vol.15
    チームの技術刷新、どうしてる?
    今回は「チームの技術革新」について、トークイベントを開催しました!今回はいつものトークイベントとは一味違い、社外の同僚のお悩みを一緒に考えるスペシャルトークイベントでお届けします!
    2024.04.24 @公式Discordサーバー 開催
  4. Talk Event Report Vol.14
    忙しいこの時期、どう乗り越えてる?
    今回は年度末ということで、過去最大級にゆるいトークイベントが開催されました!テーマ:忙しいこの時期、どう乗り越えてる?副題:UXデザイナーについて、でお届けします!
    2024.03.27 @公式Discordサーバー 開催
  5. Talk Event Report Vol.13
    エンジニアファーストについてどう思う?
    今日は皆さんとエンジニアファーストについて考えてみました!そこから転じて、エンジニアとして大切にすべきことや、エンジニアとして目指す場所まで!今月は深〜いトークイベントになりました!
    2024.02.28 @公式Discordサーバー 開催
  6. Talk Event Report Vol.12
    CSSどう書いてる?
    今回は新しいコミュニティーリーダーのみなさんも交え、リスナーの皆さんと、CSSの書き方についてお話しました!最近話題のtailwindcssのお話から、UIライブラリ、BEMやFLOCSSなど、今回も色々なお話ができました!
    2024.01.24 @公式Discordサーバー 開催
  7. Talk Event Report Vol.11
    フロントエンドエンジニアとして理想的な職場とは?
    今回のトークイベントは、皆さんと「フロントエンドエンジニアとして理想的な職場とは?」についてお話ししました!
    2023.12.20 @公式Discordサーバー 開催
  8. Talk Event Report Vol.10
    生産性、 どうやってあげる?
    今回のトークイベントは、運営メンバーを中心に、リスナーの皆さんと「生産性が上がらなくて困っていること」や「生産性を上げるために意識していること」についてお話ししました! 
    2023.10.25 @公式Discordサーバー 開催
  9. Talk Event Report Vol.9
    コーディング規約どうしてる?
    今回のトークイベントはDiscordでの開催で、トピックは、Discordでのアンケートを通して最も票が多かった「コーディング規約」でした!社外の同僚たちがいつもコーディング規約のどんなことをどのように意識しているのか、今回のトークイベントも普段知り得ない、フロントエンド情報盛りだくさんの1時間でした!
    2023.09.27 @公式Discordサーバー 開催
  10. Talk Event Report Vol.8
    フレームワークどうしてる?
    今回は、みんなの「フレームワークどうしてる?」ということで、 Next.js・Nuxt.js・Astroにそれぞれ精通しているゲストをお招きして、その魅力や勉強法について語っていただきました!
    2023.08.30 @公式Discordサーバー 開催
  11. Talk Event Report Vol.7
    読まれる技術ブログとは 〜にしはらさんから見たICS MEDIAネタ選びと続け方のポイント〜
    ICSメディアのにしはらさんをお招きして、読まれる技術ブログとは何か、そして、にしはらさんから見たICS MEDIAのネタ選びと続け方のポイントについてお話ししていただきました!
    2023.05.24 @Twitter Space 開催
  12. Talk Event Report Vol.6
    フロントエンドのためのテストの必要性と始め方!
    『フロントエンド開発のためのテスト入門』の著者であるTakepepeさんをお招きしてトークイベントを開催しました!
    2023.04.19 @Twitter Space 開催
  13. Meetup Report Vol.5
    いざ!WebGLの世界へ
    webGL総本山のh_doxasさんをお招きしてMeetupを開催しました!
    2023.02.15 @Twitter Space 開催
  14. Meetup Report Vol.3
    大特集!ヘッドレスCMS
    MicroCMSの柴田さんをお招きしてMeetupを開催しました!
    2022.12.14 @Twitter Space 開催
  15. Meetup Report Vol.2
    教えて!みんなの開発環境
    最近の開発環境について意見を交換しました!
    2022.11.16 @Twitter Space 開催
  16. Meetup Report Vol.1
    どうする!?フロントエンドクラブ
    記念すべき第一回のMeetupでは今後の方向性について話し合いました!
    2022.10.19 @Twitter Space 開催
一覧へ戻る