ウェブ開発・制作者向けの実践的アクセシビリティウェビナーシリーズ第4回。MarkuplintとAIを組み合わせたVibe CodingでアクセシブルなUIを実装する方法を解説する。
#ChatGPT・AI
47件Vibe Coding with AI: How Blind Users Can Build Their Own Tools AIによるVibe Coding:視覚障害ユーザーが自分のツールを作る方法
視覚障害のあるユーザーがAIを活用したバイブコーディングで、NVDAアドオンやMacスクリプトをコード知識なしに自作した事例を紹介し、視覚障害者の自律的なツール開発の可能性を探る。
ChatGPTとSoraの画像生成統合やGoogle Lyria 3の無料公開など生成AIの最新動向をまとめたニュースレターで、視覚障害のある全盲クリエイターによるAI映像表現プロジェクトも紹介されている。
かつてレシピ検索の代名詞だったクックパッドの人員減少を受け、UIの使いづらさやAIへのシフトについてユーザー間で交わされた議論をまとめている。
We Ran Axe-Core On AI-Generated UI Code. The Findings Surprised Us. AIが生成したUIコードにAxe-Coreを実行してみた。結果は驚くべきものだった
AIコーディングアシスタントで生成されたUIコンポーネント5つをAxe-Coreで検証した結果。AI生成コードのアクセシビリティ問題を実証的に分析。
パニック障害により身体が固まる当事者が、AIツールを活用して『最小限クリック』の生存戦略を実践する。AIを使うことへの罪悪感に向き合うエッセイ。
GitHubがアクセシビリティフィードバックをAIで自動分類する仕組みを公開し、反復作業をAIに委ねることで改善速度を向上させた事例を紹介している。
視覚障害者の音の知覚を生成AIで映像化し、言語化の壁を越えたイメージ共有を実現するプロジェクト。日本テレビが視覚障害者を監督に迎え、新しい映像表現に挑戦。
点字の歴史からBe My EyesやAIを活用した現代の視覚障害者向け支援技術まで、インクルーシブデザインにおける情報設計の本質を探っている。
難聴のある人が使いやすいよう、難聴シミュレーションを活用してLLMの対話プロンプトを自動的に最適化する手法を解説した記事。聴覚障害当事者の体験を起点にAIアクセシビリティを改善するアプローチを紹介する。
WebAIM: Ask AIMee: An accessible accessibility-focused AI chatbot Ask AIMee:アクセシビリティ特化のAIチャットボット
WebAIMが提供するアクセシビリティ特化のAIチャットボットで、WCAG基準や支援技術に関する質問に回答し、UI自体もアクセシブルに設計されている。
虐待生存者の50年間の生存戦略(親の微細な身体信号を読む能力)をテキストベースのAI検出アルゴリズムに応用した実装記録。発達障害支援の文脈で、人間中心設計に基づく支援技術開発の実践例。
虐待サバイバーの知覚を基盤としたAI検出アルゴリズムの実装記録。非言語的コミュニケーション検出やマルチモーダルAI設計を通じて、障害のある利用者も含めたインクルーシブなシステム設計の原則を示す。
障害者雇用においてAIを導入している企業は約8割にのぼり、7割以上が合理的配慮としてのAI活用に有効性を感じているとするKaienの調査レポート。
アクセシビリティの失敗はデザインの問題ではなく、エンジニアリングの失敗である。フルスタック採用トレンド・AIによるコンテキスト不在のコード生成・コンプライアンス優先の姿勢が重なり、見えにくい危機を生み出している現状と、真の解決策を論じた記事。
ChatGPT Wrote My Accessibility Lawsuit | Manhattan Project Peacekeeper ChatGPTが私のアクセシビリティ訴状を書いた|Manhattan Project Peacekeeper
AIを使って自動生成されたアクセシビリティ訴訟が2026年に急増している実態と、企業への影響をEqualize Digitalのチームが検討している。
アクセシビリティがAI対応のための機械可読な基盤である理由を解説した記事。アクセシブルな設計が高品質なデジタル体験とAI活用の両方を支えるインフラになるという視点を提示している。
WCAGの基礎から具体的な実装まで体系的に学べる書籍『ウェブアクセシビリティの教本』のレビュー記事。初学者から実践者まで幅広くお勧めとの評価で、網羅的な内容を紹介している。
VR環境における視覚障害・弱視(BLV)ユーザーのアクセシビリティ向上にLLMガイドを活用した実践と考察をまとめた記事だ。
International Women's Day | Interview with CTO Jen Kurtz 国際女性デー | CTO Jen Kurtz インタビュー
Learn what Chief Technology Officer Jen Kurtz has to say about responsible AI, accessibility at scale, and inclusive leadership in tech.
Your Browser Can Already Speak a Page ブラウザにはすでにページ読み上げ機能が搭載されている
ブラウザには音声読み上げ機能がすでに標準搭載されており、AIやオーバーレイ企業が提供する同種サービスの必要性に疑問を呈している。
Gemini Now Creates Music in Seconds! 😱 Fantastic AI Feature Gemini が数秒で音楽を生成!驚異のAI機能
視覚障害者向けチャンネルWhiteCane Academyが、GeminiのAI音楽生成機能をレビューし、テキストプロンプトから楽曲を作成する手順を紹介している。
WebAIM: A New Path for Digital Accessibility? デジタルアクセシビリティの新たな道筋(WebAIM)
AIが障害のあるユーザーの支援技術や好みを学習してコンテンツを個別適応する「IDAA」構想を提唱しつつ、開発者側の責任は変わらないと論じている。
Day two at Axe-con 2026 - Deque Axe-con 2026 2日目レポート
Axe-con 2026の2日目レポートで、障害のある人々の体験談からAIがアクセシビリティ実装速度に与える影響まで、多彩なセッション内容を紹介している。
Day one at Axe-con 2026 - Deque Axe-con 2026 1日目レポート - Deque
Axe-con 2026初日のレポートで、AIの活用、EAA(欧州アクセシビリティ法)対応、シフトレフトなど多岐にわたるセッションを紹介している。
Here’s how to instruct a LLM to reference the ARIA Authoring Practices Guide LLMにARIAオーサリングプラクティスガイドを参照させる方法
LLMにARIAオーサリングプラクティスガイド(APG)を正しく参照させるプロンプト手法を解説した記事だ。AIがアクセシビリティのベストプラクティスを正確に扱えるかという根本的な課題を論じている。
Axe DevTools for Web now includes Axe MCP Server for earlier fixes and faster delivery - Deque Axe DevTools for Web に Axe MCP Server が追加 — 早期修正と迅速なデリバリーを実現 - Deque
Axe DevTools for WebにAxe MCPサーバーが統合され、AI支援による早期のアクセシビリティ修正と開発サイクルの短縮を実現する。
Hybrid Intelligence: The New Model for Accessibility ハイブリッドインテリジェンス:アクセシビリティの新モデル
Discover how Hybrid Intelligence is reshaping accessibility—combining AI, automation, and human expertise to sustain accessibility at scale.
皆さまこんにちは、株式会社ベースマキナの代表取締役社長を務めております高橋(@__timakin__)です。 先日vercel-labs/agent-browserがリリースされました。「トークン消費93%削減」という謳い文句を見て、どうやってそれを実現しているのか気になったので中身を読んでみました。パッと見はPlaywrightのラッパーに見えるのですが、実際にはAIエージェント向けの入出力設
Playwright Beginner Tutorial: Your First Automated Test Playwright 入門チュートリアル:はじめての自動テスト
Playwrightで最初の自動テストを作成するまでの手順をビギナー向けにステップバイステップで解説している。
Playwright Installation Guide: Set Up Your Development Environment from Scratch Playwrightインストールガイド:開発環境をゼロからセットアップする
PlaywrightをゼロからセットアップするためのDevelopment Environment構築手順を解説した入門動画だ。
視覚障害者が活用できる便利なアプリとして、GoogleのAIアシスタント「Gemini Live」の機能と使い方を紹介している。
WebAIM: 2026 Predictions: The Next Big Shifts in Web Accessibility 2026年予測:ウェブアクセシビリティの次の大きな転換
WebAIMによる2026年のWebアクセシビリティ動向予測。WCAG 2.2の標準化加速、AIツールの活用と限界、ネイティブHTMLへの回帰など、業界の7つの重要なシフトを解説している。
欧州アクセシビリティ法(EAA)をグローバル経営課題として捉え、AIの可能性とあわせてこれからのデジタルアクセシビリティ戦略を探るセミナー(2025年12月12日開催)の告知だ。
この記事はHTアドベントカレンダー5日目の記事です。 はじめに 博報堂テクノロジーズでデータサイエンティストをしている髙橋です。データとテクノロジーを駆使してメディア・コンテンツを革新していくデータサイエンティスト集団であるAaaS Tech Lab に所属しています。 ...
Designing for Diversity 多様性のためのデザイン
インクルーシブデザインの原則と実践を包括的に解説した電子書籍。多様性を活かしたデザインで革新を生み出す方法を紹介する。
AI Accessibility Testing | ChatGPT vs Claude vs Gemini (Oct 2025) AIアクセシビリティテスト | ChatGPT vs Claude vs Gemini(2025年10月)
ChatGPT-4o・Claude・Geminiの3つのAIを300件超のWCAG違反を含む100サイトで検証し、アクセシビリティテストツールとしての実力を比較している。
Using Ray-Ban Meta Glasses - Tink - Léonie Watson Ray-Ban Metaグラスを使う - Tink - Léonie Watson
視覚障害当事者の立場からRay-Ban Meta GlassesのAIを活用した物体認識・音声制御などのアクセシビリティ機能を実体験に基づき評価した記事だ。
Using Ray-Ban Meta Glasses - Tink - Léonie Watson Ray-Ban Metaグラスを使う - Tink - Léonie Watson
視覚障害者向けAIウェアラブル Ray-Ban Meta Glasses の実体験レビュー。Be My Eyes連携や AI 画像説明機能の利便性と、人物認識なしなど LLM の信頼性課題を解説。
Exploring AI’s Role in Accessibility :: Aaron Gustafson アクセシビリティにおけるAIの役割を探る :: Aaron Gustafson
Earlier this month I joined Jeremy Osborne and Andrew Miller to talk about the benefits and harms of AI as it relates to accessibility. It was livestreamed on a few platforms, but I wanted to drop lin
Symbol Creator AI :: Aaron Gustafson Symbol Creator AI :: Aaron Gustafson
Hi there. My name is Aaron Gustafson and I work on the web.
Exploring AI's Role in Accessibility アクセシビリティにおけるAIの役割を探る
AIが障害のあるユーザーへのアクセシビリティ向上においてどのような役割を担えるか、その可能性と限界を論じた記事だ。
Poisoning Well 井戸を毒する
An experimental strategy for contaminating Large Language Models
AI is the future of accessibility - Karl Groves AIはアクセシビリティの未来
When I was a kid, my mom bought a 1979 Camaro Berlinetta. It was a deep blue color with a 350 cubic inch/ 5.7 liter engine. In 1979, that Camaro had 185 horsepower. The ‘79 Z/28 had 245 horsepower. In
From Code to Compliance: Assessing ChatGPT's Utility in Designing an Accessible Webpage -- A Case Study コードから準拠へ:アクセシブルなウェブページ設計におけるChatGPTの有用性評価 — ケーススタディ
ChatGPT(GPT-4o)がWCAG準拠のウェブページを生成・改善する能力を評価したケーススタディで、プロンプトの工夫で改善できる一方、デフォルト出力は基準を満たさないことが多いと示している。
Having an AI dialog | scottohara.me AIとの対話
I’ve already talked about Setting expectations for asking ChatGPT web accessibility questions. So you should probably go read that first.
Setting expectations for asking ChatGPT web accessibility questions | scottohara.me ChatGPTにウェブアクセシビリティの質問をする際の期待値の設定
You may be familiar with ChatGPT. But if you’re not, it’s a very cool chat interface using artificial intelligence to provide human-like responses to the qu...