おすすめの記事
私たちはアクセシビリティをどう学んでいるのか──共感と自分事化を通じて学ぶアクセシスタディーズ
毬藻企画は「アクセシビリティが当たり前の社会をつくる」ために設立。7月末に「アクセシスタディーズ」というオフライン中心のアクセシビリティイベントを始動しました。
社史・年史、ユニバーサルデザイン。「伝わる」をデザインする六本木のデザイン会社 グラフィックメイトの大里です。 2026年4月24日(金)~26日(日)に新宿で開催される「スマートシティフェスタ2026」にて、当社は「ナビレンス体験」のブース出展を行います。 今回の取り組みは、イベント全体におけるアクセシビリティ向上や新たな情報提供手法の紹介という趣旨のもと、関係者の皆さまからのお声がけをきっ
昨日、映画も見に行ったけど その前に髪も切りに行ってきました💇♀️ (珍しく予定詰めたね〜)(映画は上映が残ってたらって感じやった) 私がいつもお世話になってる美容室は 気を付けないと通り過ぎてしまいそうな 隠れ家的な優しい雰囲気の マンツーマン美容室💇♀️ 高校生で今の土地に引っ越した頃から メニューも、私はカット固定で 親子共々お世話になってます💇♀️ その美容室は奥の1
「インクルーシブデザイン」と「ユニバーサルデザイン」 「インクルーシブデザイン」と 「ユニバーサルデザイン」は、何が違うの? インクルーシブデザインについて、最もよく聞かれる質問です。 私たち自身、この違いが最初はよくわかりませんでした。 どちらも、より多くの人にひらかれたものを目指す考え方に見える。 実際、その通りだと思います。 だからこそ、両者の違いは少しわかりにくいのかもしれません
突然ですが、、実は私、歴女なんです(古代〜戦国時代限定ですが) 小学校の卒業文集での将来の夢は「社会科(歴史)の先生」だったし、大学も「京都の大学で歴史を学びたい!」と京都府内の大学の案内パンフを取り寄せたくらい。(結局は受験期前に聴力低下し、入退院繰り返したため実家を離れることを断念) 学問としては離れたけど、歴史物の小説、ドラマ、マンガ、、大好きなままだったんです。 今でこそBL漫画で占めら
楽しそうな犬を見たとき、どう動く? 楽しそうに動く犬が目に入った瞬間、 つい近づきたくなることがあります。 もう少し近くで見たい。 触れてみたい。 そう感じたその一歩の前に、 一度、立ち止まる。 動かず、その場にとどまる。 距離を変えず、見つめない。 自分から動かないことで、 相手の動きと、飼い主の判断が見えてきます。 それを待つだけで、 その場の関係は大きく変わります。 何か
外出先での不便で気づくアクセシビリティの課題 外出先でノートPCを使うと、 キーボード中心で 操作する場面が出てきます。 そのとき、 Tabキーでうまく移動できない、 選択中の場所が見えない、 といった問題に気づくことがあります。 これは一時的な不便の話ではありません。 キーボードだけで使いにくい状態は、 アクセシビリティの基本が 満たされていないサインです。 キーボード操作でのテスト
#Youtubeチャンネル を更新しました。 Pixel 10aを画面を見ずにセットアップ(音声のみ) - #YouTube #視覚障害 #ロービジョン #アクセシビリティ #tbjp
手話通訳士のあらかわいおりです。 手話に関することを幅広く発信しています。 現在6冊の本を出版し、 2026年中に10冊の手話の本を出版するべく執筆中です。 手話通訳のような、ボランティア色の強い仕事をしている方々が、 noteを中心に副収入を得ることで、 より仕事に励むことができる。 そのロールモデルになるべく奮闘中です。 Googleで「手話 あらかわいおり」と検索していただくと、 私の活動が
― 不意な声かけが危険になる理由と、支援の線引きについて ― 視覚障害のある人への支援は、 「困っているかもしれないから声をかける」という善意だけでは成り立たない。 むしろ、善意の行動が危険につながる場面がある。 その代表例が「歩行中の不意な声かけ」だ。 この記事では、視覚障害の歩行がどのような仕組みで成り立っ
病院での社会人としての歩みは、着実に形になりつつあった。 当時の僕の役割は、院内で必要とされる一部のデータベースの作成・管理を引き受けること。また、デザインが一新されたあとのホームページ管理更新業務も任されていた。 在宅ワークと週一回の出勤から生まれた「信頼」 ホームページの管理については、院内に一緒に歩んでくれる心強い先輩がいた。日々メールで連携し、週に一度の出勤時にはデスクを並べて細かな修
こんにちは、アクセシビリティアドバイザーの中川テルヒロです。視覚障害の当事者としてスクリーンリーダーで日常的にWebを利用しています。 本シリーズでは、スクリーンリーダーの操作で各ウェブサイトで食品の原材料を見つけるまでどのくらい時間がかかるか、読み上げ音声の録音でレポートします。今回は伊藤園のお~いお茶です。 録音したウェブサイト TOP | 伊藤園 商品情報 https://www.it
令和6年4月1日から事業者にも合理的配慮の提供が義務化されたことで、情報をどうやって様々な特性のある人に届けるか、アクセシビリティをどうやって向上していくかについて関心を持つ人も増えてきたのではないでしょうか。 アクセシビリティというとWCAGの達成基準ベースに多くが語られますが、この記事ではそうではなく、 情報の提供が「見える」人に有利に働くようにデザインされていることが多いのではないか、 そ
庭の手入れや転倒リスクが気になり、高齢者でも安心して使える庭づくりを検討していませんか。草取りや芝刈りといった庭の管理は、年齢とともに大きな負担になりがちです。 人工芝は管理のしやすさや安全性の面で、高齢者の暮らしの負担軽減につながる選択肢です。この記事では人工芝が高齢者に向いている理由や選び方のポイントをわかりやすく解説します。 人工芝が高齢者の庭に向いている理由 人工芝
A full numbers dump from month one of A11yFix's weekly cohort audit series. 80 sites scanned, 191 real WCAG violations, 913 dev.to views, 1 newsletter subscriber. The gap between publishing volume and
WCAG, the Web Content Accessibility Guidelines, can feel overwhelming. The current version (WCAG 2.2)...
axe, WAVE, Lighthouse, Pa11y, and Siteimprove share a rules-engine lineage and share its soft spots....
認証環境でも動く、WCAG・APCA両対応、AIによる意味的評価まで。デザイナーがClaude Codeと5日間で育てたアクセシビリティチェックツールの設計と、その先の構想について。
ADA Title II digital accessibility requirements are now in effect. Learn what public agencies must do now to reduce risk, prioritize remediation, and build a defensible compliance program.
On interfaces, accessibility, wicked problems, and the illusion that machines can write code for...
こんにちは! 株式会社シェルパ(sherpa-cg.com)のパース制作を担当している近藤です。 みなさんは「多世帯住宅」と聞いて、どのような住まいを想像するでしょうか。 親世帯、子世帯、そして孫世帯がひとつ屋根の下、あるいは敷地内でともに暮らす多世帯住宅は、家族の温かな絆を深める素晴らしい住まいのカタチです。 しかしその一方で、世代の異なる家族がそれぞれのライフスタイルを尊重しながら快適
デザイン初心者の観察日記。 福祉に“美しさ”と“心地よさ”を備える形を模索しています。 道具や環境、身体の条件から、 「どうすれば使いやすくなるか」を考えています。 今日のテーマは 洗面台の灯り×つけた瞬間にまぶしく感じるとしたら? 【想定されること】 シーン: お風呂上がりに洗面台の前に立ち、スイッチを入れると、薄暗かった視界に急に明るい光が入ってきて、一瞬だけ強いまぶしさを感じる。
こんにちは、W&B companyです。 お子さんが独立して、夫婦2人の暮らしが始まった50代。 まだまだ元気だけれど、ふとした瞬間に思うことはありませんか? 「2階の寝室、いつまで上がれるかな」 「夜中にトイレに起きると、階段がちょっと億劫になってきた」 「子ども部屋、もう何年も開けてないな」 今すぐ困っているわけではない。 でも、10年後、20年後を考えると、漠然とし
「転ばないように、とりあえず手すりを付けておけば安心ですよね」 ご相談を受ける際、多くの方がそう仰います。もちろん、手すりは大きな助けになりますが、実は「付けること」自体はゴールではありません。 私の仕事は、手すりという「モノ」を売ることではなく、お父様やお母様が「これからも自分の足で行きたい場所へ行ける未来」を設計することです。 例えば、土木の現場では構造物が「何十年耐えられるか」を計算しま
なぜ、このシリーズを書いているのか このnoteを書き始めたきっかけは、 ふとした、とても小さな違和感やざわつきでした。 街中で犬を見かけたとき、 「さわって大丈夫ですか?」と聞く前に、 「かわいいね」と手が伸びる場面があります その距離が、犬にとってどう感じられているかは 意外と気づきにくく、 少し距離を必要としている犬や、 戸惑っている飼い主さんの姿を、 あとから見つけることもありまし
こんにちは、アクセシビリティアドバイザーの中川テルヒロです。視覚障害の当事者としてスクリーンリーダーで日常的にWebを利用しています。 本シリーズでは、スクリーンリーダーの操作で各ウェブサイトで食品の原材料を見つけるまでどのくらい時間がかかるか、読み上げ音声の録音でレポートします。今回はコカ・コーラの爽健美茶です。 録音したウェブサイト 日本コカ・コーラ株式会社 ホームページ - Coca-
IT技術の社会実装を進める中で、常に意識すべきなのは「その技術が誰の助けになるのか」ということです。 今回Googleから発表された「Gemini 3.1 Flash TTS」は、単なる音声読み上げ技術のアップデートではありません 。より自然で、文脈に合わせた表現力を持つこのAIモデルは、特に盲目や弱視の方々にとって、情報アクセシビリティを飛躍的に向上させる可能性を秘めています。 本記事では、
「formって、とりあえず動けばよくないですか?」 input置いて ボタン置いて バリデーションはJSで後付け 気づいたら“なんとなく実装”していませんか? でもそのフォーム、 スクリーンリーダーで正しく読めますか? エラーの意味、ユーザーに伝わっていますか? 入力ミス時に「どこがダメか」わかりますか? formは「入力UI」ではありません。 ユ
高齢のご夫婦、ふたり暮らし。 昔ながらの日本家屋、 土間もある。 上り框は、20センチを超える。 トイレも、洗濯も、 外に出るのも、 その段差を上り下りしていた。 あるとき、息子さんが 家をピカピカの全面バリアフリーにした。 便利になった。 楽になった。 安全になった。 しばらくして、 足の力が落ちてきた。 ふたりでの暮らしが、難しくなった。 あの段差が、なくなったからかもしれない
皆さん、こんにちは。冴です。 本日は、自分自身の「再生」のために博多へ足を運んできました。 春の陽光に照らされた博多駅前で見つけた「優しさ」の記号。……。 そして、その直後に突きつけられた、あまりに冷酷な「無関心」。 そのコントラストを、最高に重厚な想いと共に、凛として……ここに綴らせていただきます。 春の陽光と「再生」への祈り 今日は博多で、二度目の「再生(シミ取り)」の儀式
アクセシスタディーズ#4 に参加しました。 アクセシスタディーズ#4: 聴覚障害のある池田さんにお話を伺います アクスタの第4回は、聴覚障害者の池田優里さんをゲストに迎えて日常生活や仕事の話、さまざまな活動や想い、それにウェブやアプリ peatix.com 自分の中に無意識の偏見がないかを意識する会となりました。 イベント概要 アクスタの第4回は、聴覚障害者の池田
「header / main / nav / aside / footer…一応使ってるけど、正直なんとなくで配置していませんか?」 とりあえず上に header 真ん中に main サイドに aside 下に footer この配置、“見た目”で決めていませんか? でも少し考えてみてください。 👉 その構造、ユーザーはどうやって“移動”するのか説明できますか?
ユニバタウン――その言葉を口にするとき、私の頭にはいつも、誰もが自然に笑い合いながら行き交う街の風景が浮かびます。 段差も、制度の壁も、そして人の心の中にある見えない壁も、そっと取り除かれた世界。安心して歩けて、安心して頼れて、安心して生きられる街。 そんな“未来の当たり前”をつくるための基盤が、バリアフリーです。 病気、けが、加齢。理由は違っても、私たちは誰もがいつか必ず障害者になります。だから
おはようございます。 この記事をご覧の皆さんのまちの、「投票所」はどんなところが設定されていますか? そのまちの大きな「公共施設」。 最も多いのは「小学校」でしょうね。 中学校区単位に設置されている「公民館」も多いでしょうか? 北九州市では、小学校区単位に設置している「市民センター」での投票も随分と増えてきました。 こんなこと聞いても申し訳ないですが、 「投票所に行ったことはありますか?」
私たち Liquitous は一人ひとりが影響力を発揮できる社会を目指し、参加のプロセスから誰も排除しないため、アクセシビリティ向上の取り組みを進めています。 本記事では直近のアクセシビリティ向上の取り組みについて、Liquitous アクセシビリティスペシャリストの宮本からお話しします。 市民参加型合意形成プラットフォームLiqlid アイデア投稿ページ配下の改善 Liquitous は
昔と比べれば、いまの日本って、いろんなルーツや背景を持つ人が一緒に暮らしています。 でも、彼らって日本では、前例(つまりロールモデル)があんまりない。 いくら多様化、グローバル化したとはいえ、ここ最近の話です。 私たちの親世代だと、ほとんどいなかった。 なので、必然的に「周りの子と自分はちょっと違う」「自分の将来のお手本になるような人が身近にいない」と悩んでしまう若者が発生します。 そん
An axe-core sweep of landing pages from Writer, Hugging Face, Replicate, Perplexity, Cursor and 24 other AI companies. Zero clean passes, 96 violations, 512 affected DOM nodes, and a pattern that look
はじめに Webアプリのフォームで、Tabキーを押したら思わぬ場所にフォーカスが飛んだ、という経験はありませんか? これは タブオーダーの乱れ が原因です。キーボードだけで操作するユーザー(アクセシビリティが必要なユーザーや、マウスを使わないパワーユーザー)にとって、タブ...
Federal courts saw 3,117 website accessibility lawsuits in 2025 — a 27% jump from 2024. That spike...
Learn how to deliver accessible mobile apps without slowing development. Get tips to simplify testing, improve coverage, and unify results.
Keyboard Navigation Testing: The 20-Minute Audit Any Developer Can Run Meta: You don't...
Yves Klein registered IKB — International Klein Blue, hex 002FA7 — in 1960 as a pigment so saturated...
黄色い線の上を、あなたは今朝、何回踏んだでしょうか。 足の裏に伝わる、あの小さなデコボコ。 あれは、見えない誰かの「目」として敷かれている道です。 木曜は連載をお休みにしているのですが、今日はどうしても紹介したい一曲があります。 いまのSunoAIはv5になっていますが、この曲はちょうど1年前、v3.5の時代に作ったものです。 モデルは世代を重ね、出力の質もずいぶん変わりました。 それで
デザイン初心者の観察日記。 福祉に“美しさ”と“心地よさ”を備えるデザインを目指し、日々勉強中です。 身近なアイテムに対して浮かんだ 「こうなったら使いやすいかも?」を 試しに形にしてみる練習です。 「試作」の画像は、正解を決めるためではなく、 次の観察を呼び込むきっかけとして置いています。 今日のテーマは 保湿×ひんやりが気になるとしたら? 【想定されること】 シーン: お風呂から
このアプリは、誰のために作っているのか ── ペルソナに込めた、私の原体験 おこづかいクエストには、最初から明確な対象ユーザーがいる。 でも、それを言葉に落としたのは、今日だった。 デザインのブラッシュアップを進めるうえで、誰のための画面かを、もう一度自分に突きつけたかったからだ。 特別支援学校と夜間定時制で、出会った生徒たち 今まで16年間特別支援学校で(そのうち2年は中学校知的障
どうも、こんにちは。アスカネットの飛鳥です。 突然ですが、こんなこと、ありませんか。 AIツールを使ってWebサイトを作って、「アクセシビリティも考慮してください」って指示したのに、視覚障害のある方から「なんか変な読み上げがされる」って言われてしまった。 または、「ARIA対応しました!」と自信満々だったのに、実機で確認したら全然うまくいかなかった。 …これ、あなたの腕のせいじゃないんです
市場導入 補聴ループ市場は、2026年に8億4,302万米ドルから2036年には18億2,170万米ドルへと成長すると予測されています。予測期間(2026〜2036年)の年平均成長率(CAGR)は8.01%となり、市場は着実に拡大すると見込まれています。この市場は、音声信号をテレコイル対応の補聴器や人工内耳に直接送信する支援型リスニングシステムで構成されています。これらのシステムは、聴覚障がい者
よく見る犬ほど、距離事故が起きる? 「この犬種は大丈夫」 「慣れているから平気」 そう思われがちな犬ほど、 接触トラブルのリスクが高くなります。 理由は単純で、 誰もが油断するからです。 犬種の知名度ではなく、 目の前の、その子との距離を見ていますか? 人気犬種=慣れている、ではありません レトリバー、コーギー、柴犬。 どれも街でよく見かける、人気の高い犬種です。 しかし、「よく
はじめに いよいよ発売された、「トモダチコレクション わくわく生活」! 体験版をプレイしてから待ちきれないタイトルとなった。 今回は、そんなトモコレの最初の画面からの流れを、全盲プレイヤーの目線から書いてみた! なお、この部分は体験版で再現可能。体験版をもとに記事を書いているので、もしかすると少し異なる部分があるかもしれないので、相違点等あれば教えてくださるとうれしい。 時間、地域、島の名前の
AI agents don't see your website. They read the accessibility tree. The same structure built for screen readers is now the interface for every AI agent on the web.
Learn more about disability and accessibility in the business and educational settings from the expert in the field - Sheri Byrne Haber.
Modals are everywhere. Cookie consent, login forms, confirmation dialogs, image lightboxes,...
2025年4月14日、au公式Xアカウントが「オレンジデー」にちなんだクイズを投稿した。使われた素材は、石原式色覚検査表——色覚特性の有無を判定するスクリーニング検査の図だ。投稿は2時間後に削除されたが、残された傷はそう簡単には消えない。 当事者からは「自分だけが読めなかったあの日のトラウマがよみがえる」という声が相次いだ。これは過剰反応ではない。問題の核心を正確に突いている。 選べない身体
Simulating 8 Types of Color Blindness in the Browser With 3×3 Matrices Protanopia,...
We pointed axe-core at our own blog. 16 pages, 27 violations, and the most painful finding was on the article about color contrast. Here is what happened and what it says about shared components.
新宿区長が、区内の公共スペースに設置した休憩用椅子を利用者の意見をもとに改良した取り組みをXで紹介している。
Windows10以降のWindowsに標準搭載されるようになった「UDデジタル教科書体」というフォントがある。游ゴシックに並んで書体が美しいフォントで、そ…
高市首相の夫はなぜ落ち込んだのか2026年1月9日の高市首相の以下の投稿が話題になっている。-------------------高市早苗@takaichi_sanae夫とともに公邸に引…
ホテルのコンセントにおけるユニバーサルデザインの意図と、実際の使いにくさのギャップが話題になった投稿まとめだ。
視覚障害者がAltテキストの誤用によってどのような不便を被るかを、当事者の声をもとに具体的に示した反響まとめだ。
駅や施設の案内板のフォントが小さすぎるという問題提起で、焦りや混乱の中でこそ大きく読みやすい文字が必要だと訴えた投稿まとめだ。
ローソンのセルフレジのUI操作性に対するユーザーの不満を集めたブックマーク記事で、ファミマとの使い勝手の差も比較されている。
複雑なキャッシュレス決済が高齢者・弱者を排除しているという問題を取り上げ、現金受け入れの必要性とあるべきキャッシュレス社会のかたちを論じた報道記事だ。
Webアクセシビリティの問題は設計ではなくエンジニアリングにあるという視点から、実装上の課題と改善策を解説する週刊メールレター。
現場で使える「文字組み(文字の並び方)」のテクニックを「2択クイズ」と「プロの解説」で学べる特集記事。
2024年4月施行の改正障害者差別解消法により民間企業にも義務化された合理的配慮について、「過重な負担」の線引きの難しさや障害当事者・企業側双方の反応を伝えるニュース記事だ。
WebサイトやスマホアプリのUIデザインをはじめ、ブランドアイデンティティの構築などで視覚的に美しく、アクセシビリティの高い配色を簡単に作成できるツールを紹介します。 アクセシビリティのテストをしたり
Discover how Talkie OCR helps vision-impaired and dyslexic users read labels, notes, signs, and documents on iPhone using OCR-to-speech, translation, and PixLab-powered mobile scanning
発達障害・知的障害・精神障害のある人を対象に、神奈川を中心として就職から職場定着支援までを行う就労移行支援のキャリアサポートサービスだ。
「庭の手入れが大変になってきた」「転んだときが心配」──そんなお悩みを抱えるご高齢の方やそのご家族は多いのではないでしょうか。 実は人工芝は、管理のしやすさや安全性の面で高齢者の庭づくりにとても向いています。この記事では、人工芝が高齢者の庭に向いている理由、選び方のポイント、導入時の注意点をわかりやすく解説します。 人工芝が高齢者の庭に向いている理由3つ 高齢者が安心して庭を使うためには、安
世界は、あまりにも光であふれています。しかし、その光が誰かにとっての残酷な凶器になることを、私たちはどれだけ知っているでしょうか。 視覚に障がいを持つ方にとって、現代のスマートなタッチパネルは、ただの滑らかな、何も語らないガラスの板に過ぎません。どこに何があるのか。今、目の前にあるのは文字なのか、ただの模様なのか。それを知る術がないという絶望は、まるで音のない暗闇に一人で放り出されるような、凍てつ
はじめに 先日、外食に関する簡単なアンケート(SNSを通じたヒアリング)を実施しました。 その中で、最も多かった回答は 👉「特に困っていない」でした。 この結果は、一見すると「問題が存在しない」ことを示しているように見えます。 しかし、私はこの結果を見て、むしろ逆のことを考えました。 👉 本当に問題がないのであれば、なぜ違和感が残るのでしょうか。 本稿では、この違和感の正体を整理しま
小さい犬ほど、距離が必要です。 「小さくてかわいい〜大丈夫ですよね」 そう言って、確認せずに手を伸ばす人は少なくありません。 でも実際には、体が小さい犬ほど、 人との距離に敏感で、防御反応が出やすいケースがあります。 問題は犬ではなく、 「距離を測らない人側の行動」です。 まずは、その前提を一度疑ってみてください。 小さい=安全、ではありません チワワ、マルチーズ、トイ・プードル。
手話通訳士のあらかわいおりです。 手話に関することを幅広く発信しています。 現在5冊の本を出版し、 2026年中に10冊の手話の本を出版するべく執筆中です。 手話通訳のような、ボランティア色の強い仕事をしている方々が、 noteを中心に副収入を得ることで、 より仕事に励むことができる。 そのロールモデルになるべく奮闘中です。 Googleで「手話 あらかわいおり」と検索していただくと、 私の活動が
「この家、老後も住み続けられる?」ふと感じた不安 子どもが独立して夫婦二人になったとき、ふと思ったんです。 4LDKの一軒家、広すぎないか?と。 階段の上り下りは今は平気でも、70代・80代になったらどうだろう。 固定資産税は毎年約15万円。 修繕費も築20年を超えてどんどんかさんでいく。 「このまま住み続ける」以外の選択肢を、一度ちゃんと考えてみることにしました。 選択肢は3つ。数字で比較し
先日、大阪商工会議所主催の2025年大阪・関西万博報告会に参加してきました。 サントリーホールディングスの代表取締役副会長の鳥井信吾会頭をはじめ、先輩経営者の皆さんと「万博を通じてこれからの産業に何を残すか」を話し合う、貴重な時間でした。 Lean on Meからは、サービス業・接客業における「おもてなし」の視点から報告させていただきました。 まず、数字の話をしたいと思います。 大阪・関西
こんにちは!シナジーマーケティング UI/UXデザイナーの渡瀬です。 現在、当社FLAGSHIP制度で私は専門分野としてWebアクセシビリティに取り組んでいます。 🚩FLAGSHIP制度とは 自ら1つ専門分野を決めて公表し、「社内でその第一人者になる」ことを目指してスキルを伸ばしていく制度です(「皆に旗を掲げてもらおう」という意味で命名) これまでFigmaでのカラーアクセシビリティ検
デザイン初心者の観察日記。 福祉に“美しさ”と“心地よさ”を備える形を模索しています。 道具や環境、身体の条件から、 「どうすれば使いやすくなるか」を考えています。 今日のテーマは ヘアドライ×片手しか使えないとしたら? ドライヤーは以前考えたことがありますが、 今回は「乾かす」行為の中で、どこに無理があるか?を考えてみます。 【想定されること】 シーン: お風呂上がりに、片手にドラ
「長期入院のため病院内に設置された院内学級で学ぶ子どもたちの、生きる力のより一層の向上につながる体験をさせてあげたい」こんな思いが、5Gなど先端技術を活用して入院中の子どもたちをサポートする遠隔教育プロジェクトにつながりました。 提案したのは、障がいのある子どもに寄り添う活動を学生時代から続けてきたデザイナー。国連で採択されたSDGs(持続可能な開発目標)掲げられた目標4.教育「すべての人々へ質
丸源ラーメン 岐阜北島店 メニュー名失念、何かの野菜増し昔食べた肉そば昔食べた担々麺 愛知・三河発の巨大チェーン。東海地区からあれよあれよという間に全国展開。看板メニューの肉そばは、数あるラーメンチェーンの中でもよくできた商品だと思うな。金額は今792円なんすね。800円でお釣りが来るのはよく頑張ってると思うけど、600円台だった昔のようなお値打ち感は薄れたかも。一番上の写真は直近で食べた味噌か何
ChatGPTとSoraの画像生成統合やGoogle Lyria 3の無料公開など生成AIの最新動向をまとめたニュースレターで、視覚障害のある全盲クリエイターによるAI映像表現プロジェクトも紹介されている。
こんにちは、アクセシビリティアドバイザーの中川テルヒロです。視覚障害の当事者としてスクリーンリーダーで日常的にWebを利用しています。 本シリーズでは、スクリーンリーダーの操作で各ウェブサイトで食品の原材料を見つけるまでどのくらい時間がかかるか、読み上げ音声の録音でレポートします。今回は、KIRINの午後の紅茶です。 録音したウェブサイト KIRIN|キリングループ 商品情報サイト http
こんにちは、冴です。 福津の午後の柔らかな光が、PCの画面を静かに照らしています。 ダッシュボードに刻まれた「10,000」という数字。 それは、かつて2月26日にいただいた「1,000のスキ」という奇跡が、さらに大きな波となり、1万もの魂と共鳴した証。 今、私の心には、言葉にできないほど重厚な「万雷の拍手」が鳴り響いています。 立ち止まり、言葉を拾い上げ、共に歩んでくださった画
車いすユーザーである筆者が「ユニバタウン」構想をラジオで語り、肢体不自由・高齢化を見据えたバリアフリーな街づくりへのリスナーの温かい反応に感動した体験を綴っている。
「弱さを見せてもいい」 そう言われても、多くの人は躊躇するのではないでしょうか。 助けを求めることは、相手に負担をかける行為。 だから、迷惑をかけないように、自立しているように見せる。 それが、大人の振る舞いだと教えられてきたように思えます。 しかし、本当にそうなのでしょうか。 そもそも、この「弱さを隠す文化」は、どこから来ているのでしょうか。 今日は、「弱さを隠す文化」がなぜ生まれたのか
Explore the challenges of online banking accessibility, focusing on account opening, document readability, and CAPTCHA hurdles faced by screen reader users.
RGAA 4.1: France's Web Accessibility Standard Explained for Non-French Teams Meta: RGAA...
かつてレシピ検索の代名詞だったクックパッドの人員減少を受け、UIの使いづらさやAIへのシフトについてユーザー間で交わされた議論をまとめている。
A weekly roundup of links to digital accessibility industry news, posted every Monday. Compiled by Ricky Onsman.
Many teams still treat accessibility like something to fix at the very end. A design gets approved....
日本の選挙制度における投票自書主義が、視覚障害や身体障害を持つ人の投票参加にもたらす問題点について論じた論文。投票制度のアクセシビリティ向上に関する重要な指摘。
ウェブUIにおけるボタンとリンクの使い分けの判断基準を、アクセシビリティの観点から言語化した記事だ。
ディオフィールドクロニクルとは、2022年9月に発売されました、リアルタイムストラテジータイトルでございます。 リアルタイムストラテジーとは、絶えず時間の流れるマップで味方の駒(ユニット)に移動や攻撃といった指示を与え、敵と戦い勝利する。その突破のため傾ける工夫を楽しむゲームジャンルとなっております。 本稿では本作のゲーム概要をご案内いたしつつ、本作のUI設計、いえもっと申しますと本作の有します天
■ はじめに 「車椅子の方が通れるか?」だけで終わらせないのがBREEAM。年齢、サイズ、能力を問わず、すべてのユーザーが「直感的に、尊厳を持って」建物を利用できるかを問う、非常に層の厚い評価項目です。 ■ Hea 12 Inclusive design:評価の仕組み(ざっくり解説) BREEAMが求めているのは、単なるバリアフリー法規の遵守ではなく、「ユニバーサルデザイン(UD)」の思想が
見えにくさの中でも、楽しめる時間は確かにある。 でも、その隣にある小さな壁にも、気づいた日でした。 こんにちは。 まきです。 今回は、「点字ブロックからの景色」シリーズとして、 映画館での体験を綴ってみたいと思います。 安心して過ごせた時間 今回の映画鑑賞は、ガイドヘルパーさんと一緒でした。 暗い劇場内での移動や、お手洗いのタイミング。 そうした場面でも、安心して過ごすことができ
電車に乗るとき、何両目に乗ったら降りたホームでエレベーターが近いか? ベビーカーを押して移動するママパパが スムーズに電車の乗換をするために 田園都市線の主要駅の車両情報をまとめました! 目次から、行き先の駅へ飛んでください! ◼︎下り中央林間方面(先頭は10号車) 渋谷駅 👉 結論:行き先によって「10号車」か「1号車側」を使い分け! 【エレベーター①】エレベーターA (道玄坂改札・
はじめに 最近、街を歩いていてふと感じることがある。駅構内、大型商業施設、公共空間――気づけば以前よりも「椅子」が増えている。しかもその多くは、通路の脇や広場のような場所にさりげなく配置されていて、誰でも気軽に腰を下ろせるようになっている。 多くの人はこう思うかもしれない。「高齢者が増えているから、その配慮だろう」と。しかし実際には、それだけで片付けてしまうのは少しもったいない。むしろ、これら
・ICT、AI Apple previews AI, accessibility, and AirPods Pro 3 research for CHI 2026 - 9to5Mac AppleはCHI 2026で発表する3つの研究内容を公開しました。本研究群はAIによるUI生成、アクセシビリティ向上、そしてAirPods Pro 3の再設計に関するものです。視覚障害者向けの「SceneSco
以前、飲み終わったコップをなかなか片付けられないのは、怠けているからではなく、見えない手順の多さに脳のエネルギーを奪われているからだ、という話をしたことがあります。 立ち上がる、台所へ行く、スポンジを取る、洗う、拭く。多数派の人には無意識でこなせる一つひとつの動作が、私のように感覚の特性を持つ人間の脳には、処理しきれない膨大なタスクの山として重くのしかかってしまうという感覚です。 最近、大学で
障害者手帳を取得して約4か月の当事者が、手続きや専門家との会話の中で感じた疑問をつづったエッセイだ。
特例子会社についてリサーチしてきたことをnoteに書いてみようシリーズ③を進めてゆきます✍️ 当事者の視点からも考えると、働きやすい環境で就労できるのが利点かなと思います。 特例子会社の強みは、障がい特性に配慮された職場環境で働くことができ、必要な支援を受けながら能力を発揮できるように支援してくれます。 メンタル疾患があり、普段は普通に仕事ができるのに、季節やコンディションにより影響を健常者
博物館学の修士号を持つ発達障害当事者が、博物館の『見えないバリア』を当事者視点と専門知識から考察した記事。好きな場所なのに行くのがしんどくなる矛盾を、認知的・感覚的なバリアの観点から言語化している。
こんにちは、らいねるです。 この記事は『ウェブ解析士に役立つアクセシビリティの話(仮)』の2つ目の記事です。 前回は「そもそもアクセシビリティとはなにか?」について書きましたので、今回は『ウェブ解析士がアクセシビリティについて考えることの重要性』について書いていきます。 ウェブ解析士がアクセシビリティを考えることが大切な理由 前回の記事を読んだ方は、アクセシビリティの確保に取り組むことが
こんにちは! 日々うさぎです。 みなさんは、「なるべく言わないように気を付けている言葉」ってありますか? 「なるべく言わないように」ということは、つい言ってしまったりすることもありそうです。 私は、「常識では~」「普通は~」といった言葉をなるべく使わないようにしようと思っています。 とは言っても、つい口から出てしまうこともあり、そんなときは「普通とか常識とかいうことではないね」と訂正するこ
SwiftUI previews offer a fast, practical way to see the output of our view code. But did you know you can also use them to test accessibility-related UI changes including Dynamic Type, localisation, a
TheFrontKit vs BoxyHQ: Which SaaS Starter Kit is Right for You? If you're evaluating SaaS...
Most SaaS and AI teams optimize for speed: ship features, get users, iterate. In that rush,...
情報通信研究機構(NICT)が運営する情報アクセシビリティ支援ナビ「Act-navi(アクトナビ)」に、難聴当事者として情報発信を行う難聴うさぎ氏のインタビューが掲載された。聴覚障害のある方向けの情報アクセシビリティ向上に向けた取り組みの一環。
WCAG 2.2 AAをアーキテクチャ上の必須制約として設計に組み込む手法を、Reactコンポーネントライブラリの9つの設計決定事例から解説している。
I have aphantasia — I can't picture anything in my mind. Then I built an AI image platform. Here's what that taught me about product design, accessibility, and why the constraint turned out to be a su
アファンタジア(心的画像を見ることができない認知障害)を持つ著者が、35,000ユーザーを抱えるAI画像プラットフォームでどのようにUXデザイン、機能計画、ビジュアルバグのデバッグを実践しているかを紹介。異なる認知能力での設計アプローチ。
色弱者の色の見え方を色覚タイプ別にシミュレーションで疑似体験できるツールで、カラーユニバーサルデザインの重要性を直感的に確認できる。
NVDAとVoiceOverの挙動差を例に、視覚障害者向けスクリーンリーダー検証で実装と操作方法を切り分けることの重要性を解説した記事だ。
『いちばんやさしいウェブアクセシビリティの教本』のレビュー記事。入門書でありながら初学者向けの基礎知識にとどまらず、盛り沢山な内容を網羅していると紹介されている。
開発者が自分のワークフローの課題を解決するために、クラウドやAPIキーを不要とするローカル動作型スクリーンリーダー「sttts」を構築した経験を共有。テキスト読み上げパイプラインの実装方法を解説している。
AIが生成したUIページはスピード重視だが、アクセシビリティ面での課題を検出できない。CLIツール + MCPプロトコルを組み合わせ、AI エージェント(Claude等)に WCAG・キーボード操作・代替テキスト検証機能を統合する方法を紹介。
Most AI coding agents can generate a full page of UI in seconds. None of them can tell you whether...
車椅子ユーザーが軽井沢へ向かう旅を通じて、駅員のサポートとバリアフリー環境の実際、そして3年前に出会ったある人との約束について綴った当事者エッセイ。
子ども向けイベント企画で、盛り上がりの中心だけに参加者を巻き込むのではなく、多様なニーズに対応した『選べる端っこ』をデザインすることの重要性について述べた記事。
医ケア児パパで社会福祉士の著者が、親戚から譲り受けた家のリフォームを通じて障害福祉の現場での気付きと家族のリアルな実感から、『家族みんなが笑顔になれるバリアフリー』を実現する家づくりについて綴った記事。
ベビーカー利用者の視点から、駅のエレベーターに最も近い乗車ドアの調べ方を解説している。
発達障害・ADHD・メンタルヘルスについての当事者体験記ガイド。診断直後からリワークプログラムを通じた復職まで、ADHD当事者による回復の記録。
認知症の人と家族が美術館にアクセスする意味を、臨床美術の限界を超えて博物館学の視点から論じた記事。インクルーシブなプログラム設計の考え方を通じて、障害のある当事者の文化的アクセスと人間の尊厳について考察している。
視覚障害者がゲームをプレイできなくなったことへの思いを綴ったエッセイ。見えないクリエイターである著者による、障害当事者の声。
イギリスの博物館で運営されている障害のある人向けインクルーシブ・プログラムの事例をもとに、発達障害と博物館プログラムの関係を博物館学の視点から考察した記事。臨床美術や芸術療法の文脈を超えた、インクルーシブ設計の実践例を紹介する。
Yellow Space Protocol 近づかない。それが配慮。 はじめに 黄色いリボンで「距離を保ってほしい犬」を示す考え方は、 2010年代初頭に欧州(スウェーデンを含む)で広まり、 2012年にカナダで「Yellow Dog Project」として体系化されました。 この考え方は特定の仕組みに縛られることなく、 各国・各地域の文脈に応じて受け継がれていきます。 現在では、統一
美術館の無料開放日調査から、経済的困窮者の来館が増えない理由を「情報格差」「交通費」「心理的バリア」として分析。社会的アクセシビリティの視点から、包括的な施設利用環境のあり方を問い直す記事。
AIコーディングアシスタントで生成されたUIコンポーネント5つをAxe-Coreで検証した結果。AI生成コードのアクセシビリティ問題を実証的に分析。
Building a SaaS that maps axe-core to RGAA 4.1 — pattern detection, multi-page scanning, and CI/CD integration for accessibility audits.
パニック障害により身体が固まる当事者が、AIツールを活用して『最小限クリック』の生存戦略を実践する。AIを使うことへの罪悪感に向き合うエッセイ。
聴覚障害者である著者が、AmazonによるGlobalstar買収報道を受けて、衛星通信がテキストメッセージ対応で聴覚障害者の命綱となる理由と、その重要性について考察した記事。
ウェブ標準・アクセシビリティの専門家Bruce Lawsonによる定期リンク集で、最新のWeb・a11y関連記事がまとめられている。
WCAG3のコントラスト要件に関する2026年4月の最新情報。Adrian Roselliによるアクセシビリティ専門家向けブログ記事。
WCAG3のコントラスト要件に関する2026年4月版の最新情報。Webアクセシビリティの国際標準化動向を追跡する重要な記事。
アクセシビリティに配慮したWebページ設計の実装例。セマンティックHTML、スキップリンク、段階的な情報構造により、キーボード操作と読み上げに対応したWebライティング手法を示すサンプル記事。
インクルーシブなユーザーリサーチにおいて、喪失経験者や経済困難、虐待サバイバーなどの脆弱な立場の参加者と向き合う際に、参加者の安全確保と研究者の倫理的な対応が必要であることについて述べた記事。
遺族、経済的困難者、虐待生存者など脆弱な集団を対象としたユーザーリサーチにおいて、参加者が安全と感じられる環境を構築し、研究者が倫理的かつ責任を持って対応するための方法論を解説する。
ホバーおよびキーボードフォーカス時にテキストがスライドインするカバーコンポーネントの実装例と、キーボード操作へのアクセシビリティ対応の課題を解説している。
著名なアクセシビリティ専門家 Kitty Giraudel がゲーム関連ウェブサイト向けのインタラクティブなカバーコンポーネント実装を解説。キーボードナビゲーション(tabindex利用)やスクリーンリーダー対応の課題について具体的に検討しており、アニメーションコンポーネント実装時のアクセシビリティ考慮点が学べる。
GitHubがアクセシビリティフィードバックをAIで自動分類する仕組みを公開し、反復作業をAIに委ねることで改善速度を向上させた事例を紹介している。
聴覚障害のある著者が、手書きメニューを指さすだけで注文できた経験から、シンプルで直感的なデザインの力を述べた記事。テクノロジーよりも『指一本で通じる』ユーザビリティの本質を考察している。
視覚障害者の音の知覚を生成AIで映像化し、言語化の壁を越えたイメージ共有を実現するプロジェクト。日本テレビが視覚障害者を監督に迎え、新しい映像表現に挑戦。
発達障害のある子どもが入浴後に動き回りながら着替えるという身体条件から、パジャマの使いやすさを再定義する福祉デザインの考察だ。
視覚障害者が note.com のアプリで公開設定ボタンを見つけられず投稿に困難した実例。スクリーンリーダー利用時のUIアクセシビリティ課題を示唆する当事者報告。
重度の肢体不自由がある方が支援機器を活用して実際に働くプロセスを追った動画。適切なテクノロジーと配慮があれば、障害のある人も働ける環境づくりが可能であることを示す実例。
・同じ関わり方をしても、相手によってなぜ反応は異なるのか 対話では同じように説明しても、自発的に動く人と動かない人がいます。 やると言っても動かない。 やる気がないように見える。 理解しているはずなのに、行動に移らない。 こうした場面では、「何を伝えるか」でなく、 相手の心理を理解し、 どの段階にいるのかを見立てることが重要になります。 ・行動変容モデルという視点 「行動変容モデル(プロ
米国連邦地裁(SDNY)の判決を通じ、過度なアクセシビリティ訴訟に対する司法の厳しい姿勢を業界専門家が分析している。
米国南部地区裁判所での2件のアクセシビリティ関連訴訟判決について、著名なアクセシビリティ専門家が不当な訴訟に対する厳しい司法の態度を解説。
オランダ政府のアクセシビリティアドバイザーHidde de Vries氏へのインタビューで、WCAG-EM 2.0の開発状況やAI・持続可能性など業界の課題を実務家視点で語っている。
Webアクセシビリティの国際的リーダーであるHidde de Vriesへのインタビュー。オランダ政府のアクセシビリティ標準顧問で、WCAG評価方法論の共同編集者による、政府レベルでのアクセシビリティ評価と国際的な取り組みの紹介。
ECサイトのチェックアウトをアクセシブルに改善することで、カート放棄率を下げ全ユーザーのコンバージョン向上を実現する方法を解説している。
聴覚障害のある親との実体験から、Apple Watchが聴覚障害者の生活に「耳」になるアプリケーションの可能性を描いた記事。火災警報などの音警告への対応を含む、テクノロジーによるアクセシビリティ支援の事例。
著者がインクルーシブデザインへの関心を深めるようになった経緯を、障害のある子どもとの出会いから描いた実践ノート。「違う世界」だと思っていた障害への認識の変化を通じ、インクルーシブなデザイン思考を紹介する。
全国63中核市の公式サイトをアクセシビリティ診断ツール「AllyCheck」で自動調査したレポートで、越谷市が満点で1位となるなどスコアランキングと実態傾向をまとめている。
どうも、あるてです。 ついにGoogleの公式HPが更新され、世界中のガジェットオタクが待ちわびていたあの端末の全貌が公開されました。 そして各通信キャリアでも、一斉に予約受付が開始されました。 そう、「Google Pixel 10a」です。 相変わらず美しいデザイン.…惚れ惚れしますカラーリングも相変わらずアーティスティック スペックの全貌を眺めながら、私は懐かしい記憶を思い出し
視覚障害のある人がフェスティバルに安心して参加できるよう、靴に装着する振動ナビゲーションデバイスを用いた支援技術の取り組み。SIGNING と Ashirase による、インクルーシブデザインを通じた参加の道を増やす体験設計の事例。
・相手の言動を整理するという視点 対話の中で相手の話を聞いていると、 「何が起きているのか分かりにくい」と感じることがあります。 話はつながっているようで、 実際には整理されていない。 どこに焦点を当てればよいのか迷う場面も少なくありません。 そのまま関わり続けると、 支援の方向性が定まらず、 結果的に手応えのない面談になってしまうこともあります。 そのようなとき、相手の言動を一定の枠組
点字の歴史からBe My EyesやAIを活用した現代の視覚障害者向け支援技術まで、インクルーシブデザインにおける情報設計の本質を探っている。
インクルーシブデザインスタジオCULUMUによる、寄付フォームで参加のハードルを下げるデザインアプローチの紹介だ。
CSSやHTML属性で隠しコンテンツは視覚的には見えなくなるが、aria-labelledbyやaria-describedbyで参照されるとスクリーンリーダーユーザーには依然として読み込まれる点を説明。アクセシブル名・説明の計算におけるW3C仕様と実装上のベストプラクティス。
CSSで視覚的に非表示にした要素でも、aria-labelledbyやaria-describedbyを通じてアクセシブル名・説明の計算に使われることを、スクリーンリーダー向けの実例で解説している。
難聴のある人が使いやすいよう、難聴シミュレーションを活用してLLMの対話プロンプトを自動的に最適化する手法を解説した記事。聴覚障害当事者の体験を起点にAIアクセシビリティを改善するアプローチを紹介する。
WebAIMが数百万のWebサイトをスキャンして実施した大規模アクセシビリティ分析の2026年版レポート。Webアクセシビリティの問題傾向と現状把握の重要な資料。
リジェラボの事例を通じ、答えを決め切らず当事者との共創プロセスで設計を進めるインクルーシブデザインの実践アプローチを紹介している。
ゲーム『ポケモンZA』のアクセシビリティについてユーザー視点から考察した記事。追加DLC『M次元ラッシュ』をプレイしての体験と所感。
TPGi(Vispero傘下)が毎週月曜日に発行するデジタルアクセシビリティ業界ニュースのキュレーション配信。業界の最新トピック・事例・標準動向をリンク集形式で紹介している。
・未来志向という視点 「あなたはどうしたいのか」 「どうなっていればよいのか」 「今よりも少しでもよい状態とはどのようなものか」 対話は過去や現在に焦点を当てるだけでなく、 これからの未来に目を向ける関わりも重要になります。 その代表的なアプローチで参考になるのが、 コーチングやSFA(解決志向アプローチ)です。 これらに共通しているのは、 「問題」そのものに深く焦点を当てすぎないという点
Appleの創業50周年に示された「アクセシビリティ2.0」ビジョンを紹介し、VoiceOverなど視覚障害者向け支援技術へのAI統合が同社の中核的設計思想として発展している現状をまとめている。
スマートフォンのワイヤレスイヤホン(AirPodsなど)や補聴ネットワーク機能を活用して、聴覚障害者がデジタルデバイスをどう活用しているかについての記事。iPhone SEなどの実例紹介を含む。
認知症の人を在宅で支える家族介護者が抱える心理的・時間的・就労的な負担をデータで示し、燃え尽きを防ぐ伴走型支援の実践的な考え方を解説している。
SwiftUIがデフォルトでアクセシブルという誤解を解消し、iOS開発者が実際に対応すべきアクセシビリティの注意点を具体的に解説している。
Axeプラットフォームがフランスのアクセシビリティ基準RGAAに対応し、準拠テスト・修正・モニタリングをAxe上で一元的に実施できるようになった。
視覚情報(レイアウト・色・空間的手がかり)がない状況でも視覚障害者が同等の体験でタスクを完了できる、スクリーンリーダー対応デザインの考え方を示している。
視覚障害者が支援技術を用いながら効果的にタスクを完了できるよう、色やレイアウトに依存しないインターフェース設計のアプローチを解説している。
開発フローにアクセシビリティ検証を組み込み、問題をバックログ化せずその場で修正する「インフロー」アプローチをLevel Accessが解説している。
AppleによるWeb標準対応の不備とプログレッシブWebアプリ機能の削除を批判し、反競争的行為がデジタルアクセシビリティに与える制限的影響を指摘している。
ワンタイムパスワード(OTP)と二要素認証(2FA)がスクリーンリーダーユーザーや聴覚・視覚・認知障害のあるユーザーをロックアウトしている問題を分析し、複数認証方法の提供やARIA対応などのアクセシブルな実装方法を提案する記事。
WebAIMが提供するアクセシビリティ特化のAIチャットボットで、WCAG基準や支援技術に関する質問に回答し、UI自体もアクセシブルに設計されている。
・ICT、AI Appleが10倍大きなAIモデルよりも優れた画像キャプションを付けられる「RubiCap」を発表 - GIGAZINE サイボーグ・アーティストの歴史/ヒトは、道具によって初めて「人間」になる 誰でもアプリが作成できる時代がやってきました_AIでアプリを完成させた1ヶ月の記録|風吹き童子 やま 【当日動画・資料公開】障害のある方々へのICT活用支援|地域連携の実践事例紹
就労支援におけるアセスメントは、単にシートの項目を埋める作業ではありません。 本来は、「その人をよく理解するためのプロセス」です。 でも、初任者の方にとっては、「本人をよく知る」は理解できるものの、実践する難しさを感じることも多いように思います。 何を見ればいいのか分からない どこに注目すればいいのか迷う とりあえず項目を埋めることに意識が向いてしまう こういった悩みを感
Webアクセシビリティを日々の業務に取り入れるための週刊ニュースレター「A11y Weekly」第493号で、最新情報・ツール・実践的なヒントを届ける。
2026年2月にブラウザ間で対応されたWeb API機能の月次レポート。多言語サポートにおいて、RTL/LTRのテキスト方向を自動キャプチャするdirname属性が新たに広く利用可能になり、スクリーンリーダー等の支援技術の正確な処理が改善された。
TPGiのRicky Onsman氏がまとめるデジタルアクセシビリティ業界の週次リンク集(2026年3月30日号)で、WCAG関連記事や業界動向を網羅している。
虐待生存者の50年間の生存戦略(親の微細な身体信号を読む能力)をテキストベースのAI検出アルゴリズムに応用した実装記録。発達障害支援の文脈で、人間中心設計に基づく支援技術開発の実践例。
虐待サバイバーの知覚を基盤としたAI検出アルゴリズムの実装記録。非言語的コミュニケーション検出やマルチモーダルAI設計を通じて、障害のある利用者も含めたインクルーシブなシステム設計の原則を示す。
W3CスタッフのMike [TM] Smith(Sideshowbarker)氏へのファイアサイドチャット形式のインタビューで、WebアクセシビリティとHTML仕様における取り組みについて語られている。
Windows 11のキーボード設定画面でスライダーが正常に表示されず「0」と「3」のみ選択可能になるバグを報告し、Microsoftへのフィードバック手順も紹介している。
障害を持つ従業員を含むすべての学習者が効果的にトレーニングを受けられるよう、アクセシブルなeラーニングの設計方法を解説した実践ガイド。エンゲージメントと修了率の向上につながるインクルーシブな研修設計のポイントを紹介する。
背景色が動的に変わるUI要素で視認性を保てる文字色を1行の数式で自動判定する方法を解説し、バッジやカラータグでのコントラスト確保の実践的アプローチを紹介している。
EUとドイツのデジタル規制、アクセシブルPDF標準採用、テック企業の社会的責任に関するキュレーションリスト。ユーザー権とデジタルインフラのインクルーシブ性に関わる海外動向を紹介。
「○○はアクセシブルだ」と断言する見出しは例外なく誤りである、という「アクセシビリティ見出しの法則」を提唱する記事だ。
オンライン購入後の注文確認・配送追跡・返品フローに潜むアクセシビリティ上の障壁を取り上げ、インクルーシブなデザインが購入完了後の段階でも重要である理由を解説している。
GovTech Tokyoがダッシュボード標準化に取り組む中で、コントラスト比やUX品質を確保した東京都版カラーパレットを策定したプロセスを解説している。
ドイツのデジタルアクセシビリティ法(BGG・BITV 2.0・BFSG)の概要と主要要件、コンプライアンス達成のためのベストプラクティスを解説している。
開発者がアクセシビリティに取り組む動機付けの方法(報酬と規制の組み合わせ)について、アクセシビリティ専門家による実践的ガイド。
Learn more about disability and accessibility in the business and educational settings from the expert in the field - Sheri Byrne Haber.
ADA Title IIに関する連邦政府の見直し動向を整理し、企業・団体が今後どう対応すべきかの実践的なガイダンスをDequeが解説している。
低視力ユーザーを対象にしたUI設計を解説し、コントラスト強化やコントロール配置の工夫によって視覚障害者にも使いやすいインターフェースを実現する具体的アプローチを示している。
低視力ユーザーに対応したWebデザインの設計原則を解説。コンテンツ強調やコントロール配置などの設計上の選択が、カスタマイズ可能なインターフェースか、バリアを生むかを決める。
» Resurrecting a £50 computer with Vivaldi and ChromeOS Flex
ECサイトのチェックアウトフォームにおけるアクセシビリティの問題を、スクリーンリーダーを使う視覚障害者の体験をもとに分析し、改善すべき具体的な箇所を挙げている。
CSSカスタムプロパティを活用してプリザンターv2テーマ全体の配色を切り替え、ハイコントラストモードなど視認性を高めるUI実装のステップを解説している。
東京都デジタル10か条『誰ひとり取り残されないようにしよう』に基づき、GovTech東京が開発したデータポータル。カラーユニバーサルデザイン対応テストを実施し、色覚特性に配慮したカラーパレットを設計した行政デジタルサービスの実践例。
アクセシビリティの失敗はデザインの問題ではなく、エンジニアリングの失敗である。フルスタック採用トレンド・AIによるコンテキスト不在のコード生成・コンプライアンス優先の姿勢が重なり、見えにくい危機を生み出している現状と、真の解決策を論じた記事。
アクセシビリティオーバーレイ企業に内部から変革をもたらそうとした体験談で、オーバーレイツールの問題点と企業内での正しいアクセシビリティ推進の難しさを語る。
TPGiがRicky Onsman氏のキュレーションで毎週月曜日に配信するデジタルアクセシビリティ業界ニュースのリンクまとめで、2026年3月23日週分だ。
EleventyのビルドプロセスでWebページの見出しにアクセシブルなアンカーリンクを自動生成する実装方法。スクリーンリーダー対応(visually-hidden、aria-hidden属性)とCSS Anchor Positioningを活用し、ランタイムJavaScript依存を排除したベストプラクティスを解説。
見出しにアンカーリンクを自動的に挿入するEleventy実装パターン。ビルドタイム変換とcherioライブラリで見出しIDに対応するアンカーをサーバーサイド生成し、クライアント側JavaScriptを削減する設計について解説。
ブラウザ操作にカスタムショートカットキーを割り当てられるChrome拡張「Shortkeys」の紹介で、キーボードのみで操作を完結させたい運動機能に制限のあるユーザーにも有用だ。
デジタルアクセシビリティが収益向上・顧客体験改善・コスト削減にどうつながるかをデータで示し、経営層を動かすためのビジネスケース構築方法を解説した記事だ。
複数のGitHubリポジトリをひとつに統合する手順とコミット履歴の扱い方を解説している。
ToastUI(通知メッセージ)のアクセシビリティ上の問題点を解説し、ARIAライブリージョンの実装方法や認知アクセシビリティの観点から改善策を示している。
監視画面・事務入力端末・倉庫端末という3種の現場環境を例に、「とりあえずカードUI」ではなく使用環境と操作スタイルに即したUI/UX設計が重要であることを実例で示している。
HTML再学習を通じて得た気づきや知らなかった仕様をまとめた記事の第2弾で、セマンティックな要素の使い方やアクセシビリティに関連するHTML仕様の理解が深まる内容だ。
手動テストと自動テストを組み合わせることでアクセシビリティカバレッジの拡大と開発速度維持を両立する方法を解説した、DequeによるWCAG対応の実践指針だ。
Webページで脚注リンクをクリックした際に参照元と脚注の両方をハイライトする実装テクニックを解説している。
アクセシビリティがAI対応のための機械可読な基盤である理由を解説した記事。アクセシブルな設計が高品質なデジタル体験とAI活用の両方を支えるインフラになるという視点を提示している。
オンラインストアをADA・WCAG標準に準拠させるための包括的なアクセシビリティチェックリスト。ユーザビリティ向上と法的リスク軽減、継続的なコンプライアンス対応をサポートする。
TetraLogicalのアソシエイト・アクセシビリティ・スペシャリストNiamh Maddenの紹介。React開発からアクセシビリティチームに転身し、WCAG 2.2評価やアクセシビリティ・テストを専門とする英国の専門家。
UK 発のアクセシビリティコンサルティング企業 TetraLogical のアソシエイト・アクセシビリティスペシャリスト、Niamh Madden を紹介。開発経験と言語への関心、ユーザビリティへの強い関心を持つ専門家のプロフィール。
AIエージェントがWebを読む時代において、セマンティックHTMLとアクセシビリティ対応がそのままAIにも有効であることを論じた記事だ。
npmxにおけるアクセシビリティファーストの文化醸成を探るA11y Weekly第491号のニュースレターで、アクセシビリティを日常業務に取り込むための実践的視点を伝えている。
Learn more about disability and accessibility in the business and educational settings from the expert in the field - Sheri Byrne Haber.
Learn more about disability and accessibility in the business and educational settings from the expert in the field - Sheri Byrne Haber.
HTML5 AccessibilityがHeydon Pickering氏を迎えて行うファイヤーサイドチャット第2弾で、Webアクセシビリティの現状と考え方について率直に語り合っている。
Learn more about disability and accessibility in the business and educational settings from the expert in the field - Sheri Byrne Haber.
セマンティックHTML・ARIA・フォーム設計・Dialog・ダークパターン回避まで、現場で頻出するWeb品質課題を網羅したZenn本だ。
TPGiのRicky Onsman氏が毎週月曜に編集・公開するデジタルアクセシビリティ業界ニュースのリンクまとめ、2026年3月16日号だ。
Learn more about disability and accessibility in the business and educational settings from the expert in the field - Sheri Byrne Haber.
2026年にオーストラリアで施行される3つのアクセシビリティ法改正・ガイドライン更新を解説し、組織が先手を打ってデジタルアクセシビリティに取り組む必要性を説いている。
WAI-ARIA APGのデザインパターンをReact・Vue・Svelte・Astroで実装したアクセシブルコンポーネントの実例集だ。
HTMLタグのセマンティックな使い方を再学習する中で得た気づきをまとめた記事。スクリーンリーダーへの情報伝達においてセマンティック要素の正しい使用が重要であることを具体例で解説している。
音声コントロール技術がすべての人にとってコンピューターを使いやすくする仕組みを解説した英語記事。自然言語コマンドや音声ナビゲーションがアクセシビリティ向上に果たす役割を紹介している。
WCAGの基礎から具体的な実装まで体系的に学べる書籍『ウェブアクセシビリティの教本』のレビュー記事。初学者から実践者まで幅広くお勧めとの評価で、網羅的な内容を紹介している。
Astro + Vercel構成の自社サイトで行ったアクセシビリティ改善の実践記録。WCAG基準でスキップリンク・モーション・コントラスト比を修正した変更内容と判断根拠を詳しく解説している。
CSSだけで実装できるアクセシビリティ改善テクニックを3つ紹介し、やりがちなミスもあわせて解説した実践的な記事。フォーカススタイルやカラーコントラスト調整など、コーディングにすぐ活かせる内容だ。
NuxtアプリでSPAのページ遷移や動的コンテンツの変更をスクリーンリーダーに伝える公式モジュール「NuxtAnnouncer」の仕組みと使い方を、ARIAライブリージョンを交えて解説している。
Starshipを使ってCLIプロンプトを視認性高くカスタマイズする設定方法と実例を紹介している。
視覚障害や色覚特性のある利用者に向けたWebアクセシビリティ配慮のポイントを解説した記事。色だけで状態を伝えるデザインや画像のみの情報提供が引き起こす問題と、Web担当者が実践すべき対応策を紹介している。
EUの小売業においてアクセシビリティの欠如がもたらすビジネスリスクを論じた英語記事。インクルーシブなショッピング体験の提供が収益と企業評判を守ることを解説している。
朝日新聞のニュースをやさしい日本語で届けるサービスの紹介で、認知アクセシビリティの実践事例だ。文章を平易にすることで、より多くの読者が情報にアクセスできることを示している。
ARIAラベルとアクセシブルな名前が支援技術にどう解釈されるかを解説した開発者向けガイド。正しいARIA適用方法とよくある実装ミスを具体的な例を交えて説明している。
Eleventyで構築したサイトに自動テストを追加する方法を、設定から実装まで順を追って解説している。
Learn how Level Access has expanded its Partner Program to enable more organizations to deliver inclusive, impactful digital experiences.
WCAGに基づくWebアクセシビリティ監査の進め方を解説し、優先順位の決定から改善ロードマップの策定までをステップ形式でまとめている。
VR環境における視覚障害・弱視(BLV)ユーザーのアクセシビリティ向上にLLMガイドを活用した実践と考察をまとめた記事だ。
静的サイトジェネレーターEleventyを使い、MarkdownコンテンツをLLMが解析しやすい形式で配信する実装アプローチを解説している。
複数ディスプレイ使用時の首・視線への身体的負荷を軽減するため、アクセシビリティAPIを活用したmacOS向けウィンドウ管理ツール「SpinShelf」の自作経緯と実装を紹介している。
Learn more about disability and accessibility in the business and educational settings from the expert in the field - Sheri Byrne Haber.
Learn more about disability and accessibility in the business and educational settings from the expert in the field - Sheri Byrne Haber.
多くの人が経験する不安について、思慮深く意図的な設計アプローチにより、デザインがストレスを軽減し、ユーザーの心理的な負荷を増幅させないようにすることの重要性を述べている。
不安症やストレスに直面するユーザーに配慮したインクルーシブデザイン方法について。思慮深い設計アプローチにより、デザインがストレスを軽減し、さらに悪化させないようにすることが重要である。
コードスニペット共有ツール「Carbon」の使用を止めた理由と背景を述べた記事で、移行の判断に至った経緯と代替手段も紹介している。
Defense counsel focus on efficient resolution and reducing future ADA website claims through practical testing and strategic positioning.
福祉ポータルサイト100記事の構築経験をもとに、アクセシビリティとSEOを両立するHTML構造(見出し階層・セマンティックHTML・構造化データ)の設計方針を解説した記事だ。
WCAGの「堅牢」原則を、交通系ICカードの改札機における残高表示の曖昧さを例に、支援技術が確実に情報を解釈できる実装の重要性を解説した記事だ。
アクセシビリティ専門家や当事者の力を特集し、日常業務にアクセシビリティを根付かせるヒントを紹介するA11y Weekly第490号だ。
アクセシビリティ推進者のNatalie Patrice Tuckerへのインタビューを通じて、インクルーシブデザインへの取り組みや業界の課題を掘り下げた記事だ。
福祉カウンセラーとITコンサルタントの両視点から、「誰一人取り残さない」Web制作の考え方と実践の第一歩を解説した記事だ。
Windowsに標準搭載されているアクセシビリティ機能を3カテゴリで体系的に整理した解説で、支援技術の全体像を把握したい開発者・支援者に役立つ内容だ。
HTML5 Accessibilityによるファイヤーサイドチャットインタビューシリーズの一篇で、KarlがHTMLアクセシビリティへの知見・経験・考え方を率直に語る対談だ。
TPGiが毎週月曜日に配信するデジタルアクセシビリティ業界ニュースのリンクまとめで、Ricky Onsmanが編纂する週次ラウンドアップだ。
WCAGの「理解可能」原則を、駅の案内板やMicrosoft Learnの用語設計を例に、読みやすさや予測可能性の観点から解説した記事だ。
WCAGの「操作可能」原則を、けがや持病など誰にでも起こりうる身体的制約の観点から、備えとしてのWeb設計を考察した記事だ。
WCAGの「知覚可能」原則を、日常の「聞く」「見る」体験や字幕・コントラスト比などの具体例と結びつけてわかりやすく解説している。
OSSライブラリchardetをAIが無断で書き換えたケースを例に、AI生成コードとオープンソースライセンスが抱える問題点を論じた記事だ。
Learn what Chief Technology Officer Jen Kurtz has to say about responsible AI, accessibility at scale, and inclusive leadership in tech.
ウェブ標準・アクセシビリティ関連の注目記事をBruce Lawsonがまとめた定期連載「Reading List 355」の最新回だ。
CSSのみで紙を折ったようなコーナーエフェクトを実装するテクニックを段階的に解説した技術記事だ。
人々は文脈や時間によってニーズが変わり、同じ人でも状況に応じて異なる支援技術やツールを必要とする。私たちが作るUIはユーザーに適応するべきであり、その逆ではないというインクルーシブデザイン思想を論じた記事。
同じ人物がスクリーンリーダー・拡大鏡・音声コマンドなど状況によって異なるアクセシビリティツールを使い分けるという実例を示し、特定ユーザーに最適化するのではなく多様な文脈に適応できるインクルーシブデザインの必要性を論じている。
Defense counsel focus on efficient resolution and reducing future ADA website claims through practical testing and strategic positioning.
ブラウザには音声読み上げ機能がすでに標準搭載されており、AIやオーバーレイ企業が提供する同種サービスの必要性に疑問を呈している。
シンボルを活用したAAC(拡大代替コミュニケーション)において、初期読み書き段階(Emergent readers)の利用者がシンボルをどのように活用しているかを紹介するGlobal Symbolsのニュース。コミュニケーション障害を持つ方々への支援技術として、シンボルライブラリの役割を解説している。
OpenAIがHTMLアクセシビリティの基本原則を軽視していることを批判し、AI企業がウェブ標準を遵守すべき理由を論じている。
EleventyでMarkdownの見出し要素を解析して目次を自動生成する実装手順を解説した技術チュートリアルだ。
At the heart of inclusive design are people. Not technology, and not standards. Technology is what people use, and standards provide a foundation for access, but inclusive design is shaped by real use
GitHub ActionsとAPIを活用してプロフィールREADMEを自動更新する仕組みの実装方法を解説した技術記事だ。
W3CアクセシビリティガイドラインWCAG 3.0の2026年3月版ワーキングドラフトが公開され、コミュニティへのレビューが呼びかけられている。
AI生成のAndroidアプリにおいても、contentDescriptionを適切に設定することでアクセシビリティを大きく改善できることを解説している。
デジタルアクセシビリティの新たな方向性をテーマに、WCAGや法制度に関する最新動向を取り上げた週刊ニュースレター「A11y Weekly」第489号だ。
EleventyでサイトのStats(統計情報)ページを構築する手順を解説した技術記事で、コンテンツ数や更新頻度などのデータを可視化する実装方法を紹介している。
TPGiのRicky Onsman氏がキュレーションした、2026年3月2日週のデジタルアクセシビリティ業界ニュースのリンク集だ。
Microsoft TeamsがEnterキー挙動をカスタマイズできる新機能を配信開始。Enterで改行と送信を使い分けられるようになり、キーボード操作ユーザーの誤送信防止と作業ストレスの軽減を実現。
静的サイトジェネレーターEleventyでタグページを生成するための実装方法を解説した記事だ。
AIが障害のあるユーザーの支援技術や好みを学習してコンテンツを個別適応する「IDAA」構想を提唱しつつ、開発者側の責任は変わらないと論じている。
Automated accessibility testing helps teams identify common WCAG issues at scale. Read the guide to build a reliable, scalable testing strategy.
Liquidテンプレート内のコンテンツへHTML要素を動的に挿入するための実装手法を解説した技術記事だ。
視覚障害者によるスクリーンリーダーのライブデモが、自動テストでは検出できないアクセシビリティ問題の発見に有効であることを論じた.NETラボ勉強会レポートだ。
デジタル庁が公開したデザインシステムβ版で、UIコンポーネントとアクセシビリティ・ユーザビリティを踏まえた設計・実装ガイドラインを提供するデザインアセットだ。
Axe-con 2026の2日目レポートで、障害のある人々の体験談からAIがアクセシビリティ実装速度に与える影響まで、多彩なセッション内容を紹介している。
Axe-con 2026において、アクセシビリティ分野で顕著な成果を上げた個人・組織を表彰する「Axe Awards」を紹介している。
Axe-con 2026初日のレポートで、AIの活用、EAA(欧州アクセシビリティ法)対応、シフトレフトなど多岐にわたるセッションを紹介している。
A weekly dose of web accessibility to help you bring it into your everyday work.
Joe DolsonがCSUN 2026アシスティブテクノロジーカンファレンスへの参加を告知し、期間中にAble Playerについて話したい参加者を募っている。
Keyboard navigation lets users browse websites with keystrokes, not a mouse or pointer. Learn about focus indicators, WCAG standards, testing, and more.
W3Cのアクセシビリティ専門家Matt MayによるスピーチをHTML5 Accessibilityが収録したもので、Webアクセシビリティ標準化に関する見解が語られている。
WCAG 2.2の4原則と13ガイドラインを体系的に整理し、設計・実装・テストまでを網羅した包括的なガイドだ。
Aaron GustafsonがFigmaのアクセシビリティ支援アシスタント v52 をリリース。デザイン段階でのアクセシビリティ検証をサポートするツールの重大なアップデートについて解説する記事。
FigmaのアクセシビリティアシスタントがWAI-ARIAロール拡張・アノテーション刷新・UI統合を含むv52へ大幅アップデートされ、デザイン段階での検証精度が向上した。
Accessibility debt slows teams down and increases rework. Learn why reactive fixes fail and how engineering accessibility into systems improves velocity.
Learn how accessibility testing helps government agencies uncover barriers, reduce ADA Title II risk, and improve digital public services.
Learn the accessibility barriers blind shoppers face when completing online product returns, including QR codes, location selection, and form limits.
Claude Codeへのアクセシビリティ指示の有無がデザインシステムの実装品質にどう影響するかをLighthouseスコアで比較検証した実践記事だ。効果的なスキルファイルの分割方法など、AI活用の最適解を探る内容も含む。
2024〜2026年のiOS・Androidアクセシビリティ機能の最新アップデートと、実装時に押さえるべきポイントをまとめた技術ガイドだ。
Ctrl+Fの全文検索にもヒットする、アクセシブルなタブコンポーネントの最新実装方法を解説した記事だ。WAI-ARIAとキーボード操作・スクリーンリーダーへの対応を含む。
Learn the most common shopping cart accessibility barriers for screen reader users and why they prevent customers from completing online purchases.
WCAG 2.xのコントラスト比計算の仕組みと限界を解説し、知覚ベースの新評価手法APCAの考え方と実務での活用法を整理した技術解説だ。
A weekly dose of web accessibility to help you bring it into your everyday work.
LLMにARIAオーサリングプラクティスガイド(APG)を正しく参照させるプロンプト手法を解説した記事だ。AIがアクセシビリティのベストプラクティスを正確に扱えるかという根本的な課題を論じている。
アクセシビリティ著作で知られるHeydon PickeringへのインタビューをHTML5 Accessibilityが収録したもので、HTMLアクセシビリティへの実践的な見解が語られている。
A blind patient explains common accessibility barriers in healthcare appointment scheduling and what digital teams must fix for Section 504 compliance.
Webアクセシビリティの第一人者Bruce Lawsonが厳選した注目記事をまとめたリーディングリスト第354号だ。
Windows操作の効率化に向けた時短ショートカットキーの活用方法。キーボード操作とマウスの切り替えによる時間ロスを軽減するテクニックを紹介。
Accessibility user testing by people with disabilities reveals real-world obstacles and barriers. Learn how to plan sessions, prioritize findings, and more.
Axe DevTools for WebにAxe MCPサーバーが統合され、AI支援による早期のアクセシビリティ修正と開発サイクルの短縮を実現する。
ShopifyストアをWCAG 2.1/2.2 AAに準拠させ、ADA(米国障害者法)コンプライアンスを達成するための実践的なチェックリストだ。EC事業者向けに具体的な確認項目をまとめている。
Canadian accessibility laws including the Accessible Canada Act and AODA set strict digital requirements. Review 2026 amendments and steps. Learn more.
Webアクセシビリティ専門家Eric EggertへのインタビューをHTML5 Accessibilityが収録したもので、業界での取り組みと知見が語られている。
A weekly dose of web accessibility to help you bring it into your everyday work.
LINEヤフーが提供する月額制「LYPプレミアム with Netflix」セットプランの特徴と使い勝手・改善要望を論じた記事だ。
アクセシブルなメディアプレーヤー「Able Player」のv4.8.0とWordPress向けプラグイン2.3.0が同時リリースされた。各変更点の詳細は前回のリリース候補記事に記載されている。
右鎖骨骨折で一時的に片手しか使えなくなった開発者が、上肢障害の当事者視点からキーボード操作やUIアクセシビリティの重要性を実感した体験記だ。
By applying accessibility considerations to the building blocks of your web content you can create digital products that everyone can use. Our Accessible building blocks for web video series introduce
AndroidやiOSのOSレベルの文字サイズ設定がWebページに反映されない問題を解説し、ブラウザの現状と改善されつつある動向を整理した記事だ。
欧州の規制動向を踏まえ、2026年に向けて組織のアクセシビリティロードマップをどう最適化するかをDequeが解説している。
視覚障害者がスーパーボウルを体験できる触覚デバイスについて。支援技術がもたらす社会参加とインクルーシブデザインの重要性を示唆する事例。
視覚障害のあるスポーツファンがタクタイルデバイスを通じてスーパーボウルを体験する取り組み。ワシントン大学の学生チームが開発した「OneCourt」というテクノロジーで、障害者もスポーツを楽しめるインクルーシブな環境を実現する事例。
急な解散総選挙で投票用紙に点字が間に合わず、視覚障害者が安心して投票できない状況を当事者の声をもとに取り上げたラジオ記事だ。
アクセシビリティ適合性テストのルール記述フォーマット「ACT Rules Format 1.1」がW3C勧告(正式なウェブ標準)となった。自動テストツールや手動テスト手法の開発基盤として活用される。
認知・学習障害のある人々を対象にW3C WAIが公開した研究モジュール初稿ノート。音声システム・屋内ナビゲーション・オンライン安全など4分野のユーザーニーズと課題を整理し、フィードバックを募集している。
If your roadmap is not aligned to Canada’s national ICT accessibility standard, and your next milestone is within the next 6–24 months, it's time to act.
WCAG 2 への準拠度を評価するステップバイステップの方法論「WCAG-EM 2.0」の初稿ノートをW3Cが公開。従来のウェブページに加え、アプリなど幅広いデジタル製品へも適用可能になった。
This is an unplanned part two for Barriers from Links with ARIA. The title reflects my exasperation because this isn’t new, I’ve simply failed to be explicit about it over the last decade or so. In 20
アクセシビリティプログラムに潜むリスクを特定し、組織の取り組みに存在するギャップを埋めるための実践的な戦略を解説したガイドだ。
フォーカス順序をデザインアノテーションで明示することは多くの場合不要であり、自然なDOM読み順に委ねるほうがアクセシビリティ上よいと主張する記事だ。
A weekly dose of web accessibility to help you bring it into your everyday work.
Khan AcademyのシニアフロントエンドエンジニアであるMarcy Suttonが、ローカライゼーション対応、ブラウザズーム、一般的なアクセシビリティを含めた堅牢なUI構築に取り組む経験を述べた記事。
アクセシビリティ専門家Marcy SuttonがKhan Academy入社後の取り組みとして、デザインシステムへのアクセシビリティ統合の方針と実践を述べた記事。
デザイン段階でFigmaアノテーションにアクセシビリティ要件を組み込む「シフトレフト」アプローチを解説。手戻りを減らし、開発者への引き継ぎを改善する実践方法を紹介している。
Only 28% of organizations embed accessibility in design. Discover how early design planning improves experiences and boosts competitiveness.
アクセシビリティデザイナーがWebアプリにキーボードショートカットを実装するアプローチを解説。ショートカット設計がアクセシビリティに与える影響を丁寧に考慮した実装方法を紹介している。
A weekly dose of web accessibility to help you bring it into your everyday work.
Today Temani Afif asked a question: Are the below codes equivalent if we consider all the aspects? (a11y, semantic, something else maybe?) If not, what is missing (or should be changed) in the second
Learn how proactive accessibility practices help teams confidently deliver compliant documents faster.
Learn how to prioritize accessibility program investments, set governance, and measure ROI to build an impactful accessibility program in 2026.
WordPressプラグイン「My Calendar」の新バージョンリリースノート。ナビゲーションリンクをボタン要素に切り替え、キーボード操作とスクリーンリーダーへの対応を改善した。
スシローの店内呼び出しディスプレイが、矢印・数字・アイコンを多用しながらも情報が伝わらないと話題になった事例。認知負荷を高める装飾過多が視認性と理解容易性を損なう、典型的なUIデザインの失敗例だ。
A weekly dose of web accessibility to help you bring it into your everyday work.
Discover how Hybrid Intelligence is reshaping accessibility—combining AI, automation, and human expertise to sustain accessibility at scale.
Our Common accessibility misconceptions series sheds light on many misunderstood aspects of accessibility.
Most organizations don’t understand their real accessibility risk. Learn what’s causing this gap, and how to move forward with clarity and confidence.
This post does not discuss whether live regions are good, nor is it a post about the best way to use them. This post only covers how they are exposed to the audience who experiences them — screen read
皆さまこんにちは、株式会社ベースマキナの代表取締役社長を務めております高橋(@__timakin__)です。 先日vercel-labs/agent-browserがリリースされました。「トークン消費93%削減」という謳い文句を見て、どうやってそれを実現しているのか気になったので中身を読んでみました。パッと見はPlaywrightのラッパーに見えるのですが、実際にはAIエージェント向けの入出力設
Accessibility champions help organisations scale accessibility beyond compliance. Learn how you can start championing accessibility for lasting change.
A weekly dose of web accessibility to help you bring it into your everyday work.
I'm just getting the release candidate for Able Player 4.8 ready. This isn't as large a release as the last one, but it does include some pretty
Identifying keyboard shortcuts for an application is mostly an internationalization problem. It’s also not a new problem. A recent (to me) example is the WordPress Gutenberg team starting to discuss k
We tend to agree easily that all accessibility issues are important, but we also acknowledge out of necessity that some issues are more critical than
Testing for accessibility is often misunderstood. Teams either overestimate what tools can do, underestimate their own role, or assume testing is something that happens once only, at completion of the
ACRs are Accessibility Conformance Reports, which are the output of a VPAT, or Voluntary Product Accessibility Template maintained by ITIC, or the Information Technology Industry Council (which is why
A weekly dose of web accessibility to help you bring it into your everyday work.
2025年のWebアクセシビリティに関連する出来事を振り返りながら、2026年の展望を解説する年頭特集記事。WCAGや法制度の動向など、国内外のトレンドを俯瞰している。
絵を描く人の視点から、視覚障害者が利用するスクリーンリーダーを意識した画像の代替テキスト(ALTテキスト)の書き方を実践的に解説した記事だ。
アクセシビリティ専門家Heydon Pickeringによる、カスタム要素クラスの継承パターンを活用した、再利用可能でアクセシブルなWeb Componentsの構築方法についての解説。
Webアクセシビリティの第一人者Heydon Pickeringによる、カスタム要素(Web Components)を動的に読み込む再利用可能なパターン解説。アクセシブルなカスタム要素を効率よく組み込む実装手法を紹介している。
Adding fullscreen capabilities to videos and embedded iframes shouldn’t require wrestling with prefixed APIs or managing focus states. The fullscreen-control web component handles all of that for you
I’m using this post to acknowledge my past practices and establish future ones on this site related to ‘AI’. I have not, and will not, use LLMs to write, draft, review, or otherwise participate in con
フロントエンドエンジニアが陥りがちなアクセシビリティに関する3つの誤解を、UXエンジニアの視点から解説した記事だ。WAI-ARIAやキーボード操作など実践的な基本知識をわかりやすく紹介している。
ぐるなびウエディングのリニューアルで実践したカレンダーコンポーネントのアクセシビリティ対応事例。キーボード操作への対応において、デザイナーと協力しながら行った細かな実装の工夫を解説している。
インドの中央銀行(RBI)がすべての銀行に義務付けた包括的なデジタルアクセシビリティ基準の要件と、具体的な実装ガイドを解説した記事だ。
WebAIMによる2026年のWebアクセシビリティ動向予測。WCAG 2.2の標準化加速、AIツールの活用と限界、ネイティブHTMLへの回帰など、業界の7つの重要なシフトを解説している。
Next.js/Reactでキーボードのみで操作可能なログインフォームを実装しながら、WAI-ARIAによるフォーカス管理やエラー通知の方法を解説している。
For many organisations and digital teams, knowing how to start implementing accessibility and how to sustain it over time isn't always straightforward. Teams often wonder who is responsible, which too
I'm approaching this story from the starting assumption that accessibility overlays are a problem. So I'm not going to spend time on arguments for or
国務省は公式な通信におけるフォントを「Calibri」から「Times New Roman」に戻すという。2023年にCalibriに移行したばかりだが、一体なぜ?
Webアクセシビリティ違反を理由とした ADA 訴訟は米国で毎日数十件程度発生しており、小規模事業者にも大きな影響を与えている。本記事は ADA 改革と小規模事業者保護について解説する。
米国でWebアクセシビリティに関するADA訴訟が急増するなか、小規模企業保護を目的とした法制度改革の試みを論じた記事だ。毎日約24件が提起される訴訟の実態と法改正をめぐる議論を分析している。
Most people working in digital are aware of the Web Content Accessibility Guidelines (WCAG) and know they can help make digital products work for everyone. However, the way the guidelines are discusse
これはタイムラボ Advent Calendar 2025の8日目の記事です💡 adventar.org こんにちは!タイムラボ公式です。 今回は、株式会社タイムラボでCalicoの制作に携わるリードデザイナーの🐙貫井伸隆、ソフトウェアデザイナー兼デベロッパーの🐰usagimaru、そしてiOSアプリエンジニア(業務委託)の🦌まつじの3名による
Hi there. My name is Aaron Gustafson and I work on the web.
The beta release of My Calendar 3.7.0 is ready for testing. This major release includes numerous bug fixes, and a few major changes that would benefit
この記事はHTアドベントカレンダー5日目の記事です。 はじめに 博報堂テクノロジーズでデータサイエンティストをしている髙橋です。データとテクノロジーを駆使してメディア・コンテンツを革新していくデータサイエンティスト集団であるAaaS Tech Lab に所属しています。 ...
Disability is often misunderstood or misrepresented online and in mainstream media. In this post, we look at some common misconceptions surrounding disability.
海外の日本研究者も利用するオンライン辞書「ジャパンナレッジ」がVPAT公開に至るまでの背景と経緯を紹介する記事の前編だ。
手ぶらで通れるウォークスルー改札が鉄道の常識を変える? JR東日本のミリ波Suica改札、日本信号のBLE+顔認証改札など最先端技術を鉄道技術展2025の展示から詳しくレポート
Meet Grace, an Accessibility Specialist with a love of inclusive design, a passion for mentoring, and two extremely fluffy cats who consider themselves silent contributors to every project.
今日はねぇ、朝10時から塾の保護者会だったんです。 さすがにもうね、次男の中学受験まであと2ヶ月なんで、土曜の朝からかったるいですけどサボらず行きます。 国語、算数、社会、理科の先生からそれぞれ一人30分ずつ、 ●あと2ヶ月をどう過ごすか、その心構え ●塾ではこういうふうに仕上げていきます ●保護者の皆さんにはこういうサポートをお願いします といったお話がありました。 でね、どの教科の先生
Hi there. My name is Aaron Gustafson and I work on the web.
フォームの日付入力をよりアクセシブルに実装するためのJavaScriptコンポーネント「Pikaday」を紹介し、複雑なUIが招く入力ミスやフォーム離脱を解消するアプローチを解説したガイドだ。
フランスのデジタルアクセシビリティ基準「RGAA」へのコンプライアンスを解説した実践ガイド。法的義務や監査手順、ウェブサイトとアプリのアクセシビリティ対応手順を詳しく説明している。
���l�s�c�n���S����������QR�����\�ɂ��āASNS�Ŏ^�ۂ������Ă���B���l�s�c�n���S��11��1������u���[���C���ƃO���[�����C���̑S�w�z�[���Ɍf�����Ă������̎����\��P�����AQR�R�[�h�ɂ��ē��ɐ�ւ����B����ɍ��킹�čs��ꂽ�_�C������
�O��̓L�����N�^�x�[�X�̃��[�U�[�C���^�t�F�[�X�iCUI�j�̘b�������B����́A���ݍL���g���Ă���u�O���t�B�J�����[�U�[�C���^�t�F�[�X�v�iGUI�j�A�v����ɃE�B���h�E�V�X�e���̘b�����悤�B
先日とある用事で、京成線の日暮里駅で初めて降りた。そのときに気が付いたのだ。案内のサインが……でっかい! (爲房新太朗)
すいません、釣りタイトルに見せかけて釣りじゃないガチなやつです。 最近よく見かけるALT属性の誤った使い方 最近、X(旧Twitter)などのSNSで、画像につける「ALT」という機能を、本来とは違う目的で使ってる人をちょくちょく見かける。 例えば: ポストできる文字数に収まらないから続きを書く 検索に引っかからないように、隠しメッセージを書く 「見たい人だけ読んでね」っていう、ちょっとした裏話を
Whether at the start of your accessibility journey or partway through it, complex organisations often face strategic, organisational, and external barriers that can make scaling accessibility difficul
Whether at the start of your accessibility journey or partway through it, complex organisations often face strategic, organisational, and external barriers that can make scaling accessibility difficul
Whether at the start of your accessibility journey or partway through it, complex organisations often face strategic, organisational, and external barriers that can make scaling accessibility difficul
Get valuable insight about how your digital experience works for disabled people..
macOS 26.1 TahoeおよびiOS/iPadOS 26.1で、アクセシビリティ機能を使わずにLiquid Glassデザインの不透明度を上げコントラストを調整する手順を解説している。
インドのOTTプラットフォーム向けアクセシビリティ新ガイドラインを解説した記事。聴覚・視覚障害を持つ視聴者のために字幕、音声解説、手話通訳などの機能が義務付けられ、ストリーミングサービスの包括化に向けた動きを紹介している。
WordおよびPowerPointにおける代替テキストの実装状況をまとめたWebAIMのレポート。Microsoft Officeドキュメントのアクセシビリティ向上に向けた現状課題と知見を解説している。
視覚障害者向け支援技術(JAWSなど)を提供するVispero(TPGi)のリソースページだ。
視覚障害者向け支援技術(JAWSなど)を提供するVispero(TPGi)のリソースページだ。
視覚障害者向け支援技術(JAWSなど)を提供するVispero(TPGi)のリソースページだ。
視覚障害者向け支援技術(JAWSなど)を提供するVispero(TPGi)のリソースページだ。
視覚障害者向け支援技術(JAWSなど)を提供するVispero(TPGi)のリソースページだ。
視覚障害者向け支援技術(JAWSなど)を提供するVispero(TPGi)のリソースページだ。
次期macOS 26.1 Tahoeでは、Liquid Glassデザインを無効化するプロパティリストのオプションキーが廃止される見込みだ。
折りたたみスマホが気になるので「Pixel 10 Pro Fold」で色々試してみた
WCAG 2.2が国際標準化機構(ISO)の規格「ISO/IEC 40500:2025」として正式承認されたことを伝えるW3C WAIの記事。より多くの国でWCAG 2.2が法的・制度的に採用されやすくなる。
Late last year, I probed an LLM’s responses to HTML code generation prompts to assess its adherence to accessibility best practices. The results were unsurprisingly disappointing — roughly what I’d ex
デジタル庁デザインシステムを活用したウェブ開発において、よく直面するアクセシビリティ課題と具体的な解決策を実例とともに解説した記事だ。
Screen readers are familiar to many in digital, but how they work in practice can be less clear. In this post, we shed some light on the topic.
Hi there. My name is Aaron Gustafson and I work on the web.
Jeff Chandler posted a link in the Post Status Slack yesterday leading to an article complaining about the underlined link requirement for WordPress
Often, customers who come to DigitalA11Y share that accessibility audits feel like a costly affair and ask if there’s a cheaper way to approach them. The Web
The Inclusive Design Principles (IDP) were first published in 2016 by myself, Ian Pouncey, Léonie Watson, and Heydon Pickering. We felt that while the Web Content Accessibility Guidelines (WCAG) set o
The title of this post is a direct quote from an article Alice Boxhall just published: A threat model for accessibility on the web. The post talks about
Meet Ian Lloyd, or Lloydi to you and me. He's a creative soul at heart with a wide range of hobbies and, of course, a deep-rooted enthusiasm for accessibility, which has extended into books, blogs, to
The next release of Able Player is out today! This release continues the process of modernizing Able Player, but also includes some useful new key
In a Digital First world, can you afford to leave a Billion+ people with disabilities behind?No, It's time to shift to a mindset of Inclusion + Accessibility.
In most organisations, design documentation often includes annotations, but accessibility-specific ones are still rare. That’s a missed opportunity. Annotating designs for accessibility helps everyone
Complete guide to making Shopify stores WCAG compliant. Learn accessibility best practices, implementation tips, and legal requirements for e-commerce.
ボランティア活動を通じて「合理的配慮」を実体験から理解した筆者が、ウェブアクセシビリティの意義と実践について改めて考察した記事だ。
CSSの疑似要素(::before / ::after)で生成されたコンテンツをスクリーンリーダーがどう読み上げるかを解説し、CSS speechプロパティやaria-labelを活用した代替テキスト提供の方法を紹介している。
インクルーシブなWeb UI設計の専門家Sara SoueidanがKevin Powellとともにウェブアクセシビリティの世界と実践的なアプローチを語る動画ポッドキャストだ。
書籍『Web Accessibility Cookbook』の感想記事で、見出し・カラーコントラスト・キーボード操作など20のアクセシビリティレシピの内容を紹介している。
W3C Accessibility Guidelines (WCAG) 3.0 Working Draft is updated. For review questions and how to comment, please see the WCAG 3 section ‘About this draft’. The starting place for background, timeline
Accessibility Maturity Model Updated Draft Note is ready for review. The Accessibility Maturity Model provides a framework to assess an organization’s policies and procedures to deliver accessible pro
2024年4月から事業者にも義務化された「合理的配慮」について、障害者差別解消法の改正ポイントと職場・学校・店舗などでの具体的な事例をわかりやすく解説。当事者の困りごとと社会的障壁の関係から、対話によるインクルーシブな社会実現のヒントを探る。
Guidance on Applying WCAG 2 to Non-Web Information and Communications Technologies (WCAG2ICT) has been updated in coordination with the work to update EN 301 549. EN 301 549 is the European standard ‘
Accessibility Conformance Testing (ACT) Rules Format 1.1 is now a Candidate Recommendation Snapshot. That means we’re seeking example implementations. ACT Rules Format defines a format for writing acc
CSS Overflow Module Level 5の新しいプロパティを活用したJavaScriptなしのスクロールスパイ実装ガイド。aria-current属性を用いてWCAG 1.3.1に準拠した、スクリーンリーダーユーザー対応のアクセシブルなナビゲーション効果を実現する方法を解説。
CSS Overflow Module Level 5の`scroll-target-group`と`:target-current`を使ってJavaScriptなしでスクロールスパイ効果を実装する方法。スクリーンリーダー対応に`aria-current`属性の自動付与が必要であることを指摘し、WCAG基準との関連を論述。
デジタルアクセシビリティへの投資額をどう決定すべきかについて、ビジネス環境における規制・リスク・評判の観点から検討した記事。実際のコミュニティディスカッションと顧客事例に基づく見解。
デジタルアクセシビリティへの投資額をビジネス視点から検討した記事。規制強化とリスク管理の観点から、組織が適切なアクセシビリティ予算をどのように決定すべきかを解説する。
Vue / Nuxtアプリケーションにおけるアクセシビリティのベストプラクティスを解説した記事。セマンティックHTML、ARIAラベル、キーボード操作、カラーコントラストなど実装レベルの具体的な指針を紹介している。
Explore SEBI’s 2025 digital accessibility mandate for all regulated financial entities, compliance standards, timelines & impact under RPwD and WCAG.
Personas as a contemporary practice are inherently tokenizing and reductionist.
K-12学校(幼稚園〜高校)がデジタルアクセシビリティを後付けでなく設計段階から組み込む「Accessibility by Design」アプローチの実践方法と今後の展望をWebAIMが解説した記事。
Shawn Lawton Henry (Director, Web Accessibility Initiative (WAI)) and Kevin White (Senior Principal Accessibility Specialist) led an interactive session at the AccessU 2025 training conference. Learn
Here’s a sampling of some of the newsletters I look forward to.
WCAGは視覚障害者のためだけのものではないという問いかけから、幅広い障害種別への適用範囲を論じている。
It turns out you can just pay people to do things.
It is a proxy phrase, often born of an inability or unwillingness to articulate other concerns.
Do you want to build web pages but have no prior experience? This friendly guide is the perfect place to start. You'll begin at square one, learning how the web and web pages work,... - Selection from
アクセシビリティの第一人者・視覚障害者であるLéonie Watsonのブログ運営について。デザインからコードへの実装プロセスと、支援者との協働によるウェブサイト構築の経験を述べたインタビュー記事。
アクセシビリティにおける「同等性の原則」をリックロールを例にユーモラスに解説した記事。アクセシブルな代替手段は元のコンテンツと同等の体験(サプライズも含む)を提供すべきという考え方を示している。
Hel is a distorted Swiss variable font with three axes
アクセシビリティ専門家Léonie Watsonの個人ブログで公開された、豚バラ肉の甘辛煮レシピ記事だ。
The relationship between shame and motivation in web development, especially regarding accessibility.
Skune is a variable font designed to have the jagged, frenetic appeal of lo-fi garage punk
視覚障害当事者の立場からRay-Ban Meta GlassesのAIを活用した物体認識・音声制御などのアクセシビリティ機能を実体験に基づき評価した記事だ。
視覚障害者向けAIウェアラブル Ray-Ban Meta Glasses の実体験レビュー。Be My Eyes連携や AI 画像説明機能の利便性と、人物認識なしなど LLM の信頼性課題を解説。
Addressing the elephant in the room: adverts appearing on my blog
ARIA 1.3で追加予定の新属性・ロールについて、ブラウザや支援技術のサポート状況とともに解説した記事。
An unofficial guide to the HTML col element
米国で2025年5月に導入されたH.R. 3417『ウェブサイト・ソフトウェアアプリケーションアクセシビリティ法』について、雇用主・公開事業者・公共機関等を対象とした統一的なアクセシビリティ基準の確立を解説する記事。
2025年にアメリカ下院に提出された『ウェブサイト及びソフトウェアアプリケーション アクセシビリティ法』(H.R. 3417)を詳解。雇用者・公的機関・商業提供者等を対象にアクセシビリティ基準の統一化を実現する歴史的立法。
HTML標準要素とARIA属性を組み合わせた、アクセシビリティ対応チェックボックスUIの実装パターンをコピペ可能な形で紹介している。
An unofficial guide to the HTML caption element
What does empathy look like in automated systems—and how do we make them more accessible for everyone? I had a wonderful conversation with Aaron Gustafson about building inclusive, human-centered aut
Many organizations operating in Europe assume that the European Accessibility Act (Directive (EU) 2019/882) applies only to consumer-facing software. This interpretation, while partially accurate, is
No hierarchy other than what people create for themselves.
Hi there. My name is Aaron Gustafson and I work on the web.
障害者を含む社会的弱者が安心して生きられる社会を実現するために、ユニバーサルベーシックインカム導入の必要性をアクセシビリティ専門家が主張した記事だ。
— The personal website of Sara Soueidan, inclusive Web UI engineer
An unofficial guide to the HTML code element
While working on a recent project I noticed an issue with a canvas-based audio visualization when I toggled between light and dark modes. When I’d originally set it up I was browsing in dark mode and
An unofficial guide to the HTML cite element
— The personal website of Sara Soueidan, inclusive Web UI engineer
An unofficial guide to the HTML canvas element
ARIA属性、キーボード操作、フォーカス管理に対応したアクセシブルなタブUIの実装を、コピペで使えるコード例付きで解説している。
代替テキストやフォームラベルなど具体的な実装例を交えながら、Webアクセシビリティの基礎知識とWCAG対応のポイントを整理した入門記事だ。
Earlier this month I joined Jeremy Osborne and Andrew Miller to talk about the benefits and harms of AI as it relates to accessibility. It was livestreamed on a few platforms, but I wanted to drop lin
A thing you should know is that you get put on a lot of lists.
Hi there. My name is Aaron Gustafson and I work on the web.
AIが障害のあるユーザーへのアクセシビリティ向上においてどのような役割を担えるか、その可能性と限界を論じた記事だ。
Recently, the City Journal published a critique of ADA-based lawsuits targeting inaccessible websites that paints a picture of legal chaos and unfair burdens on businesses. But beneath its surface-lev
An experimental strategy for contaminating Large Language Models
FlutterアプリのカラーデザインにWCAGコントラスト比基準を組み込む方法を、テーマ設計からテスト実装まで包括的に解説している。
When I was a kid, my mom bought a 1979 Camaro Berlinetta. It was a deep blue color with a 350 cubic inch/ 5.7 liter engine. In 1979, that Camaro had 185 horsepower. The ‘79 Z/28 had 245 horsepower. In
視覚障害者を対象としたブラインドeスポーツの可能性拡大を目指し、ePARAと筑波技術大学が共同研究チームを発足させた取り組みを伝えるポストだ。
市役所の通路に埋め込まれた点字ブロックがデザイン上目立たず、視覚障害者には機能せず一般利用者にも転倒の危険をもたらす状況。アクセシビリティとインクルーシブデザインの重要性を示唆する事例。
I guess I came up being blog-adjacent.
HTMLネイティブなPopover APIのアクセシビリティ実装について、著者Scott O'Haraが2023-2024年の実装過程で蓄積した考察とポップオーバーデザインのアクセシビリティ上の留意点をまとめた記事。
HTMLの新しいpopover属性のアクセシビリティ実装上の課題と検証方法についての考察。W3C仕様策定過程で見えてきたキーボード操作やスクリーンリーダー対応のポイントについてアクセシビリティ専門家Scott O'Haraがまとめた記事。
「accessible」「disability」など障害・インクルーシブ関連の言葉が米政府文書から消えていく問題を、言語と認知アクセシビリティの観点から論じた記事だ。
米国の政府文書からインクルーシブな語彙が削除される動きを受け、障害当事者コミュニティへの影響をアクセシビリティデザイナーが考察した記事だ。
Attempting to reframe our efforts as miscategorized participants in imperfect, trauma-generating systems.
障害者e-Sports企業ePARAがサウンドデザインに協力した「ストリートファイター6」が、CEDEC2024のサウンド部門で最優秀賞を受賞。障害のある当事者がゲーム開発に関わるインクルーシブな制作事例として注目を集めている。
WebAIMが世界規模で実施したデジタルアクセシビリティ分野の給与調査の結果レポートだ。職種・地域・経験年数別の報酬水準と業界動向を示している。
WAI-ARIAで頻出する「アクセシブルな名前(アクセシブルネーム)」の概念と、スクリーンリーダーによる読み上げへの影響をわかりやすく解説している。
The rubric I use to evaluate these products remains very similar to how I scrutinize overlays.
日本の選挙投票システムにおける自書主義の問題を論じた学術論文。視覚障害者の点字投票・代理投票と秘密投票の原則の葛藤、電子投票の意義、識字問題など、障害者のアクセシビリティの観点から日本の選挙制度を分析する。
We don’t live in a purely deterministic world of technology anymore.
WebAIMが運営するウェブアクセシビリティ専門のメールディスカッションリストへの参加案内ページだ。コミュニティの議論にメール経由で参加できる。
Webアクセシビリティ認定資格制度の価値と役割について論じた記事。欧州アクセシビリティ法(EAA)の施行により、真の専門家要件を定義することの重要性を説き、IAAP WASBoKの策定を通じてアクセシビリティ専門家が備えるべき知識範囲を紹介している。
ウェブアクセシビリティ上の問題に重症度スコアを付与し、修正優先度を効率的に判断する手法をWebAIMが解説した記事だ。
アクセシビリティ専門家Léonie Watsonによる個人ブログに掲載された、スロークッカーを使ったフレンチオニオンスープのレシピ記事だ。
An unofficial guide to the HTML br element
During his campaign for his 2nd term as President, Donald Trump As pledged to slap 60% tariffs on all goods coming in from China and 10% tariffs on goods imported from all other countries. Ostensibly,
An unofficial guide to the HTML button element
WebAIMが25周年を記念して公開した、ウェブアクセシビリティ向上のための実践的なヒント25選をまとめた記事だ。
アクセシビリティに初めて取り組む組織向けに、大規模対応の前に小さく始めて段階的に拡げるミニマムスタートのアプローチを紹介するコラムだ。
コストや対象ユーザーの範囲など、ウェブアクセシビリティ対応にまつわるよくある3つの誤解を、実務経験をもとに解きほぐすコラムだ。
ウェブアクセシビリティとは何かを基本概念から解説し、対応することで組織が得られる具体的なメリットを紹介する入門コラムの前編だ。
ウェブアクセシビリティ対応として具体的に何をすべきかを、試験の実施方法から対応体制の整備まで含めて解説する入門コラムの後編だ。
Marcy SuttonがHarvard Cyberlaw Clinicと共同で、A11yコミュニティのSlackワークスペースを保護するためのSLAPP訴訟対策ポリシーを開発。Web A11yに関する誹謗中傷訴訟への法的対策をまとめた記事。
HTMLにおける段落要素のセマンティクスについて、VoiceOver・NVDA・JAWSなど複数のスクリーンリーダーの実装テストに基づいて解説。ARIA paragraph ロールの実装上の必要性と、セマンティックなマークアップの実ユーザー体験への影響について考察した実践ガイド。
HTMLの段落関連要素(p・div・span・address等)がスクリーンリーダーでどう認識されるかを実テストをもとに解説した、Scott O'Haraによる技術エッセイだ。
ロンドン公演「Stranger Things: The First Shadow」に導入された視覚障害者向けオーディオデスクリプションの体験をLéonie Watsonが詳述した記事だ。
スポイラーコンポーネントのアクセシブルな実装について、WCAGとWAI-ARIAの観点から考察した技術記事であり、スクリーンリーダー利用者を考慮した設計例が示されている。
スクリーンリーダー利用者を含むすべてのユーザーが利用できるスポイラーコンポーネントをWAI-ARIAで実装する方法を解説した技術記事だ。
パレートの法則をアクセシビリティに応用し、alt・コントラスト・キーボード操作など基本的な20%の対策だけで障害者が直面するバリアの80%を解消できることを示した記事だ。
新紙幣のフォント設計が視覚障害者など多様なユーザーを考慮した包括的デザインの実例を紹介。異なるフォントが視覚識別性向上に寄与しているアクセシビリティの観点から考察する記事。
Sarah Hortonとのコラボレーションによる『What Every Engineer Should Know About Digital Accessibility』の紹介。デジタル製品開発に関わるすべてのエンジニアが知るべきアクセシビリティの基礎知識と実装方法を解説。障害当事者やアクセシビリティ専門家の知見が盛り込まれている。
デジタルアクセシビリティの知識と責任について、障害当事者や専門家の声を交えながら、開発者が身につけるべき内容を体系的に解説している。
Depending on whether your company is product-led, sales-oriented, or hybrid, you need a way to determine if your sales and marketing team are performing, with an eye towards using that data to improve
良い意図で実装されながら新たなバリアを生むARIAの誤用パターン3例を分析し、aria-labelの誤用やrole属性の機能的誤解などを通じて正しい実装の重要性を指摘している。
目の見えない人は、どうやってインターネットのウェブサイトを利用しているのか。 本紙のサイト「東京新聞Web」の改善点も見つけようと臨ん...
I wrote this article on the default accessibilty properties (some might say ‘semantics’) of the popover attribute with Hidde de Vries.
アクセシビリティ専門家Léonie WatsonがNielsenのアクセシビリティ論に反論し、改めて考え直すよう促した記事だ。
— The personal website of Sara Soueidan, inclusive Web UI engineer
— The personal website of Sara Soueidan, inclusive Web UI engineer
I know, I'm late for my 2023 blog …
When I made my first web pages with Netscape Composer in the late 1990s, I had no awareness of what accessibility was. My only concern at the time was that the website looked the way I wanted it to lo
iOS・Android両プラットフォームのモバイルアクセシビリティに関するドキュメント、ツール、学習資料を体系的にまとめた総合リソースガイドだ。
Sometimes it's the best method of …
Many misunderstandings prevail on the …
視覚障害を持つアクセシビリティ専門家Léonie Watsonが、視覚障害者支援AI「BeMyAI」を実際に試した体験をレポートした記事だ。
The Web Content Accessibility …
CSSアニメーションが動かない原因がprefers-reduced-motion設定にあった実体験をもとに、前庭機能障害への配慮とWCAGの関連基準を解説した記事だ。
Webサイトのユニバーサルデザイン実装ガイド。タイポグラフィ、カラーユニバーサルデザイン、代替テキスト、HTML構造など、すべてのユーザーが利用しやすいWebサイト設計の基本原則を解説。
Today, March 24th 2023, the HTML specification added a new grouping content element. The search element.
ウェブアクセシビリティで多用される視覚的非表示(visually hidden)パターンはハックに過ぎないと論じ、プラットフォームレベルでの根本的解決を求めている。
I’ve already talked about Setting expectations for asking ChatGPT web accessibility questions. So you should probably go read that first.
色覚特性を持つユーザーにも使いやすいUIを実現するための実践ガイド。カラーユニバーサルデザインの基本から、Adobe製品やDevToysなど各種シミュレーションツールを活用した検証・修正の手順までを解説している。
You may be familiar with ChatGPT. But if you’re not, it’s a very cool chat interface using artificial intelligence to provide human-like responses to the qu...
Today, the HTML specification landed a very important change to the dialog element. One that resolves a multi-year discussion on how the dialog element shou...
約300万人いるとされる色覚多様性に配慮した「見やすい色使い」を学ぶ、色彩検定UC級の受験体験記だ。デジタルコンテンツ制作におけるカラーアクセシビリティの実践知識をまとめている。
Webアクセシビリティの必要性を周囲に伝えるための根拠・資料・事例をまとめた記事。法制度・ガイドライン・ビジネス上のメリットなど多角的な視点から説明できる情報を整理している。
CSS Speechに寄せられた懸念と批判に応える形で、その意義と課題を整理したLéonie Watsonによる論考だ。
With the rise of Toxic Muskulinity on …
— The personal website of Sara Soueidan, inclusive Web UI engineer
Like it or not, even though content can be made to adapt to different viewport sizes and zoom levels by use of CSS media queries, sometimes the end result ca...
CSS Speechが視覚障害者や音声ブラウザユーザーにとって必要な理由を論じたLéonie Watsonの記事だ。
ビルトインHTML要素以外を使う際にキーボードアクセシビリティを担保するためのAngular ESLintルールを解説した記事。静的解析でキーボード操作の問題を自動検出する方法を紹介している。
I've landed on a new mantra through times of great change: focus on what matters. What's the most important thing right now?
ウェブのインタラクションにおける「知覚されるアフォーダンス」と実際の機能との乖離を、アクセシビリティの観点から論じた講演録だ。
iOS アプリケーションのアクセシビリティにおいて、スクリーンリーダーなどの支援技術に値(value)を正しく伝える実装方法を解説。SwiftUI と UIKit における accessibilityValue の活用パターンを紹介。
No big or structured retrospective post …
視覚障害者向けコンテンツの代替テキストにおいて、肌の色の記述をどう扱うべきかを考察した記事だ。
ウェブアクセシビリティ研究者パトリック・H・ローキーの多様な知見をLéonie Watsonが取り上げて紹介した記事だ。
One year ago I started an independent accessible web development business. Here’s how I’m thriving.
— The personal website of Sara Soueidan, inclusive Web UI engineer
— The personal website of Sara Soueidan, inclusive Web UI engineer
スクリーンリーダーが利用する合成音声の特性を分析し、視覚障害者向けアクセシビリティの観点から論じたブログ記事だ。
What is on your mind if I just write …
— The personal website of Sara Soueidan, inclusive Web UI engineer
iOSアプリで支援技術がUIエレメントと相互作用する仕組みを理解するため、アクセシビリティtraitsの役割と実装方法を解説。
Sometimes hiding interactive elements from your assistive technology users gives them a better experience. Here's how to do it wile keeping your app accessible.
ウェブアクセシビリティ対応ツール「accessiBe」のデータ収集・プライバシー保護における懸念と問題点を分析したブログ記事だ。
— The personal website of Sara Soueidan, inclusive Web UI engineer
— The personal website of Sara Soueidan, inclusive Web UI engineer
— The personal website of Sara Soueidan, inclusive Web UI engineer
— The personal website of Sara Soueidan, inclusive Web UI engineer
Evinced releases a free accessibility scanner for your iOS apps.
A question I am regularly asked is how to arrange an accessibility audit - here's the people to speak to, but more importantly, is it the right question?
テクノロジーベンダーと顧客の協力関係によってアクセシビリティが実現されるべきとの主張を展開し、障害者のニーズに応える責任をベンダーが積極的に担う必要性を論じている。
テクノロジーベンダーのアクセシビリティに対する責任性について論じた記事。真のアクセシビリティは企業と顧客間の継続的なパートナーシップであるべきだが、一部のベンダーが障害者のためのアクセシビリティ確保における責任を十分に果たしていない現状を指摘している。
Any well written Espresso or XCUI test can be an accessibility test.
Evinced has launched a suite of new testing tools that are pushing the limits of what's possible to test accessibility automatically. Read to learn about their approach and my consulting work with the
You might think its a cool extra, but Dark Mode, like all accessibility features, is about flexibility for your users.
Landscape orientation is enabled by default when you start a new app, so don't take this accessibility feature away from your users.
If your images are missing descriptions those without vision won't be getting the full experience of your app.
Is the text in your app clear enough for everyone to read it?
視覚障害者が使用するスクリーンリーダーと画像認識技術の連携における可能性と課題を考察したブログ記事だ。
When I first started advocating for web accessibility in design and development projects I was drawn to the argument that accessibility wasn’t about people with disabilities, but rather about peopl…
Senior Web Developer and Accessibility Advocate
A landscape with green pasture in the foreground, a flock of grazing sheep, a pale green crop field, a swath of forest in full fall colors, and hills patch-worked with crop fields. Thick clouds hug…
What can we learn from healthcare quality initiatives that will help us make progress in improving the quality of the technology we rely on for our health and well-being, focusing specifically on m…
Marco Zeheが25年間利用してきたHandy Tech社の点字ディスプレイとの個人的な関係について綴るブログ記事。視覚障害者による支援技術の実体験から、アクセシビリティへの取り組みを語っている。
視覚障害者である著者Marco Zeheが、Handy Tech製のBraille displays(点字ディスプレイ)との25年間の関係を回想する記事。支援技術の進化と個人的な経験を語っている。
Senior Web Developer and Accessibility Advocate
Senior Web Developer and Accessibility Advocate
alt属性・カラーコントラスト・キーボード操作対応など、サイトのアクセシビリティを段階的に向上させる13の実践的手法を解説した英語記事だ。
視覚障害者向けに、Matrixクライアント「Element」をスクリーンリーダーで使うための実践ガイドだ。Web・iOS・Android各版の設定方法と操作のコツを解説している。
視覚障害者向けに、分散型メッセージングクライアント「Element」をスクリーンリーダーで操作する方法を解説したブログ記事だ。WebおよびデスクトップアプリのUIと効率的なナビゲーション方法を紹介している。
A new accessibility feature for iOS 14 lets you provide all the information your customer could need while reducing noise.
Huh? lets users look up words in dictionaries for various languages. Some additional hints for non-local languages would give a richer experience for VoiceOver users.
Figure Case helps organising a table-top miniature collection. Some VoiceOver users might might be struggle to know what actions some buttons perform.
Much-needed tools for meaningful discussions, from the Design Thinking for Educators Toolkit, by Riverdale Country School and IDEO.
Marco ZeheがWordPressからGhostプラットフォームへの移行時に直面したスクリーンリーダー対応の課題、特にCodeMirrorエディタのアクセシビリティ問題とその対策を記述。
WordPressからGhostへのブログ移行時に遭遇したアクセシビリティの課題について。CodeMirrorエディタのスクリーンリーダー対応の問題と実用的な回避策が述べられている。
This blog has launched on a new platform. Find out a bit about the background and motivation in this post.
Senior Web Developer and Accessibility Advocate
Senior Web Developer and Accessibility Advocate
Senior Web Developer and Accessibility Advocate
Senior Web Developer and Accessibility Advocate
Senior Web Developer and Accessibility Advocate
Senior Web Developer and Accessibility Advocate
スクリーンリーダーなどの支援技術に対するWAI-ARIAの役割や実装方法について学べる入門・再入門記事。
Northampton, Mass is the most gender-diverse community I have ever lived in. It is also a small city with a big and diverse live music scene. The surrounding Pioneer Valley has been home to bands a…
Senior Web Developer and Accessibility Advocate
My mother and I are trying set up the Photo app to automatically import photos from her phone. Since my father died in June, she has been using her phone much more, including the camera.
In the past years I’ve often found myself in the role of change agent — someone responsible for advancing new ways of doing things. It’s the most challenging role I’ve ever held, and I’ve reflected…