[{"data":1,"prerenderedAt":37},["ShallowReactive",2],{"post-dist48-event-report":3},{"id":4,"createdAt":5,"updatedAt":6,"publishedAt":7,"revisedAt":6,"title":8,"body":9,"categories":10,"author":14,"thumbnail":25,"ogpImage":29},"dist48-event-report","2025-04-25T05:15:55.506Z","2025-07-29T07:59:30.971Z","2025-05-01T01:00:07.103Z","DIST.48 「アクセシビリティ はじめの一歩」参加レポート","\u003Cp>2025年4月25日（金）にDIST.48 「アクセシビリティ はじめの一歩」を開催しました。\u003C\u002Fp>\u003Cp>この記事では、当日のセッションやパネルディスカッションの内容をご紹介します。スライドも掲載しているので、ぜひチェックしてみてください。\u003C\u002Fp>\u003Cul>\u003Cli>「HTMLからはじめるアクセシビリティ」\u003Cbr>株式会社トルク CTO・デザインエンジニア 堀江 哲郎\u003C\u002Fli>\u003Cli>「視覚障害当事者のウェブアクセシビリティの困り事あるある」\u003Cbr>フリーランス D&Iコンサルタント・弱視 西川 隆之、弱視 布川 詩子、福祉相談員・全盲 黒澤 美花\u003C\u002Fli>\u003Cli>「アクセシビリティの社内浸透」\u003Cbr>フリー株式会社 デザインリサーチャー、アクセシビリティスペシャリスト 伊原 力也\u003C\u002Fli>\u003C\u002Ful>\u003Ch2 id=\"h1e6b50f4c6\">HTMLからはじめるアクセシビリティ\u003C\u002Fh2>\u003Cp>「本当にタグを使い分ける必要はあるのか？」\u003C\u002Fp>\u003Cp>アクセシビリティを考える上で、まず立ち返るべきなのがHTMLの基本です。今回のセッションでは「HTML Living Standard」をベースに、HTMLタグがアクセシビリティにどんな影響を与えるのか、丁寧に解説していただきました。\u003C\u002Fp>\u003Cp>実際のコードを用いて、タグを適切に使った場合と使わなかった場合の違いを比較し、HTMLの重要性を学べました。詳細はスライドにまとめられていますので、ご興味のある方はぜひご覧ください。\u003C\u002Fp>\u003Cdiv style=\"left: 0; width: 100%; height: 0; position: relative; padding-bottom: 56.25%; padding-top: 30px;\">\u003Ciframe src=\"https:\u002F\u002Fdocs.google.com\u002Fpresentation\u002Fd\u002F1ZtA_9Q6IGfIfnTa4hV6hXotu7dXmeRGY3-lUFu4yVMQ\u002Fembed\" style=\"top: 0; left: 0; width: 100%; height: 100%; position: absolute; border: 0;\" allowfullscreen scrolling=\"no\">\u003C\u002Fiframe>\u003C\u002Fdiv>\u003Ch2 id=\"h88ecd16f61\">視覚障害当事者のウェブアクセシビリティの困り事あるある\u003C\u002Fh2>\u003Cp>日本には約30万人の視覚障害者がいると言われており、その見え方や必要とするサポートは人それぞれ異なります。今回のセッションでは、当事者の方から日常生活やWeb利用で感じるリアルな困りごとを伺いました。\u003C\u002Fp>\u003Cp>スライドバナーの自動再生から抜け出せない、アプリのアップデートで読み上げ機能が使えなくなるなど、具体的な課題や困りごとなどが挙げられました。一方で、「Be My Eyes」などの支援アプリやスクリーンショットから文字を抽出するなど、日々工夫して問題を乗り越えられている様子も印象的でした。\u003C\u002Fp>\u003Cdiv class=\"iframely-embed\">\u003Cdiv class=\"iframely-responsive\" style=\"height: 140px; padding-bottom: 0;\">\u003Ca href=\"https:\u002F\u002Fwww.bemyeyes.com\u002Fja\u002F\" data-iframely-url=\"\u002F\u002Fcdn.iframe.ly\u002Fapi\u002Fiframe?card=small&url=https%3A%2F%2Fwww.bemyeyes.com%2Fja%2F&key=c271a3ec77ff4aa44d5948170dd74161\">\u003C\u002Fa>\u003C\u002Fdiv>\u003C\u002Fdiv>\u003Cscript async src=\"\u002F\u002Fcdn.iframe.ly\u002Fembed.js\" charset=\"utf-8\">\u003C\u002Fscript>\u003Cp>「1人で完結できるような仕組みがもっと増えてほしい」\u003C\u002Fp>\u003Cp>これは、登壇者である視覚障害当事者から寄せられた率直な願いのひとつです。他にも、支援技術のおかげでパソコンに触れる楽しさを知ったという声もあり、アクセシビリティがもたらす前向きな変化も実感できました。\u003C\u002Fp>\u003Cfigure>\u003Cimg src=\"https:\u002F\u002Fimages.microcms-assets.io\u002Fassets\u002F2e326e11eb0942a5ad843f163281c5af\u002Fd7f88c9991c247e5a23d7f987f69723a\u002FIMG_9365.JPG\" alt=\"\" width=\"3840\" height=\"2160\">\u003C\u002Ffigure>\u003Ch2 style=\"text-align: start\" id=\"h310966f429\">アクセシビリティの社内浸透\u003C\u002Fh2>\u003Cp style=\"text-align: start\">このセッションでは、アクセシビリティが社内でなかなか定着しない現状の課題を出発点に、浸透のための具体的なアプローチが紹介されました。\u003C\u002Fp>\u003Cp style=\"text-align: start\">実際の取り組み事例に基づく解説もあり、現場でどのように実践されているかを学ぶことができます。詳細はスライドにまとめられていますので、ぜひ参考にして、ご自身の職場でもアクセシビリティの推進に役立ててみてください。\u003C\u002Fp>\u003Cdiv style=\"left: 0; width: 100%; height: 0; position: relative; padding-bottom: 56.25%; padding-top: 30px;\">\u003Ciframe src=\"https:\u002F\u002Fdocs.google.com\u002Fpresentation\u002Fd\u002F1as7xvkC0HXJ6113NmIIJCcyIMO0tPSg73KkEgAZ4m84\u002Fembed\" style=\"top: 0; left: 0; width: 100%; height: 100%; position: absolute; border: 0;\" allowfullscreen scrolling=\"no\">\u003C\u002Fiframe>\u003C\u002Fdiv>\u003Chr>\u003Cp>以上、DIST.48 「アクセシビリティ はじめの一歩」の参加レポートでした。\u003C\u002Fp>\u003Cp style=\"text-align: start\">過去の勉強会の動画はDISTの公式YouTubeチャンネルからいつでもご覧になれます。動画では資料だけでは伝わらない、スピーカーからの解説や実演シーンも見られます。オフラインの勉強会に抵抗を感じている方も、まずは動画から雰囲気を掴んでみてください。\u003C\u002Fp>\u003Cp style=\"text-align: start\">DIST公式サイト：\u003C\u002Fp>\u003Cdiv class=\"iframely-embed\">\u003Cdiv class=\"iframely-responsive\" style=\"height: 140px; padding-bottom: 0;\">\u003Ca href=\"https:\u002F\u002Fdist.tokyo\u002F\" data-iframely-url=\"\u002F\u002Fcdn.iframe.ly\u002Fapi\u002Fiframe?card=small&url=https%3A%2F%2Fdist.tokyo%2F&key=c271a3ec77ff4aa44d5948170dd74161\">\u003C\u002Fa>\u003C\u002Fdiv>\u003C\u002Fdiv>\u003Cscript async src=\"\u002F\u002Fcdn.iframe.ly\u002Fembed.js\" charset=\"utf-8\">\u003C\u002Fscript>\u003Cp>DIST公式YouTubeチャンネル：\u003C\u002Fp>\u003Cdiv class=\"iframely-embed\">\u003Cdiv class=\"iframely-responsive\" style=\"height: 140px; padding-bottom: 0;\">\u003Ca href=\"https:\u002F\u002Fwww.youtube.com\u002Fchannel\u002FUCNsgmodjXtYKAi1HxLK94kQ\" data-iframely-url=\"\u002F\u002Fcdn.iframe.ly\u002Fapi\u002Fiframe?url=https%3A%2F%2Fwww.youtube.com%2F%40DISTJP&key=c271a3ec77ff4aa44d5948170dd74161\">\u003C\u002Fa>\u003C\u002Fdiv>\u003C\u002Fdiv>\u003Cscript async src=\"\u002F\u002Fcdn.iframe.ly\u002Fembed.js\" charset=\"utf-8\">\u003C\u002Fscript>",[11,12,13],"フロントエンド","コミュニティ","イベントレポート",[15],{"id":16,"createdAt":17,"updatedAt":18,"publishedAt":17,"revisedAt":18,"name":19,"job":20,"avatar":21,"profile":24},"ba-f_cmju","2024-02-21T00:20:24.175Z","2026-04-13T09:36:16.713Z","阿部 萌夏","フロントエンドエンジニア",{"url":22,"height":23,"width":23},"https:\u002F\u002Fimages.microcms-assets.io\u002Fassets\u002F2e326e11eb0942a5ad843f163281c5af\u002Fe076105dcbbe460eaabb5bbc3f693621\u002Fabe.moeka.jpg",512,"北海道出身、2001年生まれ。専門学校を卒業後、フロントエンドエンジニアとして2023年世路庵に入社。2025年退職。",{"url":26,"height":27,"width":28},"https:\u002F\u002Fimages.microcms-assets.io\u002Fassets\u002F2e326e11eb0942a5ad843f163281c5af\u002F6bd4d01cb3da4b16b9d378b74b67ac4b\u002Fdist-48.png",720,1280,{"fieldId":30,"type":31,"image":33},"ogpImage",[32],"タイプ2（タイトル＋画像）",{"url":34,"height":35,"width":36},"https:\u002F\u002Fimages.microcms-assets.io\u002Fassets\u002F2e326e11eb0942a5ad843f163281c5af\u002Ff5e8deeb233d43979c92e2c3cdb51ee9\u002Fdist-48-2.png",630,1200,1776401664949]