トミー
@saekitominaga.fedibird.com.ap.brid.gy
Web / HTML / Accessibility / 東急電車 / 久米田康治作品
#searchable_by_all_users
🌉 bridged from https://fedibird.com/@SaekiTominaga on the fediverse by https://fed.brid.gy/
#searchable_by_all_users
🌉 bridged from https://fedibird.com/@SaekiTominaga on the fediverse by https://fed.brid.gy/
Chrome の DevTools を開いた状態で localhost にアクセスすると自動的に /.well-known/appspecific/com.chrome.devtools.json へのリクエストが飛ぶようになっていた。
何かと思ったら Automatic Workspace Folders なる機能が最近追加されていたらしい。 https://chromium.googlesource.com/devtools/devtools-frontend/+/main/docs/ecosystem/automatic_workspace_folders.md
何かと思ったら Automatic Workspace Folders なる機能が最近追加されていたらしい。 https://chromium.googlesource.com/devtools/devtools-frontend/+/main/docs/ecosystem/automatic_workspace_folders.md
Chromium DevTools Ecosystem Guide - Automatic Workspace Folders
chromium.googlesource.com
December 30, 2025 at 2:12 PM
Chrome の DevTools を開いた状態で localhost にアクセスすると自動的に /.well-known/appspecific/com.chrome.devtools.json へのリクエストが飛ぶようになっていた。
何かと思ったら Automatic Workspace Folders なる機能が最近追加されていたらしい。 https://chromium.googlesource.com/devtools/devtools-frontend/+/main/docs/ecosystem/automatic_workspace_folders.md
何かと思ったら Automatic Workspace Folders なる機能が最近追加されていたらしい。 https://chromium.googlesource.com/devtools/devtools-frontend/+/main/docs/ecosystem/automatic_workspace_folders.md
右 Shift キーを押した瞬間に頭が考え中モードに入ってしまい、離すのも面倒だから押したままにしていたら8秒後になんか出た（Windows）
December 30, 2025 at 12:58 PM
右 Shift キーを押した瞬間に頭が考え中モードに入ってしまい、離すのも面倒だから押したままにしていたら8秒後になんか出た（Windows）
Does Chrome get the header element wrong? - Max Design https://www.maxdesign.com.au/articles/header.html
sectionheader role って、実際に使われ出したら sectionhead と混同される例が多発しそう。
……と思ったけれど と が両立しているくらいなので大丈夫かな。これも HTML5 策定時は絶対混乱するだろと思っていたけれど。
sectionheader role って、実際に使われ出したら sectionhead と混同される例が多発しそう。
……と思ったけれど と
Does Chrome get the header element wrong? - Max Design
If a header sits inside another landmark, it should be defined as generic, but Chrome defines it as sectionHeading - is this wrong?
www.maxdesign.com.au
December 27, 2025 at 12:42 AM
Does Chrome get the header element wrong? - Max Design https://www.maxdesign.com.au/articles/header.html
sectionheader role って、実際に使われ出したら sectionhead と混同される例が多発しそう。
……と思ったけれど と が両立しているくらいなので大丈夫かな。これも HTML5 策定時は絶対混乱するだろと思っていたけれど。
sectionheader role って、実際に使われ出したら sectionhead と混同される例が多発しそう。
……と思ったけれど と
WCAG Understanding SC 1.4.1 で追加される予定のリンク文字色の事例👉https://deploy-preview-3717--wcag2.netlify.app/understanding/use-of-color#focus-on-links
元の PR はこちら👉https://github.com/w3c/wcag/pull/3717
SC 1.4.1 の輝度差に関するコントラスト比は、SC 1.4.3 での前景色と背景色とのコントラスト比と比べてあまり注目されていないように思えるが【要出典】、この追記によって周知が進むだろうか。まーしかし難しい(笑)
元の PR はこちら👉https://github.com/w3c/wcag/pull/3717
SC 1.4.1 の輝度差に関するコントラスト比は、SC 1.4.3 での前景色と背景色とのコントラスト比と比べてあまり注目されていないように思えるが【要出典】、この追記によって周知が進むだろうか。まーしかし難しい(笑)
1.4.1 Use of color: adding examples to understanding text by detlevhfischer · Pull Request #3717 · w3c/wcag
Adding two examples for using color in focusing elements with the keyboard, one for links that have an additional underline, and one for buttons where the background color changes and focused and u...
github.com
December 26, 2025 at 3:08 AM
WCAG Understanding SC 1.4.1 で追加される予定のリンク文字色の事例👉https://deploy-preview-3717--wcag2.netlify.app/understanding/use-of-color#focus-on-links
元の PR はこちら👉https://github.com/w3c/wcag/pull/3717
SC 1.4.1 の輝度差に関するコントラスト比は、SC 1.4.3 での前景色と背景色とのコントラスト比と比べてあまり注目されていないように思えるが【要出典】、この追記によって周知が進むだろうか。まーしかし難しい(笑)
元の PR はこちら👉https://github.com/w3c/wcag/pull/3717
SC 1.4.1 の輝度差に関するコントラスト比は、SC 1.4.3 での前景色と背景色とのコントラスト比と比べてあまり注目されていないように思えるが【要出典】、この追記によって周知が進むだろうか。まーしかし難しい(笑)
For the Love of
- HTMHell https://www.htmhell.dev/adventcalendar/2025/23/
排他的アコーディオンのアクセシビリティの問題で、印刷時の処理はどう決着したのかとブラウザの挙動を見てみたら、Firefox: 強制展開する、Chrome: 強制展開せずだった。
Open UI では言及があったものの、HTML 仕様に name 属性が取り込まれた時には記述なし、というところまでは追っていたけれど、その後議論があったのかしら。
排他的アコーディオンのアクセシビリティの問題で、印刷時の処理はどう決着したのかとブラウザの挙動を見てみたら、Firefox: 強制展開する、Chrome: 強制展開せずだった。
Open UI では言及があったものの、HTML 仕様に name 属性が取り込まれた時には記述なし、というところまでは追っていたけれど、その後議論があったのかしら。
For the Love of <details> - HTMHell
A collection of bad practices in HTML, copied from real websites.
www.htmhell.dev
December 25, 2025 at 12:53 AM
For the Love of
- HTMHell https://www.htmhell.dev/adventcalendar/2025/23/
排他的アコーディオンのアクセシビリティの問題で、印刷時の処理はどう決着したのかとブラウザの挙動を見てみたら、Firefox: 強制展開する、Chrome: 強制展開せずだった。
Open UI では言及があったものの、HTML 仕様に name 属性が取り込まれた時には記述なし、というところまでは追っていたけれど、その後議論があったのかしら。
排他的アコーディオンのアクセシビリティの問題で、印刷時の処理はどう決着したのかとブラウザの挙動を見てみたら、Firefox: 強制展開する、Chrome: 強制展開せずだった。
Open UI では言及があったものの、HTML 仕様に name 属性が取り込まれた時には記述なし、というところまでは追っていたけれど、その後議論があったのかしら。
December 24, 2025 at 9:43 AM
Web 標準動向 2025年12月版 https://zenn.dev/cybozu_frontend/articles/web_standards_trends_202512
aria-focus-combine の提案、これを HTML 属性として個々に付けるのは厳しい……と思ったけれど、Issue の議論を読むと Apple の中の人に iOS VoiceOver のバグと認識されていて、Web ページ側での対応は必要なくなりそうな予感。
aria-focus-combine の提案、これを HTML 属性として個々に付けるのは厳しい……と思ったけれど、Issue の議論を読むと Apple の中の人に iOS VoiceOver のバグと認識されていて、Web ページ側での対応は必要なくなりそうな予感。
Web 標準動向 2025年12月版
zenn.dev
December 24, 2025 at 9:42 AM
Web 標準動向 2025年12月版 https://zenn.dev/cybozu_frontend/articles/web_standards_trends_202512
aria-focus-combine の提案、これを HTML 属性として個々に付けるのは厳しい……と思ったけれど、Issue の議論を読むと Apple の中の人に iOS VoiceOver のバグと認識されていて、Web ページ側での対応は必要なくなりそうな予感。
aria-focus-combine の提案、これを HTML 属性として個々に付けるのは厳しい……と思ったけれど、Issue の議論を読むと Apple の中の人に iOS VoiceOver のバグと認識されていて、Web ページ側での対応は必要なくなりそうな予感。
これいつの間にか直ってた。Elon Musk はじめて見直した（見直してない）。 https://x.com/search?q="高度な検索" "3月" filter:images&src=typed_query&f=live
December 23, 2025 at 3:54 AM
これいつの間にか直ってた。Elon Musk はじめて見直した（見直してない）。 https://x.com/search?q="高度な検索" "3月" filter:images&src=typed_query&f=live
WebAIM: 2026 Predictions: The Next Big Shifts in Web Accessibility https://webaim.org/blog/2026-predictions/
> Users increasingly rely on system and browser preferences,
同意。続く文章で「increasingly anticipate and respect user preferences across environments」と書かれているけれど、ほんそれ。 […]
> Users increasingly rely on system and browser preferences,
同意。続く文章で「increasingly anticipate and respect user preferences across environments」と書かれているけれど、ほんそれ。 […]
Original post on fedibird.com
fedibird.com
December 23, 2025 at 2:45 AM
WebAIM: 2026 Predictions: The Next Big Shifts in Web Accessibility https://webaim.org/blog/2026-predictions/
> Users increasingly rely on system and browser preferences,
同意。続く文章で「increasingly anticipate and respect user preferences across environments」と書かれているけれど、ほんそれ。 […]
> Users increasingly rely on system and browser preferences,
同意。続く文章で「increasingly anticipate and respect user preferences across environments」と書かれているけれど、ほんそれ。 […]
自分だったら「とんがり帽子の取水塔」の情報は含めるけれどね。
December 20, 2025 at 10:18 AM
自分だったら「とんがり帽子の取水塔」の情報は含めるけれどね。
アニメ「新こちら葛飾区亀有公園前派出所」公式サイト https://kochikame-anime.com/
正しい代替テキストの使い方だ。アニメのキービジュアルでこれができているサイトは多くないので（というか皆無）、良い事例として覚えておきたい。
正しい代替テキストの使い方だ。アニメのキービジュアルでこれができているサイトは多くないので（というか皆無）、良い事例として覚えておきたい。
アニメ「新こちら葛飾区亀有公園前派出所」公式サイト
連載開始50周年記念「こちら葛飾区亀有公園前派出所」新アニメプロジェクト始動！
kochikame-anime.com
December 20, 2025 at 10:18 AM
アニメ「新こちら葛飾区亀有公園前派出所」公式サイト https://kochikame-anime.com/
正しい代替テキストの使い方だ。アニメのキービジュアルでこれができているサイトは多くないので（というか皆無）、良い事例として覚えておきたい。
正しい代替テキストの使い方だ。アニメのキービジュアルでこれができているサイトは多くないので（というか皆無）、良い事例として覚えておきたい。
iOS Firefox の「ウェブサイトのダークモード」機能はクセがあって見にくいサイトも多いので、Vivaldi をインストールして「すべてのウェブサイトにダークテーマを強制適用」を設定してみた。
こちらはこちらで Firefox とは別のクセがあるので、閲覧するサイトによって使い分ける必要がありそう。
とりあえず自分のブログがとんでもないことになっているのだけれど、何が悪いのか分からない。
こちらはこちらで Firefox とは別のクセがあるので、閲覧するサイトによって使い分ける必要がありそう。
とりあえず自分のブログがとんでもないことになっているのだけれど、何が悪いのか分からない。
December 20, 2025 at 5:56 AM
iOS Firefox の「ウェブサイトのダークモード」機能はクセがあって見にくいサイトも多いので、Vivaldi をインストールして「すべてのウェブサイトにダークテーマを強制適用」を設定してみた。
こちらはこちらで Firefox とは別のクセがあるので、閲覧するサイトによって使い分ける必要がありそう。
とりあえず自分のブログがとんでもないことになっているのだけれど、何が悪いのか分からない。
こちらはこちらで Firefox とは別のクセがあるので、閲覧するサイトによって使い分ける必要がありそう。
とりあえず自分のブログがとんでもないことになっているのだけれど、何が悪いのか分からない。
勘違いされやすい HTML 属性三銃士を連れてきたよ。
勘違いされやすい HTML 属性三銃士?
人間が見るものと思われていない <link title>。うっす、よろしく。（Firefox だと目に見える形でメニューに表示されるんだよ）
アクセシビリティ初心者がやりがちな <section aria-labeledby>。よっす、どうも。（付ければいいってものじゃないよ、ランドマークを理解してから必要な箇所に限って使ってね）
コピペで済まされがちな <iframe title>。がんばります、よろしく。（YouTube の埋め込みコードをコピーする際は title="YouTu […]
勘違いされやすい HTML 属性三銃士?
人間が見るものと思われていない <link title>。うっす、よろしく。（Firefox だと目に見える形でメニューに表示されるんだよ）
アクセシビリティ初心者がやりがちな <section aria-labeledby>。よっす、どうも。（付ければいいってものじゃないよ、ランドマークを理解してから必要な箇所に限って使ってね）
コピペで済まされがちな <iframe title>。がんばります、よろしく。（YouTube の埋め込みコードをコピーする際は title="YouTu […]
Original post on fedibird.com
fedibird.com
December 18, 2025 at 9:02 AM
勘違いされやすい HTML 属性三銃士を連れてきたよ。
勘違いされやすい HTML 属性三銃士?
人間が見るものと思われていない <link title>。うっす、よろしく。（Firefox だと目に見える形でメニューに表示されるんだよ）
アクセシビリティ初心者がやりがちな <section aria-labeledby>。よっす、どうも。（付ければいいってものじゃないよ、ランドマークを理解してから必要な箇所に限って使ってね）
コピペで済まされがちな <iframe title>。がんばります、よろしく。（YouTube の埋め込みコードをコピーする際は title="YouTu […]
勘違いされやすい HTML 属性三銃士?
人間が見るものと思われていない <link title>。うっす、よろしく。（Firefox だと目に見える形でメニューに表示されるんだよ）
アクセシビリティ初心者がやりがちな <section aria-labeledby>。よっす、どうも。（付ければいいってものじゃないよ、ランドマークを理解してから必要な箇所に限って使ってね）
コピペで済まされがちな <iframe title>。がんばります、よろしく。（YouTube の埋め込みコードをコピーする際は title="YouTu […]
いやもうすぐ18年かよ……うそだろ https://www.w3.org/TR/2008/WD-html5-20080122/
December 15, 2025 at 12:22 PM
いやもうすぐ18年かよ……うそだろ https://www.w3.org/TR/2008/WD-html5-20080122/
WAI-ARIA 1.3 で datetime 属性相当のプロパティが本当に追加さればそうなる可能性はありそうですが、それを夢見てはや17年(?)が経ってしまいましたから……。
QT: https://m.yufushiro.dev/@yufushiro/115723502631588429 [参照]
QT: https://m.yufushiro.dev/@yufushiro/115723502631588429 [参照]
m.yufushiro.dev
December 15, 2025 at 12:21 PM
WAI-ARIA 1.3 で datetime 属性相当のプロパティが本当に追加さればそうなる可能性はありそうですが、それを夢見てはや17年(?)が経ってしまいましたから……。
QT: https://m.yufushiro.dev/@yufushiro/115723502631588429 [参照]
QT: https://m.yufushiro.dev/@yufushiro/115723502631588429 [参照]
The
The <time> element should actually do something
nolanlawson.com
December 15, 2025 at 1:33 AM
The
WebKit Features for Safari 26.2 | WebKit https://webkit.org/blog/17640/webkit-features-for-safari-26-2/
「To improve accessibility, off-screen radio buttons now automatically scroll into view when focused.」ってなんだろう。ラジオボタン限定?
「To improve accessibility, off-screen radio buttons now automatically scroll into view when focused.」ってなんだろう。ラジオボタン限定?
WebKit Features for Safari 26.2
Safari 26.2 is a big release.
webkit.org
December 13, 2025 at 3:34 AM
WebKit Features for Safari 26.2 | WebKit https://webkit.org/blog/17640/webkit-features-for-safari-26-2/
「To improve accessibility, off-screen radio buttons now automatically scroll into view when focused.」ってなんだろう。ラジオボタン限定?
「To improve accessibility, off-screen radio buttons now automatically scroll into view when focused.」ってなんだろう。ラジオボタン限定?
PC メモリの高騰、噂には聞いていたけれど予想以上に狂っていますね。夏に買い換えておいて良かった……。
December 12, 2025 at 2:03 AM
PC メモリの高騰、噂には聞いていたけれど予想以上に狂っていますね。夏に買い換えておいて良かった……。
Issue で怒られてヘコむわー。
そりゃ Deprecate しただけではすでにインストール済みのユーザーへは通知されないけれども、完全削除まで2年近く猶予期間は設けたわけだし、そもそもなんの対価も受け取っていない個人開発よ。突然使えなくなる可能性も含めて自己責任で使って欲しい。
そりゃ Deprecate しただけではすでにインストール済みのユーザーへは通知されないけれども、完全削除まで2年近く猶予期間は設けたわけだし、そもそもなんの対価も受け取っていない個人開発よ。突然使えなくなる可能性も含めて自己責任で使って欲しい。
December 11, 2025 at 1:00 PM
Issue で怒られてヘコむわー。
そりゃ Deprecate しただけではすでにインストール済みのユーザーへは通知されないけれども、完全削除まで2年近く猶予期間は設けたわけだし、そもそもなんの対価も受け取っていない個人開発よ。突然使えなくなる可能性も含めて自己責任で使って欲しい。
そりゃ Deprecate しただけではすでにインストール済みのユーザーへは通知されないけれども、完全削除まで2年近く猶予期間は設けたわけだし、そもそもなんの対価も受け取っていない個人開発よ。突然使えなくなる可能性も含めて自己責任で使って欲しい。
パンくずリストを一般ユーザーにどう伝えるか｜たるたる https://note.com/tarutaruio/n/n43d38ccef6c5
パンくずナビに限らず、外国語の表現をそのまま直訳して良いとは限らないですよね。
パンくずナビに限らず、外国語の表現をそのまま直訳して良いとは限らないですよね。
パンくずリストを一般ユーザーにどう伝えるか｜たるたる
皆さんは「パンくずリスト」をご存知ですか？ そうです。Webページの上の方（もしくは下の方）によくあるアレです。Webに関わる私たちは、普段から「パンくずリスト」というフレーズをよく見聞きし使っているかと思います。 しかし、改めてそのネーミングに着目してみてほしいのですが、UIの名称として「パンのくず」ってなんか不思議だと思いませんか？（別に、見た目がパンのくずに似ているわけでもありませんし…） 今回は、そのパンくずリストの呼び方（というか伝え方）について少し考えてみようと思います。 パンくずリストの由来 パンくずリストという名前は、もちろん食べ物としてのパンのくずから来てい
note.com
December 11, 2025 at 8:57 AM
パンくずリストを一般ユーザーにどう伝えるか｜たるたる https://note.com/tarutaruio/n/n43d38ccef6c5
パンくずナビに限らず、外国語の表現をそのまま直訳して良いとは限らないですよね。
パンくずナビに限らず、外国語の表現をそのまま直訳して良いとは限らないですよね。
毎日使っていて4か月近く気付かなかったし、1秒間も長押しするくらいなら普通にクリックする
December 10, 2025 at 5:24 AM
毎日使っていて4か月近く気付かなかったし、1秒間も長押しするくらいなら普通にクリックする
Firefox、いつの間にかリンク長押しでプレビューする機能が付いていた（8月の v142 かららしい）
December 10, 2025 at 5:23 AM
Firefox、いつの間にかリンク長押しでプレビューする機能が付いていた（8月の v142 かららしい）
もう DuckDuckGo の検索結果に出るようになっている。反映早いなあ。
December 9, 2025 at 10:46 PM
もう DuckDuckGo の検索結果に出るようになっている。反映早いなあ。