note

社史・年史、ユニバーサルデザイン。「伝わる」をデザインする六本木のデザイン会社 グラフィックメイトの大里です。 2026年4月24日(金)~26日(日)に新宿で開催される「スマートシティフェスタ2026」にて、当社は「ナビレンス体験」のブース出展を行います。 今回の取り組みは、イベント全体におけるアクセシビリティ向上や新たな情報提供手法の紹介という趣旨のもと、関係者の皆さまからのお声がけをきっ

note

昨日、映画も見に行ったけど その前に髪も切りに行ってきました💇‍♀️ (珍しく予定詰めたね〜)(映画は上映が残ってたらって感じやった) 私がいつもお世話になってる美容室は 気を付けないと通り過ぎてしまいそうな 隠れ家的な優しい雰囲気の マンツーマン美容室💇‍♀️ 高校生で今の土地に引っ越した頃から メニューも、私はカット固定で 親子共々お世話になってます💇‍♀️ その美容室は奥の1

note

「インクルーシブデザイン」と「ユニバーサルデザイン」 「インクルーシブデザイン」と 「ユニバーサルデザイン」は、何が違うの? インクルーシブデザインについて、最もよく聞かれる質問です。 私たち自身、この違いが最初はよくわかりませんでした。 どちらも、より多くの人にひらかれたものを目指す考え方に見える。 実際、その通りだと思います。 だからこそ、両者の違いは少しわかりにくいのかもしれません

note

突然ですが、、実は私、歴女なんです(古代〜戦国時代限定ですが) 小学校の卒業文集での将来の夢は「社会科(歴史)の先生」だったし、大学も「京都の大学で歴史を学びたい!」と京都府内の大学の案内パンフを取り寄せたくらい。(結局は受験期前に聴力低下し、入退院繰り返したため実家を離れることを断念) 学問としては離れたけど、歴史物の小説、ドラマ、マンガ、、大好きなままだったんです。 今でこそBL漫画で占めら

note

楽しそうな犬を見たとき、どう動く? 楽しそうに動く犬が目に入った瞬間、 つい近づきたくなることがあります。 もう少し近くで見たい。 触れてみたい。 そう感じたその一歩の前に、 一度、立ち止まる。 動かず、その場にとどまる。 距離を変えず、見つめない。 自分から動かないことで、 相手の動きと、飼い主の判断が見えてきます。 それを待つだけで、 その場の関係は大きく変わります。 何か

note

外出先での不便で気づくアクセシビリティの課題 外出先でノートPCを使うと、 キーボード中心で 操作する場面が出てきます。 そのとき、 Tabキーでうまく移動できない、 選択中の場所が見えない、 といった問題に気づくことがあります。 これは一時的な不便の話ではありません。 キーボードだけで使いにくい状態は、 アクセシビリティの基本が 満たされていないサインです。 キーボード操作でのテスト

note

手話通訳士のあらかわいおりです。 手話に関することを幅広く発信しています。 現在6冊の本を出版し、 2026年中に10冊の手話の本を出版するべく執筆中です。 手話通訳のような、ボランティア色の強い仕事をしている方々が、 noteを中心に副収入を得ることで、 より仕事に励むことができる。 そのロールモデルになるべく奮闘中です。 Googleで「手話 あらかわいおり」と検索していただくと、 私の活動が

note

― 不意な声かけが危険になる理由と、支援の線引きについて ― 視覚障害のある人への支援は、   「困っているかもしれないから声をかける」という善意だけでは成り立たない。   むしろ、善意の行動が危険につながる場面がある。   その代表例が「歩行中の不意な声かけ」だ。 この記事では、視覚障害の歩行がどのような仕組みで成り立っ

note

病院での社会人としての歩みは、着実に形になりつつあった。 当時の僕の役割は、院内で必要とされる一部のデータベースの作成・管理を引き受けること。また、デザインが一新されたあとのホームページ管理更新業務も任されていた。 在宅ワークと週一回の出勤から生まれた「信頼」 ホームページの管理については、院内に一緒に歩んでくれる心強い先輩がいた。日々メールで連携し、週に一度の出勤時にはデスクを並べて細かな修

note

こんにちは、アクセシビリティアドバイザーの中川テルヒロです。視覚障害の当事者としてスクリーンリーダーで日常的にWebを利用しています。 本シリーズでは、スクリーンリーダーの操作で各ウェブサイトで食品の原材料を見つけるまでどのくらい時間がかかるか、読み上げ音声の録音でレポートします。今回は伊藤園のお~いお茶です。 録音したウェブサイト TOP | 伊藤園 商品情報 https://www.it

note

令和6年4月1日から事業者にも合理的配慮の提供が義務化されたことで、情報をどうやって様々な特性のある人に届けるか、アクセシビリティをどうやって向上していくかについて関心を持つ人も増えてきたのではないでしょうか。 アクセシビリティというとWCAGの達成基準ベースに多くが語られますが、この記事ではそうではなく、 情報の提供が「見える」人に有利に働くようにデザインされていることが多いのではないか、 そ

note

庭の手入れや転倒リスクが気になり、高齢者でも安心して使える庭づくりを検討していませんか。草取りや芝刈りといった庭の管理は、年齢とともに大きな負担になりがちです。 人工芝は管理のしやすさや安全性の面で、高齢者の暮らしの負担軽減につながる選択肢です。この記事では人工芝が高齢者に向いている理由や選び方のポイントをわかりやすく解説します。 人工芝が高齢者の庭に向いている理由 人工芝

note

こんにちは! 株式会社シェルパ(sherpa-cg.com)のパース制作を担当している近藤です。 みなさんは「多世帯住宅」と聞いて、どのような住まいを想像するでしょうか。 親世帯、子世帯、そして孫世帯がひとつ屋根の下、あるいは敷地内でともに暮らす多世帯住宅は、家族の温かな絆を深める素晴らしい住まいのカタチです。 しかしその一方で、世代の異なる家族がそれぞれのライフスタイルを尊重しながら快適

note

デザイン初心者の観察日記。 福祉に“美しさ”と“心地よさ”を備える形を模索しています。 道具や環境、身体の条件から、 「どうすれば使いやすくなるか」を考えています。 今日のテーマは 洗面台の灯り×つけた瞬間にまぶしく感じるとしたら? 【想定されること】 シーン: お風呂上がりに洗面台の前に立ち、スイッチを入れると、薄暗かった視界に急に明るい光が入ってきて、一瞬だけ強いまぶしさを感じる。

note

こんにちは、W&B companyです。 お子さんが独立して、夫婦2人の暮らしが始まった50代。 まだまだ元気だけれど、ふとした瞬間に思うことはありませんか? 「2階の寝室、いつまで上がれるかな」 「夜中にトイレに起きると、階段がちょっと億劫になってきた」 「子ども部屋、もう何年も開けてないな」 今すぐ困っているわけではない。 でも、10年後、20年後を考えると、漠然とし

note

「転ばないように、とりあえず手すりを付けておけば安心ですよね」 ご相談を受ける際、多くの方がそう仰います。もちろん、手すりは大きな助けになりますが、実は「付けること」自体はゴールではありません。 ​私の仕事は、手すりという「モノ」を売ることではなく、お父様やお母様が「これからも自分の足で行きたい場所へ行ける未来」を設計することです。 ​例えば、土木の現場では構造物が「何十年耐えられるか」を計算しま

note

なぜ、このシリーズを書いているのか このnoteを書き始めたきっかけは、 ふとした、とても小さな違和感やざわつきでした。 街中で犬を見かけたとき、 「さわって大丈夫ですか?」と聞く前に、 「かわいいね」と手が伸びる場面があります その距離が、犬にとってどう感じられているかは 意外と気づきにくく、 少し距離を必要としている犬や、 戸惑っている飼い主さんの姿を、 あとから見つけることもありまし

note

こんにちは、アクセシビリティアドバイザーの中川テルヒロです。視覚障害の当事者としてスクリーンリーダーで日常的にWebを利用しています。 本シリーズでは、スクリーンリーダーの操作で各ウェブサイトで食品の原材料を見つけるまでどのくらい時間がかかるか、読み上げ音声の録音でレポートします。今回はコカ・コーラの爽健美茶です。 録音したウェブサイト 日本コカ・コーラ株式会社 ホームページ - Coca-

note

IT技術の社会実装を進める中で、常に意識すべきなのは「その技術が誰の助けになるのか」ということです。 今回Googleから発表された「Gemini 3.1 Flash TTS」は、単なる音声読み上げ技術のアップデートではありません 。より自然で、文脈に合わせた表現力を持つこのAIモデルは、特に盲目や弱視の方々にとって、情報アクセシビリティを飛躍的に向上させる可能性を秘めています。 本記事では、

note

「formって、とりあえず動けばよくないですか?」 input置いて ボタン置いて バリデーションはJSで後付け 気づいたら“なんとなく実装”していませんか? でもそのフォーム、 スクリーンリーダーで正しく読めますか? エラーの意味、ユーザーに伝わっていますか? 入力ミス時に「どこがダメか」わかりますか? formは「入力UI」ではありません。 ユ

note

高齢のご夫婦、ふたり暮らし。 昔ながらの日本家屋、 土間もある。 上り框は、20センチを超える。 トイレも、洗濯も、 外に出るのも、 その段差を上り下りしていた。 あるとき、息子さんが 家をピカピカの全面バリアフリーにした。 便利になった。 楽になった。 安全になった。 しばらくして、 足の力が落ちてきた。 ふたりでの暮らしが、難しくなった。 あの段差が、なくなったからかもしれない

note

皆さん、こんにちは。冴です。 本日は、自分自身の「再生」のために博多へ足を運んできました。 春の陽光に照らされた博多駅前で見つけた「優しさ」の記号。……。 そして、その直後に突きつけられた、あまりに冷酷な「無関心」。 そのコントラストを、最高に重厚な想いと共に、凛として……ここに綴らせていただきます。 春の陽光と「再生」への祈り 今日は博多で、二度目の「再生(シミ取り)」の儀式

note

アクセシスタディーズ#4 に参加しました。 アクセシスタディーズ#4: 聴覚障害のある池田さんにお話を伺います アクスタの第4回は、聴覚障害者の池田優里さんをゲストに迎えて日常生活や仕事の話、さまざまな活動や想い、それにウェブやアプリ peatix.com 自分の中に無意識の偏見がないかを意識する会となりました。 イベント概要 アクスタの第4回は、聴覚障害者の池田

note

「header / main / nav / aside / footer…一応使ってるけど、正直なんとなくで配置していませんか?」 とりあえず上に header 真ん中に main サイドに aside 下に footer この配置、“見た目”で決めていませんか? でも少し考えてみてください。 👉 その構造、ユーザーはどうやって“移動”するのか説明できますか?

note

ユニバタウン――その言葉を口にするとき、私の頭にはいつも、誰もが自然に笑い合いながら行き交う街の風景が浮かびます。 段差も、制度の壁も、そして人の心の中にある見えない壁も、そっと取り除かれた世界。安心して歩けて、安心して頼れて、安心して生きられる街。 そんな“未来の当たり前”をつくるための基盤が、バリアフリーです。 病気、けが、加齢。理由は違っても、私たちは誰もがいつか必ず障害者になります。だから

note

おはようございます。 この記事をご覧の皆さんのまちの、「投票所」はどんなところが設定されていますか? そのまちの大きな「公共施設」。 最も多いのは「小学校」でしょうね。 中学校区単位に設置されている「公民館」も多いでしょうか? 北九州市では、小学校区単位に設置している「市民センター」での投票も随分と増えてきました。 こんなこと聞いても申し訳ないですが、 「投票所に行ったことはありますか?」

note

私たち Liquitous は一人ひとりが影響力を発揮できる社会を目指し、参加のプロセスから誰も排除しないため、アクセシビリティ向上の取り組みを進めています。 本記事では直近のアクセシビリティ向上の取り組みについて、Liquitous アクセシビリティスペシャリストの宮本からお話しします。 市民参加型合意形成プラットフォームLiqlid アイデア投稿ページ配下の改善 Liquitous は

note

昔と比べれば、いまの日本って、いろんなルーツや背景を持つ人が一緒に暮らしています。 でも、彼らって日本では、前例(つまりロールモデル)があんまりない。 いくら多様化、グローバル化したとはいえ、ここ最近の話です。 私たちの親世代だと、ほとんどいなかった。 なので、必然的に「周りの子と自分はちょっと違う」「自分の将来のお手本になるような人が身近にいない」と悩んでしまう若者が発生します。 そん

DEV Community

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

Qiita

はじめに Webアプリのフォームで、Tabキーを押したら思わぬ場所にフォーカスが飛んだ、という経験はありませんか? これは タブオーダーの乱れ が原因です。キーボードだけで操作するユーザー(アクセシビリティが必要なユーザーや、マウスを使わないパワーユーザー)にとって、タブ...

note

黄色い線の上を、あなたは今朝、何回踏んだでしょうか。 足の裏に伝わる、あの小さなデコボコ。 あれは、見えない誰かの「目」として敷かれている道です。 木曜は連載をお休みにしているのですが、今日はどうしても紹介したい一曲があります。 いまのSunoAIはv5になっていますが、この曲はちょうど1年前、v3.5の時代に作ったものです。 モデルは世代を重ね、出力の質もずいぶん変わりました。 それで

note

デザイン初心者の観察日記。 福祉に“美しさ”と“心地よさ”を備えるデザインを目指し、日々勉強中です。 身近なアイテムに対して浮かんだ 「こうなったら使いやすいかも?」を 試しに形にしてみる練習です。 「試作」の画像は、正解を決めるためではなく、 次の観察を呼び込むきっかけとして置いています。 今日のテーマは 保湿×ひんやりが気になるとしたら? 【想定されること】 シーン: お風呂から

note

このアプリは、誰のために作っているのか ── ペルソナに込めた、私の原体験 おこづかいクエストには、最初から明確な対象ユーザーがいる。 でも、それを言葉に落としたのは、今日だった。 デザインのブラッシュアップを進めるうえで、誰のための画面かを、もう一度自分に突きつけたかったからだ。 特別支援学校と夜間定時制で、出会った生徒たち 今まで16年間特別支援学校で(そのうち2年は中学校知的障

note

どうも、こんにちは。アスカネットの飛鳥です。 突然ですが、こんなこと、ありませんか。 AIツールを使ってWebサイトを作って、「アクセシビリティも考慮してください」って指示したのに、視覚障害のある方から「なんか変な読み上げがされる」って言われてしまった。 または、「ARIA対応しました!」と自信満々だったのに、実機で確認したら全然うまくいかなかった。 …これ、あなたの腕のせいじゃないんです

note

市場導入 補聴ループ市場は、2026年に8億4,302万米ドルから2036年には18億2,170万米ドルへと成長すると予測されています。予測期間(2026〜2036年)の年平均成長率(CAGR)は8.01%となり、市場は着実に拡大すると見込まれています。この市場は、音声信号をテレコイル対応の補聴器や人工内耳に直接送信する支援型リスニングシステムで構成されています。これらのシステムは、聴覚障がい者

note

よく見る犬ほど、距離事故が起きる? 「この犬種は大丈夫」 「慣れているから平気」 そう思われがちな犬ほど、 接触トラブルのリスクが高くなります。 理由は単純で、 誰もが油断するからです。 犬種の知名度ではなく、 目の前の、その子との距離を見ていますか? 人気犬種=慣れている、ではありません レトリバー、コーギー、柴犬。 どれも街でよく見かける、人気の高い犬種です。 しかし、「よく

note

はじめに いよいよ発売された、「トモダチコレクション わくわく生活」! 体験版をプレイしてから待ちきれないタイトルとなった。 今回は、そんなトモコレの最初の画面からの流れを、全盲プレイヤーの目線から書いてみた! なお、この部分は体験版で再現可能。体験版をもとに記事を書いているので、もしかすると少し異なる部分があるかもしれないので、相違点等あれば教えてくださるとうれしい。 時間、地域、島の名前の

DEV Community

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.

note

2025年4月14日、au公式Xアカウントが「オレンジデー」にちなんだクイズを投稿した。使われた素材は、石原式色覚検査表——色覚特性の有無を判定するスクリーニング検査の図だ。投稿は2時間後に削除されたが、残された傷はそう簡単には消えない。 当事者からは「自分だけが読めなかったあの日のトラウマがよみがえる」という声が相次いだ。これは過剰反応ではない。問題の核心を正確に突いている。 選べない身体

はてなブックマーク

新宿区長が、区内の公共スペースに設置した休憩用椅子を利用者の意見をもとに改良した取り組みをXで紹介している。

はてなブックマーク

高市首相の夫はなぜ落ち込んだのか2026年1月9日の高市首相の以下の投稿が話題になっている。-------------------高市早苗@takaichi_sanae夫とともに公邸に引…

はてなブックマーク

ローソンのセルフレジのUI操作性に対するユーザーの不満を集めたブックマーク記事で、ファミマとの使い勝手の差も比較されている。

はてなブックマーク

複雑なキャッシュレス決済が高齢者・弱者を排除しているという問題を取り上げ、現金受け入れの必要性とあるべきキャッシュレス社会のかたちを論じた報道記事だ。

はてなブックマーク

2024年4月施行の改正障害者差別解消法により民間企業にも義務化された合理的配慮について、「過重な負担」の線引きの難しさや障害当事者・企業側双方の反応を伝えるニュース記事だ。

はてなブックマーク

WebサイトやスマホアプリのUIデザインをはじめ、ブランドアイデンティティの構築などで視覚的に美しく、アクセシビリティの高い配色を簡単に作成できるツールを紹介します。 アクセシビリティのテストをしたり

note

「庭の手入れが大変になってきた」「転んだときが心配」──そんなお悩みを抱えるご高齢の方やそのご家族は多いのではないでしょうか。 実は人工芝は、管理のしやすさや安全性の面で高齢者の庭づくりにとても向いています。この記事では、人工芝が高齢者の庭に向いている理由、選び方のポイント、導入時の注意点をわかりやすく解説します。 人工芝が高齢者の庭に向いている理由3つ 高齢者が安心して庭を使うためには、安

note

世界は、あまりにも光であふれています。しかし、その光が誰かにとっての残酷な凶器になることを、私たちはどれだけ知っているでしょうか。 視覚に障がいを持つ方にとって、現代のスマートなタッチパネルは、ただの滑らかな、何も語らないガラスの板に過ぎません。どこに何があるのか。今、目の前にあるのは文字なのか、ただの模様なのか。それを知る術がないという絶望は、まるで音のない暗闇に一人で放り出されるような、凍てつ

note

はじめに 先日、外食に関する簡単なアンケート(SNSを通じたヒアリング)を実施しました。 その中で、最も多かった回答は 👉「特に困っていない」でした。 この結果は、一見すると「問題が存在しない」ことを示しているように見えます。 しかし、私はこの結果を見て、むしろ逆のことを考えました。 👉 本当に問題がないのであれば、なぜ違和感が残るのでしょうか。 本稿では、この違和感の正体を整理しま

note

小さい犬ほど、距離が必要です。 「小さくてかわいい〜大丈夫ですよね」 そう言って、確認せずに手を伸ばす人は少なくありません。 でも実際には、体が小さい犬ほど、 人との距離に敏感で、防御反応が出やすいケースがあります。 問題は犬ではなく、 「距離を測らない人側の行動」です。 まずは、その前提を一度疑ってみてください。 小さい=安全、ではありません チワワ、マルチーズ、トイ・プードル。

note

手話通訳士のあらかわいおりです。 手話に関することを幅広く発信しています。 現在5冊の本を出版し、 2026年中に10冊の手話の本を出版するべく執筆中です。 手話通訳のような、ボランティア色の強い仕事をしている方々が、 noteを中心に副収入を得ることで、 より仕事に励むことができる。 そのロールモデルになるべく奮闘中です。 Googleで「手話 あらかわいおり」と検索していただくと、 私の活動が

note

「この家、老後も住み続けられる?」ふと感じた不安 子どもが独立して夫婦二人になったとき、ふと思ったんです。 4LDKの一軒家、広すぎないか?と。 階段の上り下りは今は平気でも、70代・80代になったらどうだろう。 固定資産税は毎年約15万円。 修繕費も築20年を超えてどんどんかさんでいく。 「このまま住み続ける」以外の選択肢を、一度ちゃんと考えてみることにしました。 選択肢は3つ。数字で比較し

note

先日、大阪商工会議所主催の2025年大阪・関西万博報告会に参加してきました。 サントリーホールディングスの代表取締役副会長の鳥井信吾会頭をはじめ、先輩経営者の皆さんと「万博を通じてこれからの産業に何を残すか」を話し合う、貴重な時間でした。 Lean on Meからは、サービス業・接客業における「おもてなし」の視点から報告させていただきました。 まず、数字の話をしたいと思います。 大阪・関西

note

こんにちは!シナジーマーケティング UI/UXデザイナーの渡瀬です。 現在、当社FLAGSHIP制度で私は専門分野としてWebアクセシビリティに取り組んでいます。 🚩FLAGSHIP制度とは 自ら1つ専門分野を決めて公表し、「社内でその第一人者になる」ことを目指してスキルを伸ばしていく制度です(「皆に旗を掲げてもらおう」という意味で命名) これまでFigmaでのカラーアクセシビリティ検

note

デザイン初心者の観察日記。 福祉に“美しさ”と“心地よさ”を備える形を模索しています。 道具や環境、身体の条件から、 「どうすれば使いやすくなるか」を考えています。 今日のテーマは ヘアドライ×片手しか使えないとしたら? ドライヤーは以前考えたことがありますが、 今回は「乾かす」行為の中で、どこに無理があるか?を考えてみます。 【想定されること】 シーン: お風呂上がりに、片手にドラ

note

「長期入院のため病院内に設置された院内学級で学ぶ子どもたちの、生きる力のより一層の向上につながる体験をさせてあげたい」こんな思いが、5Gなど先端技術を活用して入院中の子どもたちをサポートする遠隔教育プロジェクトにつながりました。 提案したのは、障がいのある子どもに寄り添う活動を学生時代から続けてきたデザイナー。国連で採択されたSDGs(持続可能な開発目標)掲げられた目標4.教育「すべての人々へ質

note

丸源ラーメン 岐阜北島店 メニュー名失念、何かの野菜増し昔食べた肉そば昔食べた担々麺 愛知・三河発の巨大チェーン。東海地区からあれよあれよという間に全国展開。看板メニューの肉そばは、数あるラーメンチェーンの中でもよくできた商品だと思うな。金額は今792円なんすね。800円でお釣りが来るのはよく頑張ってると思うけど、600円台だった昔のようなお値打ち感は薄れたかも。一番上の写真は直近で食べた味噌か何

note

こんにちは、アクセシビリティアドバイザーの中川テルヒロです。視覚障害の当事者としてスクリーンリーダーで日常的にWebを利用しています。 本シリーズでは、スクリーンリーダーの操作で各ウェブサイトで食品の原材料を見つけるまでどのくらい時間がかかるか、読み上げ音声の録音でレポートします。今回は、KIRINの午後の紅茶です。 録音したウェブサイト KIRIN|キリングループ 商品情報サイト http

note

こんにちは、冴です。 福津の午後の柔らかな光が、PCの画面を静かに照らしています。 ダッシュボードに刻まれた「10,000」という数字。 それは、かつて2月26日にいただいた「1,000のスキ」という奇跡が、さらに大きな波となり、1万もの魂と共鳴した証。 今、私の心には、言葉にできないほど重厚な「万雷の拍手」が鳴り響いています。 立ち止まり、言葉を拾い上げ、共に歩んでくださった画

note

「弱さを見せてもいい」 そう言われても、多くの人は躊躇するのではないでしょうか。 助けを求めることは、相手に負担をかける行為。 だから、迷惑をかけないように、自立しているように見せる。 それが、大人の振る舞いだと教えられてきたように思えます。 しかし、本当にそうなのでしょうか。 そもそも、この「弱さを隠す文化」は、どこから来ているのでしょうか。 今日は、「弱さを隠す文化」がなぜ生まれたのか

UsableNet

Explore the challenges of online banking accessibility, focusing on account opening, document readability, and CAPTCHA hurdles faced by screen reader users.

note

ディオフィールドクロニクルとは、2022年9月に発売されました、リアルタイムストラテジータイトルでございます。 リアルタイムストラテジーとは、絶えず時間の流れるマップで味方の駒(ユニット)に移動や攻撃といった指示を与え、敵と戦い勝利する。その突破のため傾ける工夫を楽しむゲームジャンルとなっております。 本稿では本作のゲーム概要をご案内いたしつつ、本作のUI設計、いえもっと申しますと本作の有します天

note

■ はじめに 「車椅子の方が通れるか?」だけで終わらせないのがBREEAM。年齢、サイズ、能力を問わず、すべてのユーザーが「直感的に、尊厳を持って」建物を利用できるかを問う、非常に層の厚い評価項目です。 ■ Hea 12 Inclusive design:評価の仕組み(ざっくり解説) BREEAMが求めているのは、単なるバリアフリー法規の遵守ではなく、「ユニバーサルデザイン(UD)」の思想が

note

見えにくさの中でも、楽しめる時間は確かにある。 でも、その隣にある小さな壁にも、気づいた日でした。 こんにちは。 まきです。 今回は、「点字ブロックからの景色」シリーズとして、 映画館での体験を綴ってみたいと思います。 安心して過ごせた時間 今回の映画鑑賞は、ガイドヘルパーさんと一緒でした。 暗い劇場内での移動や、お手洗いのタイミング。 そうした場面でも、安心して過ごすことができ

note

電車に乗るとき、何両目に乗ったら降りたホームでエレベーターが近いか? ベビーカーを押して移動するママパパが スムーズに電車の乗換をするために 田園都市線の主要駅の車両情報をまとめました! 目次から、行き先の駅へ飛んでください! ◼︎下り中央林間方面(先頭は10号車) 渋谷駅 👉 結論:行き先によって「10号車」か「1号車側」を使い分け! 【エレベーター①】エレベーターA (道玄坂改札・

note

はじめに 最近、街を歩いていてふと感じることがある。駅構内、大型商業施設、公共空間――気づけば以前よりも「椅子」が増えている。しかもその多くは、通路の脇や広場のような場所にさりげなく配置されていて、誰でも気軽に腰を下ろせるようになっている。 多くの人はこう思うかもしれない。「高齢者が増えているから、その配慮だろう」と。しかし実際には、それだけで片付けてしまうのは少しもったいない。むしろ、これら

note

・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

note

以前、飲み終わったコップをなかなか片付けられないのは、怠けているからではなく、見えない手順の多さに脳のエネルギーを奪われているからだ、という話をしたことがあります。 立ち上がる、台所へ行く、スポンジを取る、洗う、拭く。多数派の人には無意識でこなせる一つひとつの動作が、私のように感覚の特性を持つ人間の脳には、処理しきれない膨大なタスクの山として重くのしかかってしまうという感覚です。 最近、大学で

note

特例子会社についてリサーチしてきたことをnoteに書いてみようシリーズ③を進めてゆきます✍️ 当事者の視点からも考えると、働きやすい環境で就労できるのが利点かなと思います。 特例子会社の強みは、障がい特性に配慮された職場環境で働くことができ、必要な支援を受けながら能力を発揮できるように支援してくれます。 メンタル疾患があり、普段は普通に仕事ができるのに、季節やコンディションにより影響を健常者

note

こんにちは、らいねるです。 この記事は『ウェブ解析士に役立つアクセシビリティの話(仮)』の2つ目の記事です。 前回は「そもそもアクセシビリティとはなにか?」について書きましたので、今回は『ウェブ解析士がアクセシビリティについて考えることの重要性』について書いていきます。 ウェブ解析士がアクセシビリティを考えることが大切な理由 前回の記事を読んだ方は、アクセシビリティの確保に取り組むことが

note

こんにちは! 日々うさぎです。 みなさんは、「なるべく言わないように気を付けている言葉」ってありますか? 「なるべく言わないように」ということは、つい言ってしまったりすることもありそうです。 私は、「常識では~」「普通は~」といった言葉をなるべく使わないようにしようと思っています。 とは言っても、つい口から出てしまうこともあり、そんなときは「普通とか常識とかいうことではないね」と訂正するこ

Checking accessibility with SwiftUI Previews SwiftUI Previewsを使ったアクセシビリティ確認

記事 海外
Mobile A11y

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

Why Accessibility Comes First in SaaS & AI SaaS・AIでアクセシビリティを最優先にすべき理由

記事 海外
DEV Community

Most SaaS and AI teams optimize for speed: ship features, get users, iterate. In that rush,...

X(Twitter)

情報通信研究機構(NICT)が運営する情報アクセシビリティ支援ナビ「Act-navi(アクトナビ)」に、難聴当事者として情報発信を行う難聴うさぎ氏のインタビューが掲載された。聴覚障害のある方向けの情報アクセシビリティ向上に向けた取り組みの一環。

Aphantasia and Code: How a Founder With No Mental Imagery Designs Visual Software Aphantasiaとコード:心的イメージを持たない創業者が視覚的ソフトウェアを設計する方法

記事 海外
DEV Community

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

Aphantasia and Code: How I Design Visual Software Without Being Able to Picture It アファンタジアとコード:視覚的イメージを持たずにビジュアルソフトウェアを設計する方法

記事 海外
DEV Community

アファンタジア(心的画像を見ることができない認知障害)を持つ著者が、35,000ユーザーを抱えるAI画像プラットフォームでどのようにUXデザイン、機能計画、ビジュアルバグのデバッグを実践しているかを紹介。異なる認知能力での設計アプローチ。

I built a local screen reader that reads your screen aloud — no cloud, no API keys クラウドもAPIキーも不要なローカルスクリーンリーダーを自作した

記事 海外
DEV Community

開発者が自分のワークフローの課題を解決するために、クラウドやAPIキーを不要とするローカル動作型スクリーンリーダー「sttts」を構築した経験を共有。テキスト読み上げパイプラインの実装方法を解説している。

I Gave My AI Agent a UX Audit Superpower: CLI + MCP in 5 Minutes AIエージェントにUX監査の超能力を与えた:CLI + MCPで5分で実現

記事 海外
DEV Community

AIが生成したUIページはスピード重視だが、アクセシビリティ面での課題を検出できない。CLIツール + MCPプロトコルを組み合わせ、AI エージェント(Claude等)に WCAG・キーボード操作・代替テキスト検証機能を統合する方法を紹介。

note

医ケア児パパで社会福祉士の著者が、親戚から譲り受けた家のリフォームを通じて障害福祉の現場での気付きと家族のリアルな実感から、『家族みんなが笑顔になれるバリアフリー』を実現する家づくりについて綴った記事。

note

認知症の人と家族が美術館にアクセスする意味を、臨床美術の限界を超えて博物館学の視点から論じた記事。インクルーシブなプログラム設計の考え方を通じて、障害のある当事者の文化的アクセスと人間の尊厳について考察している。

note

イギリスの博物館で運営されている障害のある人向けインクルーシブ・プログラムの事例をもとに、発達障害と博物館プログラムの関係を博物館学の視点から考察した記事。臨床美術や芸術療法の文脈を超えた、インクルーシブ設計の実践例を紹介する。

note

Yellow Space Protocol 近づかない。それが配慮。 はじめに 黄色いリボンで「距離を保ってほしい犬」を示す考え方は、 2010年代初頭に欧州(スウェーデンを含む)で広まり、 2012年にカナダで「Yellow Dog Project」として体系化されました。 この考え方は特定の仕組みに縛られることなく、 各国・各地域の文脈に応じて受け継がれていきます。 現在では、統一

Bruce Lawson's personal site Bruce Lawsonの個人サイト

記事 海外
Bruce Lawson

ウェブ標準・アクセシビリティの専門家Bruce Lawsonによる定期リンク集で、最新のWeb・a11y関連記事がまとめられている。

A compelling title that is cryptic enough to get you to take action on it 行動を促すほど謎めいた、思わずクリックしたくなるタイトル

記事 海外
Eric Bailey

アクセシビリティに配慮したWebページ設計の実装例。セマンティックHTML、スキップリンク、段階的な情報構造により、キーボード操作と読み上げに対応したWebライティング手法を示すサンプル記事。

Inclusive user research: vulnerable people - TetraLogical インクルーシブなユーザーリサーチ:脆弱なユーザー層 – TetraLogical

記事 海外
TetraLogical

インクルーシブなユーザーリサーチにおいて、喪失経験者や経済困難、虐待サバイバーなどの脆弱な立場の参加者と向き合う際に、参加者の安全確保と研究者の倫理的な対応が必要であることについて述べた記事。

Inclusive user research: vulnerable people - TetraLogical インクルーシブなユーザーリサーチ:脆弱なユーザー層 – TetraLogical

記事 海外
TetraLogical

遺族、経済的困難者、虐待生存者など脆弱な集団を対象としたユーザーリサーチにおいて、参加者が安全と感じられる環境を構築し、研究者が倫理的かつ責任を持って対応するための方法論を解説する。

An Interactive Cover Component インタラクティブなカバーコンポーネント

記事 海外
Kitty Giraudel

著名なアクセシビリティ専門家 Kitty Giraudel がゲーム関連ウェブサイト向けのインタラクティブなカバーコンポーネント実装を解説。キーボードナビゲーション(tabindex利用)やスクリーンリーダー対応の課題について具体的に検討しており、アニメーションコンポーネント実装時のアクセシビリティ考慮点が学べる。

note

・同じ関わり方をしても、相手によってなぜ反応は異なるのか 対話では同じように説明しても、自発的に動く人と動かない人がいます。 やると言っても動かない。 やる気がないように見える。 理解しているはずなのに、行動に移らない。 こうした場面では、「何を伝えるか」でなく、 相手の心理を理解し、 どの段階にいるのかを見立てることが重要になります。 ・行動変容モデルという視点 「行動変容モデル(プロ

Two SDNY Decisions in One Week Show Courts Are Done Messing around with Questionable Accessibility Litigation - Sheri Byrne-Haber's Blog 1週間で2件のSDNY判決が示す、問題のあるアクセシビリティ訴訟に対する裁判所の厳格化 – Sheri Byrne-Haber's Blog

記事 海外
Sheri Byrne-Haber

米国連邦地裁(SDNY)の判決を通じ、過度なアクセシビリティ訴訟に対する司法の厳しい姿勢を業界専門家が分析している。

Two SDNY Decisions in One Week Show Courts Are Done Messing around with Questionable Accessibility Litigation - Sheri Byrne-Haber's Blog 1週間で2件のSDNY判決が示す、問題のあるアクセシビリティ訴訟に対する裁判所の厳格化 – Sheri Byrne-Haber's Blog

記事 海外
Sheri Byrne-Haber

米国南部地区裁判所での2件のアクセシビリティ関連訴訟判決について、著名なアクセシビリティ専門家が不当な訴訟に対する厳しい司法の態度を解説。

Getting Hidde Fireside – HTML Accessibility Hidde との炉辺談話 – HTML Accessibility

記事 海外
HTML5 Accessibility

オランダ政府のアクセシビリティアドバイザーHidde de Vries氏へのインタビューで、WCAG-EM 2.0の開発状況やAI・持続可能性など業界の課題を実務家視点で語っている。

Getting Hidde Fireside – HTML Accessibility Hidde との炉辺談話 – HTML Accessibility

記事 海外
HTML5 Accessibility

Webアクセシビリティの国際的リーダーであるHidde de Vriesへのインタビュー。オランダ政府のアクセシビリティ標準顧問で、WCAG評価方法論の共同編集者による、政府レベルでのアクセシビリティ評価と国際的な取り組みの紹介。

note

著者がインクルーシブデザインへの関心を深めるようになった経緯を、障害のある子どもとの出会いから描いた実践ノート。「違う世界」だと思っていた障害への認識の変化を通じ、インクルーシブなデザイン思考を紹介する。

note

​どうも、あるてです。 ​ついにGoogleの公式HPが更新され、世界中のガジェットオタクが待ちわびていたあの端末の全貌が公開されました。 そして各通信キャリアでも、一斉に予約受付が開始されました。 ​そう、「Google Pixel 10a」です。 相変わらず美しいデザイン.…惚れ惚れしますカラーリングも相変わらずアーティスティック ​スペックの全貌を眺めながら、私は懐かしい記憶を思い出し

note

・相手の言動を整理するという視点 対話の中で相手の話を聞いていると、 「何が起きているのか分かりにくい」と感じることがあります。 話はつながっているようで、 実際には整理されていない。 どこに焦点を当てればよいのか迷う場面も少なくありません。 そのまま関わり続けると、 支援の方向性が定まらず、 結果的に手応えのない面談になってしまうこともあります。 そのようなとき、相手の言動を一定の枠組

old advice – Hiding Content Has No Effect on Accessible Name or Description Calculation – HTML Accessibility 旧情報 – コンテンツを非表示にしてもアクセシブルな名前・説明の計算には影響しない – HTML Accessibility

記事 海外
HTML5 Accessibility

CSSやHTML属性で隠しコンテンツは視覚的には見えなくなるが、aria-labelledbyやaria-describedbyで参照されるとスクリーンリーダーユーザーには依然として読み込まれる点を説明。アクセシブル名・説明の計算におけるW3C仕様と実装上のベストプラクティス。

old advice – Hiding Content Has No Effect on Accessible Name or Description Calculation – HTML Accessibility 旧情報 – コンテンツを非表示にしてもアクセシブルな名前・説明の計算には影響しない – HTML Accessibility

記事 海外
HTML5 Accessibility

CSSで視覚的に非表示にした要素でも、aria-labelledbyやaria-describedbyを通じてアクセシブル名・説明の計算に使われることを、スクリーンリーダー向けの実例で解説している。

The WebAIM Million - 2026 Update WebAIM Million - 2026年版

記事 海外
A11y Weekly

WebAIMが数百万のWebサイトをスキャンして実施した大規模アクセシビリティ分析の2026年版レポート。Webアクセシビリティの問題傾向と現状把握の重要な資料。

note

・未来志向という視点 「あなたはどうしたいのか」 「どうなっていればよいのか」 「今よりも少しでもよい状態とはどのようなものか」 対話は過去や現在に焦点を当てるだけでなく、 これからの未来に目を向ける関わりも重要になります。 その代表的なアプローチで参考になるのが、 コーチングやSFA(解決志向アプローチ)です。 これらに共通しているのは、 「問題」そのものに深く焦点を当てすぎないという点

Dev-First Accessibility: Fix Issues In-Flow 開発者ファーストのアクセシビリティ:フロー内で問題を修正する

記事 海外
Level Access

開発フローにアクセシビリティ検証を組み込み、問題をバックログ化せずその場で修正する「インフロー」アプローチをLevel Accessが解説している。

Bruce Lawson's personal site Bruce Lawsonの個人サイト

記事 海外
Bruce Lawson

AppleによるWeb標準対応の不備とプログレッシブWebアプリ機能の削除を批判し、反競争的行為がデジタルアクセシビリティに与える制限的影響を指摘している。

Locked Out: Why OTP and 2FA Often Fail Users with Disabilities - Sheri Byrne-Haber's Blog 締め出される:OTPと2FAが障害のあるユーザーの期待に応えられない理由 - Sheri Byrne-Haberのブログ

記事 海外
Sheri Byrne-Haber

ワンタイムパスワード(OTP)と二要素認証(2FA)がスクリーンリーダーユーザーや聴覚・視覚・認知障害のあるユーザーをロックアウトしている問題を分析し、複数認証方法の提供やARIA対応などのアクセシブルな実装方法を提案する記事。

note

・ICT、AI Appleが10倍大きなAIモデルよりも優れた画像キャプションを付けられる「RubiCap」を発表 - GIGAZINE サイボーグ・アーティストの歴史/ヒトは、道具によって初めて「人間」になる 誰でもアプリが作成できる時代がやってきました_AIでアプリを完成させた1ヶ月の記録|風吹き童子 やま 【当日動画・資料公開】障害のある方々へのICT活用支援|地域連携の実践事例紹

note

就労支援におけるアセスメントは、単にシートの項目を埋める作業ではありません。 本来は、「その人をよく理解するためのプロセス」です。 でも、初任者の方にとっては、「本人をよく知る」は理解できるものの、実践する難しさを感じることも多いように思います。 何を見ればいいのか分からない どこに注目すればいいのか迷う とりあえず項目を埋めることに意識が向いてしまう こういった悩みを感

Shifting and Shuffling 変化とシャッフル(A11y Weekly #493)

記事 海外
A11y Weekly

Webアクセシビリティを日々の業務に取り入れるための週刊ニュースレター「A11y Weekly」第493号で、最新情報・ツール・実践的なヒントを届ける。

February 2026 Baseline monthly digest  |  Blog  |  web.dev 2026年2月 Baselineマンスリーダイジェスト | ブログ | web.dev

記事 海外
web.dev

2026年2月にブラウザ間で対応されたWeb API機能の月次レポート。多言語サポートにおいて、RTL/LTRのテキスト方向を自動キャプチャするdirname属性が新たに広く利用可能になり、スクリーンリーダー等の支援技術の正確な処理が改善された。

Qiita

虐待サバイバーの知覚を基盤としたAI検出アルゴリズムの実装記録。非言語的コミュニケーション検出やマルチモーダルAI設計を通じて、障害のある利用者も含めたインクルーシブなシステム設計の原則を示す。

X(Twitter)

障害を持つ従業員を含むすべての学習者が効果的にトレーニングを受けられるよう、アクセシブルなeラーニングの設計方法を解説した実践ガイド。エンゲージメントと修了率の向上につながるインクルーシブな研修設計のポイントを紹介する。

Accessibility Law of Headlines アクセシビリティ見出しの法則

記事 海外
Adrian Roselli

「○○はアクセシブルだ」と断言する見出しは例外なく誤りである、という「アクセシビリティ見出しの法則」を提唱する記事だ。

Bruce Lawson's personal site Bruce Lawsonの個人サイト

記事 海外
Bruce Lawson

» Resurrecting a £50 computer with Vivaldi and ChromeOS Flex

Zenn

東京都デジタル10か条『誰ひとり取り残されないようにしよう』に基づき、GovTech東京が開発したデータポータル。カラーユニバーサルデザイン対応テストを実施し、色覚特性に配慮したカラーパレットを設計した行政デジタルサービスの実践例。

X(Twitter)

アクセシビリティの失敗はデザインの問題ではなく、エンジニアリングの失敗である。フルスタック採用トレンド・AIによるコンテキスト不在のコード生成・コンプライアンス優先の姿勢が重なり、見えにくい危機を生み出している現状と、真の解決策を論じた記事。

Heading Anchors with Eleventy EleventyによるHeading Anchorsの実装

記事 海外
Kitty Giraudel

EleventyのビルドプロセスでWebページの見出しにアクセシブルなアンカーリンクを自動生成する実装方法。スクリーンリーダー対応(visually-hidden、aria-hidden属性)とCSS Anchor Positioningを活用し、ランタイムJavaScript依存を排除したベストプラクティスを解説。

Heading Anchors with Eleventy EleventyによるHeading Anchorsの実装

記事 海外
Kitty Giraudel

見出しにアンカーリンクを自動的に挿入するEleventy実装パターン。ビルドタイム変換とcherioライブラリで見出しIDに対応するアンカーをサーバーサイド生成し、クライアント側JavaScriptを削減する設計について解説。

Merging GitHub Repositories GitHubリポジトリのマージ

記事 海外
Kitty Giraudel

複数のGitHubリポジトリをひとつに統合する手順とコミット履歴の扱い方を解説している。

Zenn

監視画面・事務入力端末・倉庫端末という3種の現場環境を例に、「とりあえずカードUI」ではなく使用環境と操作スタイルに即したUI/UX設計が重要であることを実例で示している。

Ecommerce Accessibility Checklist: How to Make Your Online Store ADA & WCAG Compliant Eコマースアクセシビリティチェックリスト:オンラインストアをADA・WCAG準拠にする方法

記事 海外
UsableNet

オンラインストアをADA・WCAG標準に準拠させるための包括的なアクセシビリティチェックリスト。ユーザビリティ向上と法的リスク軽減、継続的なコンプライアンス対応をサポートする。

Meet the team: Niamh Madden - TetraLogical チームメンバー紹介:Niamh Madden - TetraLogical

記事 海外
TetraLogical

TetraLogicalのアソシエイト・アクセシビリティ・スペシャリストNiamh Maddenの紹介。React開発からアクセシビリティチームに転身し、WCAG 2.2評価やアクセシビリティ・テストを専門とする英国の専門家。

Meet the team: Niamh Madden - TetraLogical チームメンバー紹介:Niamh Madden - TetraLogical

記事 海外
TetraLogical

UK 発のアクセシビリティコンサルティング企業 TetraLogical のアソシエイト・アクセシビリティスペシャリスト、Niamh Madden を紹介。開発経験と言語への関心、ユーザビリティへの強い関心を持つ専門家のプロフィール。

APG Patterns Examples APG パターン実装例集

記事 海外
はてなブックマーク

WAI-ARIA APGのデザインパターンをReact・Vue・Svelte・Astroで実装したアクセシブルコンポーネントの実例集だ。

はてなブックマーク

WCAGの基礎から具体的な実装まで体系的に学べる書籍『ウェブアクセシビリティの教本』のレビュー記事。初学者から実践者まで幅広くお勧めとの評価で、網羅的な内容を紹介している。

Beautiful CLI prompt with Starship Starshipで美しいCLIプロンプトを作る

記事 海外
Kitty Giraudel

Starshipを使ってCLIプロンプトを視認性高くカスタマイズする設定方法と実例を紹介している。

X(Twitter)

視覚障害や色覚特性のある利用者に向けたWebアクセシビリティ配慮のポイントを解説した記事。色だけで状態を伝えるデザインや画像のみの情報提供が引き起こす問題と、Web担当者が実践すべき対応策を紹介している。

Adding Tests to an Eleventy site EleventyサイトにテストをAdding

記事 海外
Kitty Giraudel

Eleventyで構築したサイトに自動テストを追加する方法を、設定から実装まで順を追って解説している。

Level Access Supercharges Partner Program Level Accessがパートナープログラムを強化

記事 海外
Level Access

Learn how Level Access has expanded its Partner Program to enable more organizations to deliver inclusive, impactful digital experiences.

Serving Markdown to LLMs with Eleventy EleventyでMarkdownをLLMに提供する

記事 海外
Kitty Giraudel

静的サイトジェネレーターEleventyを使い、MarkdownコンテンツをLLMが解析しやすい形式で配信する実装アプローチを解説している。

Designing for people with anxiety - TetraLogical 不安を抱える人のためのデザイン - TetraLogical

記事 海外
TetraLogical

不安症やストレスに直面するユーザーに配慮したインクルーシブデザイン方法について。思慮深い設計アプローチにより、デザインがストレスを軽減し、さらに悪化させないようにすることが重要である。

No more Carbon Carbonはもういらない

記事 海外
Kitty Giraudel

コードスニペット共有ツール「Carbon」の使用を止めた理由と背景を述べた記事で、移行の判断に至った経緯と代替手段も紹介している。

By the fire with Natalie Patrice Tucker – HTML Accessibility 火のそばでNatalie Patrice Tuckerと語る – HTMLアクセシビリティ

記事 海外
HTML5 Accessibility

アクセシビリティ推進者のNatalie Patrice Tuckerへのインタビューを通じて、インクルーシブデザインへの取り組みや業界の課題を掘り下げた記事だ。

Karl stokes the Fireside – HTML Accessibility ファイヤーサイドチャット:Karl氏とHTMLアクセシビリティを語る

記事 海外
HTML5 Accessibility

HTML5 Accessibilityによるファイヤーサイドチャットインタビューシリーズの一篇で、KarlがHTMLアクセシビリティへの知見・経験・考え方を率直に語る対談だ。

On chardet, AI and OSS licensing chardet・AI・OSS ライセンスについて

記事 海外
Kitty Giraudel

OSSライブラリchardetをAIが無断で書き換えたケースを例に、AI生成コードとオープンソースライセンスが抱える問題点を論じた記事だ。

Bruce Lawson's personal site Bruce Lawson の個人サイト

記事 海外
Bruce Lawson

ウェブ標準・アクセシビリティ関連の注目記事をBruce Lawsonがまとめた定期連載「Reading List 355」の最新回だ。

Folded corner with CSS CSS で折り返しコーナーを作る

記事 海外
Kitty Giraudel

CSSのみで紙を折ったようなコーナーエフェクトを実装するテクニックを段階的に解説した技術記事だ。

Different contexts, different tools, same person :: Aaron Gustafson 異なる状況、異なるツール、同じ一人の人間 :: Aaron Gustafson

記事 海外
Aaron Gustafson

人々は文脈や時間によってニーズが変わり、同じ人でも状況に応じて異なる支援技術やツールを必要とする。私たちが作るUIはユーザーに適応するべきであり、その逆ではないというインクルーシブデザイン思想を論じた記事。

Different contexts, different tools, same person :: Aaron Gustafson 異なる状況、異なるツール、同じ一人の人間 :: Aaron Gustafson

記事 海外
Aaron Gustafson

同じ人物がスクリーンリーダー・拡大鏡・音声コマンドなど状況によって異なるアクセシビリティツールを使い分けるという実例を示し、特定ユーザーに最適化するのではなく多様な文脈に適応できるインクルーシブデザインの必要性を論じている。

X(Twitter)

シンボルを活用したAAC(拡大代替コミュニケーション)において、初期読み書き段階(Emergent readers)の利用者がシンボルをどのように活用しているかを紹介するGlobal Symbolsのニュース。コミュニケーション障害を持つ方々への支援技術として、シンボルライブラリの役割を解説している。

fuck OpenAI – HTML Accessibility fuck OpenAI – HTML アクセシビリティ

記事 海外
HTML5 Accessibility

OpenAIがHTMLアクセシビリティの基本原則を軽視していることを批判し、AI企業がウェブ標準を遵守すべき理由を論じている。

Designing for people with disabilities - TetraLogical 障害のある人のためのデザイン - TetraLogical

記事 海外
TetraLogical

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

Dynamic profile README on GitHub GitHub での動的プロフィール README

記事 海外
Kitty Giraudel

GitHub ActionsとAPIを活用してプロフィールREADMEを自動更新する仕組みの実装方法を解説した技術記事だ。

For Review: WCAG 3 Working Draft – March 2026 レビュー公開:WCAG 3 ワーキングドラフト(2026年3月)

記事 海外
W3C WAI

W3CアクセシビリティガイドラインWCAG 3.0の2026年3月版ワーキングドラフトが公開され、コミュニティへのレビューが呼びかけられている。

Stats Page with Eleventy Eleventy で統計ページを作る

記事 海外
Kitty Giraudel

EleventyでサイトのStats(統計情報)ページを構築する手順を解説した技術記事で、コンテンツ数や更新頻度などのデータを可視化する実装方法を紹介している。

はてなブックマーク

Microsoft TeamsがEnterキー挙動をカスタマイズできる新機能を配信開始。Enterで改行と送信を使い分けられるようになり、キーボード操作ユーザーの誤送信防止と作業ストレスの軽減を実現。

Tag pages with Eleventy Eleventy でタグページを作る

記事 海外
Kitty Giraudel

静的サイトジェネレーターEleventyでタグページを生成するための実装方法を解説した記事だ。

Injecting element in Liquid content Liquid コンテンツへの要素の注入

記事 海外
Kitty Giraudel

Liquidテンプレート内のコンテンツへHTML要素を動的に挿入するための実装手法を解説した技術記事だ。

はてなブックマーク

デジタル庁が公開したデザインシステムβ版で、UIコンポーネントとアクセシビリティ・ユーザビリティを踏まえた設計・実装ガイドラインを提供するデザインアセットだ。

Matt May speaks – HTML Accessibility Matt May が語る – HTML アクセシビリティ

記事 海外
HTML5 Accessibility

W3Cのアクセシビリティ専門家Matt MayによるスピーチをHTML5 Accessibilityが収録したもので、Webアクセシビリティ標準化に関する見解が語られている。

Why Blind Shoppers Struggle With Online Product Returns 視覚障害のある買い物客がオンライン返品で苦労する理由

記事 海外
UsableNet

Learn the accessibility barriers blind shoppers face when completing online product returns, including QR codes, location selection, and form limits.

はてなブックマーク

Claude Codeへのアクセシビリティ指示の有無がデザインシステムの実装品質にどう影響するかをLighthouseスコアで比較検証した実践記事だ。効果的なスキルファイルの分割方法など、AI活用の最適解を探る内容も含む。

Why Blind Shoppers Can’t Complete Online Checkout 視覚障害のある買い物客がオンラインチェックアウトを完了できない理由

記事 海外
UsableNet

Learn the most common shopping cart accessibility barriers for screen reader users and why they prevent customers from completing online purchases.

Wishcessibility Wishcessibility

記事 海外
A11y Weekly

A weekly dose of web accessibility to help you bring it into your everyday work.

Here’s how to instruct a LLM to reference the ARIA Authoring Practices Guide LLMにARIAオーサリングプラクティスガイドを参照させる方法

記事 海外
Eric Bailey

LLMにARIAオーサリングプラクティスガイド(APG)を正しく参照させるプロンプト手法を解説した記事だ。AIがアクセシビリティのベストプラクティスを正確に扱えるかという根本的な課題を論じている。

Talking with Heydon Pickering – HTML Accessibility Heydon Pickeringとの対話 — HTML Accessibility

記事 海外
HTML5 Accessibility

アクセシビリティ著作で知られるHeydon PickeringへのインタビューをHTML5 Accessibilityが収録したもので、HTMLアクセシビリティへの実践的な見解が語られている。

Bruce Lawson's personal site Bruce Lawsonの個人サイト

記事 海外
Bruce Lawson

Webアクセシビリティの第一人者Bruce Lawsonが厳選した注目記事をまとめたリーディングリスト第354号だ。

Accessibility User Testing: A Practical Guide アクセシビリティユーザーテスト:実践ガイド

記事 海外
Level Access

Accessibility user testing by people with disabilities reveals real-world obstacles and barriers. Learn how to plan sessions, prioritize findings, and more.

Accessible building blocks for the web videos - TetraLogical Webのためのアクセシブルな構成要素(動画)

記事 海外
TetraLogical

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

Honoring Mobile OS Text Size モバイルOSの文字サイズ設定を尊重する

記事 海外
Adrian Roselli

AndroidやiOSのOSレベルの文字サイズ設定がWebページに反映されない問題を解説し、ブラウザの現状と改善されつつある動向を整理した記事だ。

Some blind fans to experience Super Bowl with tactile device that tracks ball :: Aaron Gustafson 一部の視覚障害者ファンがボールの動きを追う触覚デバイスでスーパーボウルを体験 :: Aaron Gustafson

記事 海外
Aaron Gustafson

視覚障害者がスーパーボウルを体験できる触覚デバイスについて。支援技術がもたらす社会参加とインクルーシブデザインの重要性を示唆する事例。

Some blind fans to experience Super Bowl with tactile device that tracks ball :: Aaron Gustafson 一部の視覚障害者ファンがボールの動きを追う触覚デバイスでスーパーボウルを体験 :: Aaron Gustafson

記事 海外
Aaron Gustafson

視覚障害のあるスポーツファンがタクタイルデバイスを通じてスーパーボウルを体験する取り組み。ワシントン大学の学生チームが開発した「OneCourt」というテクノロジーで、障害者もスポーツを楽しめるインクルーシブな環境を実現する事例。

ACT Rules Format 1.1 is a Web Standard (W3C Recommendation) ACT Rules Format 1.1がW3C勧告(ウェブ標準)に

記事 海外
W3C WAI

アクセシビリティ適合性テストのルール記述フォーマット「ACT Rules Format 1.1」がW3C勧告(正式なウェブ標準)となった。自動テストツールや手動テスト手法の開発基盤として活用される。

For Review: Cognitive Accessibility Research Modules — First Draft Notes レビュー募集:認知アクセシビリティ研究モジュール 初稿ノート

記事 海外
W3C WAI

認知・学習障害のある人々を対象にW3C WAIが公開した研究モジュール初稿ノート。音声システム・屋内ナビゲーション・オンライン安全など4分野のユーザーニーズと課題を整理し、フィードバックを募集している。

On Joining Khan Academy Khan Academy入社にあたって

記事 海外
Marcy Sutton

Khan AcademyのシニアフロントエンドエンジニアであるMarcy Suttonが、ローカライゼーション対応、ブラウザズーム、一般的なアクセシビリティを含めた堅牢なUI構築に取り組む経験を述べた記事。

Why Figma Annotations Are Critical for a Shift-Left Accessibility Approach • DigitalA11Y シフトレフトなa11yにFigmaアノテーションが欠かせない理由

記事 海外
DigitalA11Y

デザイン段階でFigmaアノテーションにアクセシビリティ要件を組み込む「シフトレフト」アプローチを解説。手戻りを減らし、開発者への引き継ぎを改善する実践方法を紹介している。

How an accessibility designer adds keyboard shortcuts to a web app a11yデザイナーがWebアプリにキーボードショートカットを追加する方法

記事 海外
Eric Bailey

アクセシビリティデザイナーがWebアプリにキーボードショートカットを実装するアプローチを解説。ショートカット設計がアクセシビリティに与える影響を丁寧に考慮した実装方法を紹介している。

Barriers from Links with ARIA ARIAを使ったリンクによるバリア

記事 海外
Adrian Roselli

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

はてなブックマーク

スシローの店内呼び出しディスプレイが、矢印・数字・アイコンを多用しながらも情報が伝わらないと話題になった事例。認知負荷を高める装飾過多が視認性と理解容易性を損なう、典型的なUIデザインの失敗例だ。

Live Region Support ライブリージョンのサポート状況

記事 海外
Adrian Roselli

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エージェント向けの入出力設

Brief Note on Application Keyboard Shortcuts アプリケーションキーボードショートカットに関する覚書

記事 海外
Adrian Roselli

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

Accessibility is Personal アクセシビリティは個人的な問題だ

記事 海外
A11y Weekly

A weekly dose of web accessibility to help you bring it into your everyday work.

How To Dynamically Install Custom Elements カスタム要素を動的にインストールする方法

記事 海外
Heydon Pickering

Webアクセシビリティの第一人者Heydon Pickeringによる、カスタム要素(Web Components)を動的に読み込む再利用可能なパターン解説。アクセシブルなカスタム要素を効率よく組み込む実装手法を紹介している。

Fullscreen Video and Iframes Made Easy :: Aaron Gustafson フルスクリーン動画とiframeを手軽に実装する

記事 海外
Aaron Gustafson

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

My Use of ‘AI’ on this Site このサイトでの「AI」の活用方法

記事 海外
Adrian Roselli

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

はてなブックマーク

ぐるなびウエディングのリニューアルで実践したカレンダーコンポーネントのアクセシビリティ対応事例。キーボード操作への対応において、デザイナーと協力しながら行った細かな実装の工夫を解説している。

Common misconceptions about WCAG - TetraLogical WCAGに関するよくある誤解

記事 海外
TetraLogical

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名による

はてなブックマーク

この記事はHTアドベントカレンダー5日目の記事です。 はじめに 博報堂テクノロジーズでデータサイエンティストをしている髙橋です。データとテクノロジーを駆使してメディア・コンテンツを革新していくデータサイエンティスト集団であるAaaS Tech Lab に所属しています。 ...

Common misconceptions about disability - TetraLogical 障害に関するよくある誤解 — TetraLogical

記事 海外
TetraLogical

Disability is often misunderstood or misrepresented online and in mainstream media. In this post, we look at some common misconceptions surrounding disability.

はてなブックマーク

今日はねぇ、朝10時から塾の保護者会だったんです。 さすがにもうね、次男の中学受験まであと2ヶ月なんで、土曜の朝からかったるいですけどサボらず行きます。 国語、算数、社会、理科の先生からそれぞれ一人30分ずつ、 ●あと2ヶ月をどう過ごすか、その心構え ●塾ではこういうふうに仕上げていきます ●保護者の皆さんにはこういうサポートをお願いします といったお話がありました。 でね、どの教科の先生

RGAA Compliance Guide to French Digital Accessibility Standards • DigitalA11Y フランスのデジタルアクセシビリティ基準RGAAコンプライアンスガイド

記事 海外
DigitalA11Y

フランスのデジタルアクセシビリティ基準「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」という機能を、本来とは違う目的で使ってる人をちょくちょく見かける。 例えば: ポストできる文字数に収まらないから続きを書く 検索に引っかからないように、隠しメッセージを書く 「見たい人だけ読んでね」っていう、ちょっとした裏話を

India's OTT Accessibility Revolution: New Guidelines to Make Streaming Inclusive for Everyone • DigitalA11Y インドのOTTアクセシビリティ新ガイドライン

記事 海外
DigitalA11Y

インドのOTTプラットフォーム向けアクセシビリティ新ガイドラインを解説した記事。聴覚・視覚障害を持つ視聴者のために字幕、音声解説、手話通訳などの機能が義務付けられ、ストリーミングサービスの包括化に向けた動きを紹介している。

WCAG 2.2 Approved as an ISO Standard WCAG 2.2 がISO国際規格として承認

記事 海外
W3C WAI

WCAG 2.2が国際標準化機構(ISO)の規格「ISO/IEC 40500:2025」として正式承認されたことを伝えるW3C WAIの記事。より多くの国でWCAG 2.2が法的・制度的に採用されやすくなる。

Guide to the Inclusive Design Principles - TetraLogical インクルーシブデザイン原則ガイド — TetraLogical

記事 海外
TetraLogical

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

Meet the team: Ian Lloyd - TetraLogical チーム紹介:Ian Lloyd - TetraLogical

記事 海外
TetraLogical

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

For Review: WCAG 3 Working Draft - September 2025 レビュー募集:WCAG 3 ワーキングドラフト(2025年9月版)

記事 海外
W3C WAI

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

はてなブックマーク

2024年4月から事業者にも義務化された「合理的配慮」について、障害者差別解消法の改正ポイントと職場・学校・店舗などでの具体的な事例をわかりやすく解説。当事者の困りごとと社会的障壁の関係から、対話によるインクルーシブな社会実現のヒントを探る。

WCAG2ICT — W3C Group Note updated to coordinate with EN 301 549 WCAG2ICT — EN 301 549 との整合を図ったW3Cグループノート更新

記事 海外
W3C WAI

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 ‘

CSS-only scrollspy effect using scroll-marker-group and :target-current scroll-marker-groupと:target-currentを使ったCSSのみのスクロールスパイ効果

記事 海外
Sara Soueidan

CSS Overflow Module Level 5の新しいプロパティを活用したJavaScriptなしのスクロールスパイ実装ガイド。aria-current属性を用いてWCAG 1.3.1に準拠した、スクリーンリーダーユーザー対応のアクセシブルなナビゲーション効果を実現する方法を解説。

CSS-only scrollspy effect using scroll-marker-group and :target-current scroll-marker-groupと:target-currentを使ったCSSのみのスクロールスパイ効果

記事 海外
Sara Soueidan

CSS Overflow Module Level 5の`scroll-target-group`と`:target-current`を使ってJavaScriptなしでスクロールスパイ効果を実装する方法。スクリーンリーダー対応に`aria-current`属性の自動付与が必要であることを指摘し、WCAG基準との関連を論述。

X(Twitter)

Vue / Nuxtアプリケーションにおけるアクセシビリティのベストプラクティスを解説した記事。セマンティックHTML、ARIAラベル、キーボード操作、カラーコントラストなど実装レベルの具体的な指針を紹介している。

Advancing Digital Accessibility with W3C WAI — keynote recording available W3C WAI とともにデジタルアクセシビリティを前進させる — 基調講演の録画公開

記事 海外
W3C WAI

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

Quality is a trap 品質はトラップ

記事 海外
Eric Bailey

It is a proxy phrase, often born of an inability or unwillingness to articulate other concerns.

Learning Web Design, 6th Edition Learning Web Design 第6版

記事 海外
Aaron Gustafson

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

Tag, you're it - Tink - Léonie Watson タグ、あなたの番 - Tink - Léonie Watson

記事 海外
Léonie Watson

アクセシビリティの第一人者・視覚障害者であるLéonie Watsonのブログ運営について。デザインからコードへの実装プロセスと、支援者との協働によるウェブサイト構築の経験を述べたインタビュー記事。

Accessible Rickrolling アクセシブルなリックロール

記事 海外
Heydon Pickering

アクセシビリティにおける「同等性の原則」をリックロールを例にユーモラスに解説した記事。アクセシブルな代替手段は元のコンテンツと同等の体験(サプライズも含む)を提供すべきという考え方を示している。

Sticky pork belly slices - Tink - Léonie Watson とろとろ豚バラスライス - Tink - Léonie Watson

記事 海外
Léonie Watson

アクセシビリティ専門家Léonie Watsonの個人ブログで公開された、豚バラ肉の甘辛煮レシピ記事だ。

Skune: A hand drawn variable font Skune: 手描き風バリアブルフォント

記事 海外
Heydon Pickering

Skune is a variable font designed to have the jagged, frenetic appeal of lo-fi garage punk

Advertising? On my blog? ブログに広告?

記事 海外
Heydon Pickering

Addressing the elephant in the room: adverts appearing on my blog

The col element col要素

記事 海外
Heydon Pickering

An unofficial guide to the HTML col element

A Deep Dive into the Websites and Software Applications Accessibility Act of 2025 - Karl Groves 2025年ウェブサイトおよびソフトウェアアプリケーション・アクセシビリティ法の詳細解説 - Karl Groves

記事 海外
Karl Groves

米国で2025年5月に導入されたH.R. 3417『ウェブサイト・ソフトウェアアプリケーションアクセシビリティ法』について、雇用主・公開事業者・公共機関等を対象とした統一的なアクセシビリティ基準の確立を解説する記事。

A Deep Dive into the Websites and Software Applications Accessibility Act of 2025 - Karl Groves 2025年ウェブサイトおよびソフトウェアアプリケーション・アクセシビリティ法の詳細解説 - Karl Groves

記事 海外
Karl Groves

2025年にアメリカ下院に提出された『ウェブサイト及びソフトウェアアプリケーション アクセシビリティ法』(H.R. 3417)を詳解。雇用者・公的機関・商業提供者等を対象にアクセシビリティ基準の統一化を実現する歴史的立法。

How to build inclusive, human-centered automation with empathy and accessibility. | Sharon Steed posted on the topic | LinkedIn 共感とアクセシビリティを取り入れた、インクルーシブで人間中心の自動化の構築方法 | Sharon Steed — LinkedIn

記事 海外
Aaron Gustafson

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

The European Accessibility Act and B2B Software: What Internal Platforms Must Comply With - Karl Groves 欧州アクセシビリティ法とB2Bソフトウェア:社内プラットフォームが対応すべきこと — Karl Groves

記事 海外
Karl Groves

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

The code element code要素

記事 海外
Heydon Pickering

An unofficial guide to the HTML code element

The cite element cite要素

記事 海外
Heydon Pickering

An unofficial guide to the HTML cite element

The canvas element canvas要素

記事 海外
Heydon Pickering

An unofficial guide to the HTML canvas element

はてなブックマーク

市役所の通路に埋め込まれた点字ブロックがデザイン上目立たず、視覚障害者には機能せず一般利用者にも転倒の危険をもたらす状況。アクセシビリティとインクルーシブデザインの重要性を示唆する事例。

Tag, you’re it タグ、あなたの番

記事 海外
Eric Bailey

I guess I came up being blog-adjacent.

Popping preconceived popover ponderings | scottohara.me popoverに関する先入観を覆す考察 | scottohara.me

記事 海外
Scott O'Hara

HTMLの新しいpopover属性のアクセシビリティ実装上の課題と検証方法についての考察。W3C仕様策定過程で見えてきたキーボード操作やスクリーンリーダー対応のポイントについてアクセシビリティ専門家Scott O'Haraがまとめた記事。

X(Twitter)

障害者e-Sports企業ePARAがサウンドデザインに協力した「ストリートファイター6」が、CEDEC2024のサウンド部門で最優秀賞を受賞。障害のある当事者がゲーム開発に関わるインクルーシブな制作事例として注目を集めている。

はてなブックマーク

日本の選挙投票システムにおける自書主義の問題を論じた学術論文。視覚障害者の点字投票・代理投票と秘密投票の原則の葛藤、電子投票の意義、識字問題など、障害者のアクセシビリティの観点から日本の選挙制度を分析する。

Stanislav Petrov スタニスラフ・ペトロフ

記事 海外
Eric Bailey

We don’t live in a purely deterministic world of technology anymore.

WebAIM: Join the Discussion—From Your Inbox WebAIM:受信トレイから議論に参加しよう

記事 海外
WebAIM

WebAIMが運営するウェブアクセシビリティ専門のメールディスカッションリストへの参加案内ページだ。コミュニティの議論にメール経由で参加できる。

On Certification 認定資格について

記事 海外
Marcus Herrmann

Webアクセシビリティ認定資格制度の価値と役割について論じた記事。欧州アクセシビリティ法(EAA)の施行により、真の専門家要件を定義することの重要性を説き、IAAP WASBoKの策定を通じてアクセシビリティ専門家が備えるべき知識範囲を紹介している。

Slow cooker French onion soup with cheese toasts - Tink - Léonie Watson スロークッカーで作るフレンチオニオンスープとチーズトースト

記事 海外
Léonie Watson

アクセシビリティ専門家Léonie Watsonによる個人ブログに掲載された、スロークッカーを使ったフレンチオニオンスープのレシピ記事だ。

Congratulations on your tariffs - Karl Groves あなたの関税政策についておめでとう

記事 海外
Karl Groves

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,

Paragraphs | scottohara.me 段落 | scottohara.me

記事 海外
Scott O'Hara

HTMLにおける段落要素のセマンティクスについて、VoiceOver・NVDA・JAWSなど複数のスクリーンリーダーの実装テストに基づいて解説。ARIA paragraph ロールの実装上の必要性と、セマンティックなマークアップの実ユーザー体験への影響について考察した実践ガイド。

Spoiler Alert: it needs to be accessible | scottohara.me スポイラー警告:それはアクセシブルでなければならない | scottohara.me

記事 海外
Scott O'Hara

スポイラーコンポーネントのアクセシブルな実装について、WCAGとWAI-ARIAの観点から考察した技術記事であり、スクリーンリーダー利用者を考慮した設計例が示されている。

はてなブックマーク

新紙幣のフォント設計が視覚障害者など多様なユーザーを考慮した包括的デザインの実例を紹介。異なるフォントが視覚識別性向上に寄与しているアクセシビリティの観点から考察する記事。

What all of us should know about digital accessibility デジタルアクセシビリティについて私たちが知っておくべきこと

記事 海外
Sarah Horton

Sarah Hortonとのコラボレーションによる『What Every Engineer Should Know About Digital Accessibility』の紹介。デジタル製品開発に関わるすべてのエンジニアが知るべきアクセシビリティの基礎知識と実装方法を解説。障害当事者やアクセシビリティ専門家の知見が盛り込まれている。

Best intention barriers (ARIA edition) 善意の障壁(ARIA編)

記事 海外
Marcus Herrmann

良い意図で実装されながら新たなバリアを生むARIAの誤用パターン3例を分析し、aria-labelの誤用やrole属性の機能的誤解などを通じて正しい実装の重要性を指摘している。

Happy (?) belated new year 遅ればせながら、(?)明けましておめでとうございます

記事 海外
Marcus Herrmann

I know, I'm late for my 2023 blog …

The next chapter is a complete takeover - Karl Groves 次の章は完全な引き継ぎ

記事 海外
Karl Groves

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

The Ultimate Mobile Accessibility Resource Guide モバイルアクセシビリティ完全リソースガイド

記事 海外
X(Twitter)

iOS・Android両プラットフォームのモバイルアクセシビリティに関するドキュメント、ツール、学習資料を体系的にまとめた総合リソースガイドだ。

Use the dialog element (reasonably) | scottohara.me dialog要素を(適切に)使う

記事 海外
Scott O'Hara

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...

Focus on What Matters 重要なことへの集中

記事 海外
Marcy Sutton

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 Accessibility Values iOSアクセシビリティの値

記事 海外
Mobile A11y

iOS アプリケーションのアクセシビリティにおいて、スクリーンリーダーなどの支援技術に値(value)を正しく伝える実装方法を解説。SwiftUI と UIKit における accessibilityValue の活用パターンを紹介。

Farewell, 2021 さよなら、2021年

記事 海外
Marcus Herrmann

No big or structured retrospective post …

iOS Custom Accessibility Actions iOSカスタムアクセシビリティアクション

記事 海外
Mobile A11y

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.

How Do I Get My App an Accessibility Audit? アプリのアクセシビリティ監査を受けるには?

記事 海外
Mobile A11y

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?

Not it! A game of accessibility hide-and-seek with technology vendors 私じゃない!テクノロジーベンダーとのアクセシビリティかくれんぼゲーム

記事 海外
Sarah Horton

テクノロジーベンダーと顧客の協力関係によってアクセシビリティが実現されるべきとの主張を展開し、障害者のニーズに応える責任をベンダーが積極的に担う必要性を論じている。

Not it! A game of accessibility hide-and-seek with technology vendors 私じゃない!テクノロジーベンダーとのアクセシビリティかくれんぼゲーム

記事 海外
Sarah Horton

テクノロジーベンダーのアクセシビリティに対する責任性について論じた記事。真のアクセシビリティは企業と顧客間の継続的なパートナーシップであるべきだが、一部のベンダーが障害者のためのアクセシビリティ確保における責任を十分に果たしていない現状を指摘している。

Quick Win - Support Landscape Quick Win - 横向き表示対応

記事 海外
Mobile A11y

Landscape orientation is enabled by default when you start a new app, so don't take this accessibility feature away from your users.

Math is hard. People with disabilities matter 数学は難しい。障害のある人々は大切にされるべきだ

記事 海外
Sarah Horton

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…

Layers レイヤー

記事 海外
Sarah Horton

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…

How to use Element and Matrix with a screen reader - Marco's Accessibility Blog スクリーンリーダーでElementとMatrixを使う方法 - Marco's Accessibility Blog

記事 海外
Marco Zehe

視覚障害者向けに、分散型メッセージングクライアント「Element」をスクリーンリーダーで操作する方法を解説したブログ記事だ。WebおよびデスクトップアプリのUIと効率的なナビゲーション方法を紹介している。

iOS 14: Custom Accessibility Content iOS 14:カスタムアクセシビリティコンテンツ

記事 海外
Mobile A11y

A new accessibility feature for iOS 14 lets you provide all the information your customer could need while reducing noise.

Brainstorming Rules ブレインストーミングのルール

記事 海外
Sarah Horton

Much-needed tools for meaningful discussions, from the Design Thinking for Educators Toolkit, by Riverdale Country School and IDEO.

Remote Work and Van Life リモートワークとバンライフ

記事 海外
Marcy Sutton

Senior Web Developer and Accessibility Advocate

Radio buttons define us. Let’s make better tech ラジオボタンが私たちを定義する。より良いテクノロジーを作ろう

記事 海外
Sarah Horton

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…

Organizations, accessibility, and change 組織、アクセシビリティ、そして変革

記事 海外
Sarah Horton

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…