Web制作会社がアクセシビリティ点検をサービスとして商品化するための料金表、30項目の点検リスト、報告書の型、改修と運用ルール作成へ繋げるための提案書を提供するキット。
シェアックリップ
シェアされたアックリップです。
そのほかの #テスト・検証 ピックアップ
【名古屋開催】第13回 ウェブアクセシビリティ勉強会
イベント 開催予定
アクセシビリティの実装・検証について、スクリーンリーダーやキーボード操作などの支援技術を実際に体験し、WCAG達成基準を確認するワークショップ形式の参加型勉強会。
フロントエンド入門連載の一回で、セマンティックなHTMLが支援技術に意味を伝える仕組みと、キーボードだけで操作できるかをPlaywrightで点検する方法を、Vueのコード例で解説する。
アクセシビリティの不具合で利用者や取引を失った経験があるかを読者に問いかける記事。Tab で飛ばされるクリック要素、「ボタン」としか読まれないアイコンボタン、入力欄と結び付かないラベルといった見落としやすい不具合の例と、マウスを外してキーボードだけで主要な操作を終える5分の確認法を挙げる。
Claude Code で作った Next.js アプリ14件を WCAG 2.1 AA に適合させた作者の報告。AI が誤った ARIA を出すことを前提に、CLAUDE.md にアクセシビリティの要件を書く、ダイアログなどは shadcn/ui の部品を使う、画面ごとに axe-core で検査する、という手順を示す。
ブックマークレット「Tab trail」の紹介。ページ上で Tab の移動順を番号付きで描き、キーボードで届かない操作要素、Tab 押下時のフォーカスの飛び、隠れたフォーカスなど7種類の問題を赤く示す。Playwright のテストからも呼び出せる。
企業がWCAG 2.2 AAの試験結果を公開し、直したことと直さなかったことを記録した経緯を書いた記事。キーボード操作や読み上げに関わる改修と、コントラストを改めなかった判断を紹介する。
そのほかの #法律・制度 ピックアップ
障害のある子どもを含むすべての子どもが学べる学校作りのため、基礎的環境整備と合理的配慮の実践を公立学校の事例から学ぶ。教師の視点から多様性の包摂に向き合う
（引用）2007年に特別支援教育が法制化され、8年が経過しました。その間2012年には中央教育審議会から「共生社会の形成に向けたインクルーシブ教育システム構築のための特別支援教育の推進」の報告が出され、2016年4月1日には、いわゆる「障害者差別解消法」が施行されます。このような状況下、学校現場では、具体的にどのようにインクルーシブ教育を進めていけばいいのでしょうか。この難しくも希望のある問いに、編集代表…
（引用）「人権」という言葉を聞いてどのようなことを思い浮かべるか──。本来は身近な問題、テーマであるはずだが、「大変な人たちの問題」「重たい」といった、なんとなくそばに置きたくない思いや、小中高等学校などでは 「深刻なことを考える時間」といったイメージがあるかもしれない。しかし、このような「距離を置く」考え方こそ、私たちの身近にある人権問題をより一層、深刻なものにしているといえる。 本書では、「人権」をわ…
（引用）障害者の暮らしはどう変わったか…自立生活センター活動の現場から考える。
2026年11月13日に東京・羽田で開かれる、マラケシュ条約の実施をめぐる国際会議の案内である。視覚障害者やディスレクシアのある人の情報アクセシビリティ向上と、条約の国際的な実施について各国の専門家が話し合う。オンラインでも参加できる。
カナダが精神疾患のみを理由とする医療幇助死の対象拡大を無期限に停止したことを伝えるコラム。国連の障害者権利委員会が障害者への圧力を指摘した経緯や、今回の決定への反発にも触れている。
そのほかの #合理的配慮 ピックアップ
障害のある子どもを含むすべての子どもが学べる学校作りのため、基礎的環境整備と合理的配慮の実践を公立学校の事例から学ぶ。教師の視点から多様性の包摂に向き合う
補聴器を使う難聴のある筆者が、入社前と入社1か月後に、席の配置や会議室の利用などを事業所と交渉した経過を紹介する記事である。
読む・書く・計算など学習面での困難を抱える学習障害(LD)について、その背景の捉え方と学校・家庭での合理的配慮の実践を解説する。
2024年施行の改正障害者差別解消法を踏まえ、予約フォームでしか申し込めない小さな事業が、フォーム以外の受付方法をどう考えるかを解説する。合理的配慮の考え方と、受付の5点チェックを載せる。
ウェブアクセシビリティLT&交流会 vol.12
イベント 開催終了
ウェブアクセシビリティについてのLT（ライトニングトーク）と交流会。初心者歓迎で初歩的な内容も受け付け、心理的安全性の高い運営を目指す。障害のある人の参加を特に募集。顔出し不要で途中参加・退出も自由。
2024年4月の障害者差別解消法改正で、事業者への『合理的配慮の提供』が努力義務から法的な義務へ変わったこと、ウェブサイト改善は環境の整備として努力義務のままであることを説明。Web制作会社が顧客に正しく提案するための実務指南。
そのほかの #WCAG ピックアップ
（引用）アクセシビリティを、デザインの基本に。 本書は、年齢や障害の有無、利用環境にかかわらず、あらゆるユーザーが必要な情報や体験を得られるよう、「アクセシビリティ」をデザインの初期段階から組み込むための考え方と実践を学べるハンドブックです。 日本でもデジタル庁がウェブアクセシビリティの導入を推進し、「誰一人取り残されない、人に優しいデジタル化」が目指されています。アクセシビリティは、一部の人のための特別…
【名古屋開催】第13回 ウェブアクセシビリティ勉強会
イベント 開催予定
アクセシビリティの実装・検証について、スクリーンリーダーやキーボード操作などの支援技術を実際に体験し、WCAG達成基準を確認するワークショップ形式の参加型勉強会。
Shopify ストアの配色向けに、WCAG 2.x AA の基準を測った2種類のパレットを CSS 変数や Tailwind の設定として配布する無料キットを紹介する。コントラスト比の確かめ方も示す。
Claude Code で作った Next.js アプリ14件を WCAG 2.1 AA に適合させた作者の報告。AI が誤った ARIA を出すことを前提に、CLAUDE.md にアクセシビリティの要件を書く、ダイアログなどは shadcn/ui の部品を使う、画面ごとに axe-core で検査する、という手順を示す。
ブックマークレット「Tab trail」の紹介。ページ上で Tab の移動順を番号付きで描き、キーボードで届かない操作要素、Tab 押下時のフォーカスの飛び、隠れたフォーカスなど7種類の問題を赤く示す。Playwright のテストからも呼び出せる。
モーダルダイアログを開いたとき、Tab キーでフォーカスが背後のページへ抜けないようにする方法を解説する。ネイティブの dialog 要素（showModal()）の使い方、Escape キーで閉じられるようにすること、閉じたあとにフォーカスを開いたボタンへ戻すことを扱う。