Matthew Hallonbacka and Elina Niem - React Native: What Accessibility Professionals Need To Know.

シェアされたアックリップです。

Matthew Hallonbacka and Elina Niem - React Native: What Accessibility Professionals Need To Know.

YouTube 海外

2025年12月17日 A11y Bytes

フィンランドの食料品アプリ開発経験をもとに、React Native のモバイルアクセシビリティの課題と解決方法を解説する。

One optional field decides whether a breadcrumb is a link, in HTML and in JSON-LD

記事海外

2026年10月11日 DEV Community

ブレッドクラムコンポーネントの実装例を紹介。型定義で最後の項目の href を省き、HTML では aria-current="page" と aria-hidden を使い分け、JSON-LD では position を 1 から始めてリンクのない項目の item を省く設計。

React: UI fluida para probar correo temporal

記事海外

2026年10月11日 DEV Community

React で一時メール確認フローを実装する際、ステートマシンで状態を明示的に管理し、aria-live で状態変化を通知。ポーリング時に cancelled フラグで不要なレンダリングを避け、アクセシビリティと性能の両立を実現する。

React: un buzón temporal que no roba el foco

記事海外

2026年10月11日 DEV Community

メール検証フォームの実装で、状態管理で各段階を明確にし、aria-invalid で無効状態を示し、CSS で空間を予約することで、フォーカス移動とレイアウトシフトを避け、アクセシビリティと UX の両立を実現する。

React: formularios de email sin perder el foco

記事海外

2026年10月8日 DEV Community

React でメールフォームを実装する際に、フォーカス管理とアクセシビリティを両立させる方法。フォーム状態（読み込み中、成功、エラー）の変化を WAI-ARIA で通知しながら、キーボード操作とスクリーンリーダーに対応。エラー時のフォーカス復帰の実装方法を解説。

AIに頼むと「なんとなく動く」アコーディオンになる理由|aria-expandedを知らずにFAQを作っていませんか？

記事

2026年10月6日 note

AIが生成するアコーディオン実装がキーボード操作やスクリーンリーダー対応を見落とす理由と、aria-expanded属性で状態を正しく管理することの重要性を、実装例を示しながら解説する。見た目だけでなく状態を属性で持たせることが、アクセシビリティと実装精度の両立につながることを論じる。

15 merged IME fixes: the recurring ways Japanese typing breaks web apps

記事海外

2026年10月6日 DEV Community

日本語のIME入力中のキーボードハンドラバグを3つのパターンに分類し、各修正方法を提示。15のOSSプロジェクトでのマージ実例を紹介するWeb開発者向け記事。

Why Your Android AI Agent Works in Dev and Breaks in Production

記事海外

2026年10月10日 DEV Community

Android でアクセシビリティサービスを使用する AI エージェント開発で、権限取得、OEM 間のデバイス差異、アプリ更新への対応など本番環境で直面する課題と実装上の対策を説明している。

The geeks and nerds are going to buy this thing no matter what. But from a blind and low vision pers

YouTube 海外

2026年10月7日 Double Tap - Where blind people talk tech

折りたたみ型スマートフォンについて全盲・ロービジョンユーザー視点からのアクセシビリティ評価。ロービジョンでは使える可能性があるが、全盲ユーザーには実用的でない理由を説明

BlindWalk: Keep Your Phone in Your Pocket — A Screenless Spatial Audio Navigator for Touching Grass

記事海外

2026年10月6日 DEV Community

視覚障害者やロービジョンの人も利用できる、オフライン動作の音声ナビゲーションシステム「BlindWalk」。端末内の小規模言語モデルとOpenStreetMapの地理情報を用い、木陰や未舗装路を優先した歩行ルートを生成する。画面を見ずに音声案内や左右の定位音で進行方向を把握でき、通信圏外でも利用できる。位置情報を外部に送信せず、プライバシーにも配慮している。

M-Enabling Summit

イベント海外開催終了

2026年10月5日(月) DigitalA11Y

モバイルアクセシビリティと支援技術の推進を目的とした国際サミット。政府・産業・教育・アドボカシー組織の指導者層や専門家が世界中から参加し、グローバルなネットワーキングの場。

I Audited 12 React Native Apps for WCAG 2.2. Here's What 11 of Them Got Wrong.

記事海外

2026年10月5日 DEV Community

React Native アプリ 12 個の WCAG 2.2 AA 監査結果。カスタムボタンのラベル欠落・タッチターゲット不足・エラー表示・モーダルフォーカス・テキストコントラストの 5 つの一般的な問題と修正方法。

Bigger text, real magnification, apps side by side or blown up full screen — for someone with low vi

YouTube 海外

2026年10月1日 Double Tap - Where blind people talk tech

折り畳み式スマートフォンの大画面機能が、ロービジョンユーザーのアクセシビリティ向上に貢献する可能性を紹介。

【名古屋開催】第13回ウェブアクセシビリティ勉強会

イベント開催予定

2026年11月6日(金) 19:00〜 connpass

アクセシビリティの実装・検証について、スクリーンリーダーやキーボード操作などの支援技術を実際に体験し、WCAG達成基準を確認するワークショップ形式の参加型勉強会。

カレンダーに追加シェア

Tabで進むとボタンが隠れる｜固定フッターの修正前後を記録するキット

記事

2026年10月12日 note

固定フッターがキーボード操作のフォーカスを隠す問題の検証ツール。ResizeObserver で要素の高さを追跡し、WCAG 2.4.11 の達成基準を参考に改善方法を示す。

AIとアクセシビリティ点検で穴6つが0に

記事

2026年10月11日 note

AIと自動検査ツールを使ってWebページのアクセシビリティを検査する方法を、実装例で解説。WCAG 2.2に基づく6項目（色のコントラスト、代替テキスト、ボタンサイズ、幅320での表示、動き設定の尊重）の検査スクリプトとコマンド例を提示。自動検査の限界（説明文の内容評価、ボタン間隔）についても述べる。