Android と iOS で .NET MAUI アプリを試して見つかった、アクセシビリティの問題8件と対処法を紹介する。AutomationId が ID のまま読み上げられることや、見出しが設定されないことなど、実行して初めて表れる問題を挙げる。
シェアックリップ
シェアされたアックリップです。
そのほかの #モバイル ピックアップ
スマートフォンなどで押し間違えやすいボタンの大きさを扱った記事である。操作対象は 24×24 CSS px 以上にし、主要な操作では 44×44 CSS px を目安にすると説明する。アイコンの大きさは変えず、押せる範囲に余白を足す方法を示す。
Reactのフォーム部品の設計を、ラベルやメッセージ行などの共通の構造、react-hook-form と zod への接続、スマートフォンでの操作の3点から解説する。例には作者が開発するUIライブラリを使っている。
ناحیههای لمسی و بزرگنمایی (Touch Target & Zoom): چرا اندازه و مقیاسپذیری در موبایل حیاتی است؟ 📱
記事 海外
モバイルでタッチ領域を十分な大きさにすることと、拡大縮小を妨げないことを、コード例つきで解説する。タッチ領域の下限は WCAG 2.2 の AA 基準にあたる 24×24px とする。
視覚障害者が屋外でスイフトアイを使用する際の課題を述べ、手帳型ケースにスマホを入れて首から吊し右手の親指で物理スイッチを押す操作方法を提案。中高齢の視覚障害者でも使いこなせるよう基本機能に限定した設計を解説している。
Web Accessibility Directive に基づく大規模監査「世界最大級のアクセシビリティ監査」の第2ラウンドの結果報告。EU 加盟国の公共セクター Web サイトとモバイルアプリのアクセシビリティの現状、改善傾向、各国比較を提示する。
移動支援アプリ『TOBIRA』の開発者が、PC版では問題なくても、スマホでは使いづらい点に気づいた経験を記録。情報の『どこに置くか』がアクセシビリティを大きく左右することについて述べている。
そのほかの #iOS ピックアップ
高橋さんとお話ししました
記事
アクセシビリティの定義、医学モデルではなく多様なアプローチの可能性を強調。支援技術を活用することで、目的に達するための別ルートが生まれること、また利用者自身が自分の工夫で可能性を広げることについて。
視覚障害のある著者が、AIアプリ「スイフトアイ」を使って写真の内容確認・選別・整理をする実践方法。VoiceOverを使ったiPhoneの具体的な操作手順を解説し、AIが生成した説明文を写真に保存して再確認できる活用法を紹介。
デジタルアクセシビリティアドバイザー資格を取得した作業療法士が、臨床現場での応用方法を述べた記事。iPad のアクセシビリティ機能を活用して、肢体障害のある患者の支援を拡張した事例を紹介する。
iOS 27.2で追加される FaceTime への手話通訳者参加機能を詳しく解説。聴覚に障害のある人のコミュニケーション支援、プライバシーの課題、日本での対応時期の不確定性を論じている。
iPhoneのVoiceOverの使い方とアクセシビリティフィルムに関する動画。
iPhoneの『ライブスピーチ』機能を使って、声が出ない時のコミュニケーションを実現する方法。設定方法のステップバイステップガイド、よく使うフレーズテンプレート、実際のお店での使用時のコツをまとめた記事。筆談との違いも解説。
そのほかの #Android ピックアップ
視覚障害のある人向けに開発された無料のAndroid用読み上げアプリVajra TTSで、着信者名の読み上げと、対応する決済アプリの支払い額の読み上げを紹介する動画。対応アプリや通知の設定が条件。
視覚障害のある人向けのテック番組『Double Tap』で、Amazonの新しいAlexaタブレットを検証する動画。TalkBackでの初期設定やタッチ操作の位置ずれ、点字ディスプレイとキーボードの接続を確かめる。
Android の音声読み上げ（TTS）アプリ Vajra TTS を紹介する動画である。複数言語の読み上げ、数字の読み方の指定、アプリごとの音声設定、通話や通知の読み上げ、発音辞書などを、視覚障害のある Android 利用者向けに説明している。
ディスレクシアと ADHD のための読書補助ツール・ReadFocus+ の Android 実装。システムオーバーレイでテキスト上に浮かぶルーラーを実現した、タッチパススルーと Android 12 の不透明度制限への対応を解説。
視覚障害のある人向けに、Tech Assistant というアプリを用いた動画マージの手法を紹介するチュートリアル。TalkBack での操作に対応し、1クリックで動画を結合可能。
ディスレクシアとADHDの利用者向けアプリ「ReadFocus+」で、画面上に読書定規を浮かべるAndroid実装の技術解説。タッチ透過、Android 12での不透明度制限、マスク機能など、複数のアプリの上で動くオーバーレイの実装上の課題と解決方法を記述。
そのほかの #スクリーンリーダー ピックアップ
【名古屋開催】第13回 ウェブアクセシビリティ勉強会
イベント 開催予定
アクセシビリティの実装・検証について、スクリーンリーダーやキーボード操作などの支援技術を実際に体験し、WCAG達成基準を確認するワークショップ形式の参加型勉強会。
画像の文字を読み取ってコピーできるChrome拡張「Scribe」の公開までを、目の見えない作者が書いた記事である。結果欄で矢印キーが効かない問題はNVDAのブラウズモードによるものと切り分け、Tabキーで編集欄へ移る案内で対処した。Geminiに画像を送る前の同意画面も紹介している。
スクリーンリーダーを使う視覚障害のある筆者が、ウェブサイトのログイン画面で遭遇する障壁を解説した記事である。ラベルのないサインインアイコン、パスワード表示の切り替え、チェックボックス、分割された二段階認証の入力欄などを取り上げる。
WordPressのヒーロースライダーで、画像をWebPに変換するだけでなく、優先読み込み・遅延読み込み・レイアウト確保を組み合わせ、表示されていないスライドをaria-hiddenで読み上げ対象から外す手法を解説する記事。
レスポンシブなレイアウトで CSS の order や column-reverse によって見た目の順番だけを変えると、キーボード操作と読み上げの順番が見た目と食い違うことを解説する。HTML の論理的な読み順を保つべきだと論じる。
axe、Chrome DevTools、スクリーンリーダーがアクセシビリティの経路の異なる場所を見ていることを整理し、自動検査が通っても、キーボード操作や読み上げの確認は別に必要だと解説している。