- Web
- https://w0s.jp/
- Bluesky
- https://bsky.app/profile/w0s.jp
Web / HTML / Accessibility / 東急電車 / 久米田康治作品
趣味の投稿（鉄道、久米田作品）は主に Bluesky でやっています。
2022年 11月 に登録
今日もまた「ルパンは燃えているか……?!」を観てしまった。全銀河最高のアニメだ。
こういう、UA スタイルシートだけではダメなやつ、ごく稀にあるけれどそういうのまとめたものないかな
（今さらな話だけれど）基本的に Web サイトは UA スタイルシートそのままで最低限の閲覧・操作ができるものだけれど、<pre> 要素内に長い行があると印刷で末尾が切れてしまう。
印刷設定でどうにかできそうもないし、こればかりは制作者スタイルシートで white-space: pre-wrap にするなどの配慮が事実上必須な気がする。
w0s.jp の Web 技術 https://w0s.jp/technology
この1年で環境周りがだいぶ変わったので更新。細かすぎる記述や具体的なコードは削減して、考え方や背景の記述を少し増やした。
公式ヘルプに「Vivaldi フィードリーダー フィードの自動検出」なる動画があったけれど、<link> と <a> の違い云々までは踏み込んでいなかった。
https://help.vivaldi.com/ja/tutorials-ja/mail-calendar-feeds-ja/vivaldi-フィードリーダー-フィードの自動検出/
実際の使い勝手どうなんだろう。Vivaldi ユーザーの声を聞いてみたい。
正確には
application/atom+xml
↓
application/atom+xml または application/rss+xml
あー、でも <link rel="alternate" type="application/atom+xml" /> の title 属性値と <a type="application/atom+xml"> のコンテンツ文字列に違いがあると、リンク先が同じでも2つのフィードがあるかのような表示になってしまうので微妙ではあるなあ。
あと HTML 仕様では <a type="application/atom+xml"> はフィードの自動検出に利用されないとあるので、そういう観点ではあまりよくないのかもしれない。
Vivaldi、<link rel="alternate" type="application/atom+xml"/> がなくても <body> 内に <a type="application/rss+xml"> があればアドレスバーにフィードアイコンを表示してくれるのか。
Presto Opera 時代に数少ない不満だった点が1x年の時を経て改善されていてすばらしい。
ダークモード / ライトモードを任意で切り替える | Accessible & Usable https://accessible-usable.net/2024/06/entry_240621.html
「デバイス設定を適用」（リセットボタン）は興味深いアイデアではあるものの、「押しても何も変化しない」ことがあり得るのでユーザーによっては混乱しそうな。
まあでもよく分からなければ単に無視するだけだろうし、隣の「ダークモード」「ライトモード」のどちらかを押せば必ず切り替わるので、些末な問題だとは思いますが。
デジタル庁のサイト、2022年11月2日改訂のプライバシーポリシーにて「利用者は、利用するブラウザの設定から、クッキーを無効化することや、……ができます」の文言が追加されたのに対し、実際に Cookie 無効で閲覧すると YouTube 動画の埋め込みが再生できない不具合が長く続いていたが、最近になって youtube-nocookie.com のドメインに変更したようで、ようやく Cookie 無効環境でも河野大臣の動画を再生できるようになった。
それは良いとして、リーダーモードなど引き続き動画再生できない環境は存在するので、小手先の対応（埋め込みドメインの変更）ではなく本質的な対策をすべき。
<iframe> はフレームなのだから、フレームの特性を理解し、フレームの内容にアクセスできない場合の代替情報を提示したマークアップをして欲しい。
iOS のボタンのデフォルトスタイル、<button type="submit|button|reset"> と <input type="button|reset"> は同じで、<input type="submit"> だけが異なるの、未だに謎
textarea - no announcement of maxlength · Issue #300 · FreedomScientific/standards-support https://github.com/FreedomScientific/standards-support/issues/300
maxlength 属性なんて枯れた技術かと思いきや、ブラウザはまだアクセシビリティツリーに公開していなかったのか。
Github Topics の件数
- eslint-config: 1631
- tsconfig: 328
- stylelint-config: 267
- markuplint-config 2
Markuplint ユーザーもっと共有して（他の人の config 見たい）
HTML は制作者とユーザーの約束だと思うんですよ。
ここは見出しだから <hn> でマークアップする。ユーザーは <hn> を見てそれが見出しだと解釈する。
しかしたいていの場合、ソースコードを目視で見るのではなくブラウザがその作業を代行する。
ユーザーはブラウザを信用するから代行できる（もし信用できないのであればソースコードを目視で確認するしかない）。
つまりブラウザはユーザーからの信用を得ている。
だからこそ制作者もユーザーの信用を得たブラウザ（の挙動）を尊重しなければならないし、尊重しないのはユーザーを尊重していないことにも繋がると思う。
たとえブラウザの挙動が制作者の気に入らないものであっても、それはユーザーの信頼を得ての挙動なんだから、尊重しませんか。
好きにならなくても良いので尊重はしましょうよ。
変な独自解釈をせずに HTML 標準技術を使いませんか
@momdo 久米田先生最高ですね😂😂😂
ふと自分が初めて買った HTML 本を読み返したくなり、地元図書館で調べたらなんと貸し出し中。24年前の本やぞ……いや自分と同じで郷愁で借りているのだと思いたい。
ああ、そうか、navigation: auto は prefers-reduced-motion では無効にする方がよいのか……な?
- Web
- https://w0s.jp/
- Bluesky
- https://bsky.app/profile/w0s.jp
Web / HTML / Accessibility / 東急電車 / 久米田康治作品
趣味の投稿（鉄道、久米田作品）は主に Bluesky でやっています。
2022年 11月 に登録
