スマートフォンなどで押し間違えやすいボタンの大きさを扱った記事である。操作対象は 24×24 CSS px 以上にし、主要な操作では 44×44 CSS px を目安にすると説明する。アイコンの大きさは変えず、押せる範囲に余白を足す方法を示す。
シェアックリップ
シェアされたアックリップです。
そのほかの #WCAG ピックアップ
（引用）アクセシビリティを、デザインの基本に。 本書は、年齢や障害の有無、利用環境にかかわらず、あらゆるユーザーが必要な情報や体験を得られるよう、「アクセシビリティ」をデザインの初期段階から組み込むための考え方と実践を学べるハンドブックです。 日本でもデジタル庁がウェブアクセシビリティの導入を推進し、「誰一人取り残されない、人に優しいデジタル化」が目指されています。アクセシビリティは、一部の人のための特別…
【名古屋開催】第13回 ウェブアクセシビリティ勉強会
イベント 開催予定
アクセシビリティの実装・検証について、スクリーンリーダーやキーボード操作などの支援技術を実際に体験し、WCAG達成基準を確認するワークショップ形式の参加型勉強会。
イスラエルの障害者平等権規則と規格 IS 5568 AA（WCAG 2.1 AA 準拠）への適合を、ブラウザ上で動く JavaScript により自動的に確かめる方法を解説する記事。代替テキスト・見出し構造・コントラスト・言語と文字方向の確認項目を示す。
会員登録フォームで自動入力が効くかを1分で確かめる方法を解説する記事。入力欄に autocomplete の値を付けて入力目的を伝える意味を、WCAG 達成基準1.3.5（入力目的の特定）の解説をもとに示す。
AIがアクセシビリティをレビューできる範囲は、ソースコードだけを読むか、実行中のブラウザーやaxe-coreの結果まで受け取れるかによって変わると整理する。WCAG適合と自動テストの合格は同じではないことも説明する。
ドキュメントサイトに、AI で静止画から生成した短い動きの映像を載せるときの決まりを挙げた記事である。音声付きの自動再生を避け、一時停止の手段を置き、生成したものだと明示し、動きを言葉で説明する文を添えることを扱う。
そのほかの #モバイル ピックアップ
Reactのフォーム部品の設計を、ラベルやメッセージ行などの共通の構造、react-hook-form と zod への接続、スマートフォンでの操作の3点から解説する。例には作者が開発するUIライブラリを使っている。
Android と iOS で .NET MAUI アプリを試して見つかった、アクセシビリティの問題8件と対処法を紹介する。AutomationId が ID のまま読み上げられることや、見出しが設定されないことなど、実行して初めて表れる問題を挙げる。
ناحیههای لمسی و بزرگنمایی (Touch Target & Zoom): چرا اندازه و مقیاسپذیری در موبایل حیاتی است؟ 📱
記事 海外
モバイルでタッチ領域を十分な大きさにすることと、拡大縮小を妨げないことを、コード例つきで解説する。タッチ領域の下限は WCAG 2.2 の AA 基準にあたる 24×24px とする。
視覚障害者が屋外でスイフトアイを使用する際の課題を述べ、手帳型ケースにスマホを入れて首から吊し右手の親指で物理スイッチを押す操作方法を提案。中高齢の視覚障害者でも使いこなせるよう基本機能に限定した設計を解説している。
Web Accessibility Directive に基づく大規模監査「世界最大級のアクセシビリティ監査」の第2ラウンドの結果報告。EU 加盟国の公共セクター Web サイトとモバイルアプリのアクセシビリティの現状、改善傾向、各国比較を提示する。
移動支援アプリ『TOBIRA』の開発者が、PC版では問題なくても、スマホでは使いづらい点に気づいた経験を記録。情報の『どこに置くか』がアクセシビリティを大きく左右することについて述べている。