近日開催イベント(今後7日)

19:00〜21:00 TECH PLAY

障害のある人の起業実例と、デジタルマップを活用したバリアフリー情報可視化による地域整備の方法を学ぶCode for Kitakyushuの定例会。実践的な事例紹介。

カレンダーに追加

Lunch and Learn Webinar Series: Effective Communication ランチ・ラーン・ウェビナーシリーズ:効果的なコミュニケーション

イベント 海外 開催予定
ADA National Network

職場におけるコミュニケーション支援について学ぶADA National Networkのウェビナー。聴覚障害のある人を含む多様な従業員への対応方法を解説する。

カレンダーに追加

12:00〜13:00 Peatix

Webアクセシビリティの組織的推進について、AI評価と専門家支援を組み合わせた実務的アプローチを解説するセミナー。企業・自治体のWeb責任者・品質管理部門向け。

カレンダーに追加

18:30〜21:30 Peatix

聴覚障害者と健聴者が対話し、新たな価値を共創するワークショップ。インクルーシブデザイン・コンサルティングファーム PLAYWORKSが主催。多様性からのイノベーション創出を体験できる。

カレンダーに追加

10:00〜17:30 Peatix

ユニバーサルデザインとインクルーシブデザインの視点から『誰一人取り残さない』製品・サービス開発を目指す講演会である。SDGs・CSR・ESG・サステナビリティと多様性を基調に、包摂的な設計方法論を探求する。

カレンダーに追加

18:30〜21:30 Peatix

視覚障害のある認定リードユーザーと一緒に製品の初体験を観察し、アクセシビリティ向上のヒントを探るワークショップ。製品体験のプロセスを共有しながら学ぶ。

カレンダーに追加

14:00〜15:00 Peatix

インクルーシブデザイン手法を用いて、AIの発展が社会全体にもたらす影響と、誰も取り残さないAI設計の在り方を考えるセミナー。

カレンダーに追加

10:00〜17:30 Peatix

アフォーダブル・アクセシブルな都市づくりと包摂的な居住支援をテーマとするシンポジウム。住宅政策と福祉制度の連携による地域づくりを考察。

カレンダーに追加

13:00〜16:00 Peatix

読み書き困難を持つ子ども向けの教育支援方法を学ぶユニバーサルデザイン認定講座。発達障害に対応した学習支援技術と教育設計の実践的な研修。

カレンダーに追加

イベント一覧を見る →

新着コンテンツ(直近7日)

Accessible Form Labels アクセシブルなフォームラベル

記事 海外
DEV Community

フォーム入力フィールドのラベル実装の正しい方法を解説。支援技術ユーザーが適切にフォームを操作するための技術的な要件と実装パターンを詳説。

認定NPO法人視覚障害者の就労を支援する会(タートル)

視覚障害のある人が直面する職場でのハラスメント問題を取り上げた勉強会。障害のある職場人の実体験をもとに対策を学ぶ実践的ビジネススキルセミナー。

Build an Accessible Agent Task Timeline, Not a Spinner スピナーではなくアクセシブルなエージェント処理タイムラインを構築する

記事 海外
DEV Community

AIやエージェント処理のローディング状態をスピナーではなくアクセシブルなタスクタイムラインで実装する方法。キャンセル・復帰状態にも対応。

An Accessible Streaming AI Interface Has More Than a Loading Spinner アクセシブルなストリーミングAIインターフェイスはスピナー以上の機能が必要

記事 海外
DEV Community

ストリーミングAI出力をアクセシブルに実装するフロントエンドパターン。ステータス表示、キャンセル、再試行、フォーカス管理、制約されたARIA通知に対応。

Managing Focus in Angular: Dialogs, Drawers and Route Changes Without Stranding Your Users Angular でのフォーカス管理: ダイアログ、ドロワー、ルート変更時のユーザー置き去り防止

記事 海外
DEV Community

フレームワークレベルでのキーボード・フォーカス管理の実装方法。ダイアログやドロワー、ページ遷移時にユーザーを置き去りにしないための設計と実装パターンを解説。

note

伊勢神宮の瀧原宮におけるバリアフリーアクセス情報。車椅子や杖を利用する人が参拝できるよう、砂利道や距離、アクセスポイント等の具体的な状況を紹介。

株式会社エージェンテック

生成AIを使い動画コンテンツをパーソナライズし、相手ごとに字幕やナレーションを自動調整する機能。複数言語対応と聴覚障害のある人への情報アクセスを支援。

Link + Popover Navigation リンク + ポップオーバーナビゲーション

記事 海外
Adrian Roselli

HTMLネイティブのpopover要素を用いたアクセシブルなナビゲーション実装。前版のARIA・disclosure widget との比較を通じ、最新ウェブ標準に対応した実装手法を解説。

note

三重県の椿大神社における、杖や車椅子利用者の参拝可能性を含むバリアフリー情報。肢体不自由のある人を含む旅行者向けの施設アクセス情報を提供する。

Video-Based Detection of squint and cataract for accessibility-aware adaptive web interface rendering 斜視と白内障の映像ベース検出によるアクセシビリティ対応ウェブインターフェース適応レンダリング

論文 海外
arXiv

眼疾患(白内障・斜視)を映像から自動検出し、ウェブインターフェースを動的に調整するシステム。視覚障害のある人の知覚と操作能力を向上させる。

Android 可访问性 VPAT 改进实践 Androidアクセシビリティ VPAT改善実践

記事 海外
DEV Community

AndroidアプリのVPAT(アクセシビリティ対応状況報告書)改善に向けた実践的な手法を解説。コンプライアンスと品質向上。

note

インクルーシブUXデザイン導入がもたらすビジネス価値を考察。多数派のみを想定した従来設計から、多様性に対応したプロダクト開発への転換で実現するイノベーションを解説する。

note

肢体不自由により右腕が動かなくなった人がAIを活用して開発した、左手での操作に適したデジタル文字練習アプリの工夫を紹介。支援技術とAIの可能性を示す実例。

YouTube

VoiceOver(iOS搭載のスクリーンリーダー)を使用して、パナソニックのドラム式洗濯乾燥機の操作全過程をノーカット実演。視覚障害のある人の日常生活における実用的な家電操作ガイド。

Video Conferencing Accessibility: The Features Teams Overlook ビデオ会議のアクセシビリティ:組織が見落とす機能

記事 海外
DEV Community

ビデオ会議プラットフォームのアクセシビリティ評価時に組織が見落としやすい機能と対応方法を解説。多様なユーザーのニーズを包括する実装のポイント。

WCAG A, AA, and AAA: What Teams Should Scope WCAG A、AA、AAA:チームが選ぶべきスコープ

記事 海外
DEV Community

WCAGガイドラインのレベル(A/AA/AAA)の違いと、チームが適切なスコープを決定する方法を説明。組織のアクセシビリティ戦略における意思決定ガイド。

Why Semantic HTML and accessibility Matter: Lessons From my portfolio Audit セマンティックHTMLがアクセシビリティに重要な理由:ポートフォリオ監査からの学び

記事 海外
DEV Community

セマンティックHTMLの正しい実装がアクセシビリティに与える影響を、実際のポートフォリオ監査から学んだ教訓を通じて解説。Webアクセシビリティの基礎と実践。

Build an accessible accordion from scratch (with a real height animation) スクラッチからアクセシビリティ対応アコーディオンを構築する(実装の高さアニメーション付き)

記事 海外
DEV Community

アクセシビリティに対応したアコーディオンUIコンポーネントをスクラッチから実装するチュートリアル。アニメーション実装を含む詳細な構築方法を解説。

note

「見えにくさ」を体験することの重要性を述べながら、デザイン会社グラフィックメイトが東京都主催の「ヘルプマークの日」イベントに出展する企業事例を紹介する記事。

Real Estate Website Accessibility: Property Listing Pages and Screen Readers 不動産サイトのアクセシビリティ:物件リスティングページとスクリーンリーダー

記事 海外
UsableNet

不動産情報サイトのリスティングページにおいて、スクリーンリーダーユーザーが直面する代替テキスト・フォーム・物件情報詳細に関するアクセシビリティの課題と対応方法を解説する。

100BANCH

字幕自動生成技術による映画上映イベント。聴覚障害のある人への字幕提供を通じてアクセシビリティを実現する、生成AIを活用した企業の実践事例。

a dose of Dennis by the Fire – HTML Accessibility Dennis による HTML アクセシビリティ解説

記事 海外
HTML5 Accessibility

HTML のセマンティクスと WAI-ARIA を組み合わせたアクセシビリティ実装のベストプラクティスとアプローチを解説する。

A11Y.md: Accessibility before any prompt A11Y.md:プロンプト前のアクセシビリティ

記事 海外
DEV Community

AI システムの開発において、プロンプト処理前にアクセシビリティを組み込み、システムレベルで誰もが使えるデザインを実現するアプローチを論じる。

If I Want More IRL, I Must Go AFK リアルをもっと望むなら、オンラインから距離を置く必要がある

記事 海外
A11y Weekly

デジタルアクセシビリティが進展する中で、オフラインのリアルワールドにおけるバリアフリーとアクセシビリティの重要性を改めて論じる記事。

Designing tech for blind users and assuming they'll look toward a sound? That's the wrong assumption 視覚障害ユーザー向けテック設計:音への向きなおしの誤った仮定を正す

YouTube 海外
YouTube

視覚障害者向けテック設計における重要な認知特性を紹介。視覚障害者は音を聞くとき振り向かず停止して聴く、という洞察がプロダクト再設計を実現した事例。

DEV Community

30個のアプリケーションをアクセシビリティの観点から監査し、スコアを公開。銀行やテック企業など業界による実装度の差を実証

One ARIA bug, a million apps: meet aria-reach 1つのARIAバグ、100万個のアプリ:aria-reachとの出会い

記事 海外
DEV Community

JavaScriptアプリケーションに潜む一般的なARIAバグが、どの程度のアプリケーションに影響を与えるのかを解説。aria-reachというツール・手法を紹介する技術記事。

How can we ensure error states are properly announced by assistive technology like screen readers? エラー状態をスクリーンリーダーで正しくアナウンスするベストプラクティス

YouTube 海外
YouTube

スクリーンリーダーなどの支援技術がエラー状態を正しくアナウンスするためのベストプラクティスを解説。動的なコード変更をどう処理するかに焦点を当てた視覚障害のあるユーザーのための技術解説動画。

Web アクセシビリティの評価と分析を定期的にレポートするサービス。企業のアクセシビリティ成熟度を定量的に測定し、改善の指標となるデータを提供。