新しいものを表示

Wayback Machine がいまアレなので、現れては消えゆく Web ページをただ眺めているしかなくやりきれない。

ブログ書いた。

『踊る!さんま御殿!!』に久米田先生が3度目の出演 blog.w0s.jp/725

スーパーのゆうちょATMを操作しようとしたら「預け入れ」表示がない…!後日、郵便局で尋ねたら「ありえません!」→実はATMの仕様だったことが判明 - Togetter [トゥギャッター] togetter.com/li/2457830

「ボタンのグレイアウトは特に老人が押せないと強く押して画面を割ることがあります。」
タッチデバイスが普及した昨今、Web でもこういうケースは考えなくてはならないのだろうか。破壊の実例は聞いたことないけれど、グレーな disabled ボタンを一生懸命押そうとしている人は稀によく見る。

花粉、ダメ、ゼッタイ(絶賛死亡中)

Understanding doc contradicts SC2.4.5 Multiple ways · Issue #1077 · w3c/wcag github.com/w3c/wcag/issues/107

達成基準 2.4.5 なにもわからないになってる

<!DOCTYPE html SYSTEM "about:legacy-compat">
を使うことになろうとは

6年ぶりに Amazon Kindle パブリッシング・ガイドラインを読んでいるけれど、基本的に昔と変わっておらず HTML4 + CSS2 レベルのマークアップが求められる模様。
<header> や <main> を使うと未定義要素扱いで OPF ファイルからの読み込みに失敗するし、:link は使えて :visited が使えないの永遠に謎だし……

樋口一葉の五千円札を受け取って、新札かと思ったら旧札で、記憶にある新渡戸稲造は20年前の2代前だったらしい。

ブログ書いた。

Edge の新しいページカラー設定と `background-color` や `border` 使用時のアクセシビリティ blog.w0s.jp/724

ファセットナビゲーションでのURLパラメータの推奨・非推奨 suzukikenichi.com/blog/google-

URL 内の & 記号は、例えば <a href="xxx?dollar=1&yen;=152"></a> と書くと xxx?dollar=1¥=152 と認識されてしまうリスクがあるので、HTML4 時代は & だけでなく ; もサポートするよう仕様で推奨されていたくらいですが……。
今どきはフレームワークが自動で &amp; にしてくれるので変換忘れの対策など考慮する必要ないんですかね。

ファセットナビゲーションでのURLパラメータの推奨・非推奨 suzukikenichi.com/blog/google-

URL 内の & 記号は、例えば <a href="xxx?dollar=1&yen;=152"></a> と書くと xxx?dollar=1¥=152 と認識されてしまうリスクがあるので、HTML4 時代は & だけでなく ; もサポートするよう仕様で推奨されていたくらいですが……。
今どきはフレームワークが自動で &amp; にしてくれるので変換忘れの対策など考慮する必要ないんですかね。

ファセットナビゲーションでのURLパラメータの推奨・非推奨 suzukikenichi.com/blog/google-

パラメーター区切りの & 記号は、例えば <a href="xxx?dollar=1&yen;=152"></a> と書くと xxx?dollar=1¥=152 と認識されてしまうリスクがあるので、HTML4 時代は & だけでなく ; もサポートするよう仕様で推奨されていたくらいですが……。

Edge、画像をマウスオーバーすると右上にアイコンが表示されて画像検索に飛べるんですね。これも知らなかったな。

Customize page colors & scrollbars in Edge to improve browsing & accessibility - Microsoft Edge Blog blogs.windows.com/msedgedev/20

Edge に導入されたというこの機能、設定すると背景色が消えますね。
背景色だけで他と区別をしているコンポーネントでは、印刷時にも区別が付くよう background-color と同色の border を設定するテクニックがありますが、それはこういうときにも有用。
一方で border-color: transparent を設定している箇所の枠線が強制表示されてしまう。display: table の行列間隔を延ばす目的で table-cell な要素に transparent な border を設定するテクニックをやっていると可視化されてしまう……。

Firefox と Brave と Vivaldi のいいところだけを集めた最強ブラウザ欲しい

Firefox と Edge, Brave はブラウザ終了時に Cookie など閲覧データを自動削除する機能があるけれど、Chrome, Vivaldi はないっぽい。
Vivaldi は閲覧履歴の保存をセッションのみに制限することはできるけれど、これは :any-link:visited が完全に無効になるようなもので、やりたいこととちょっと違うし Cookie は消えない。

久しぶりに Vivaldi 立ち上げたら……タブの border-radius 強すぎでは

広尾のローマ字表記、駅名は Hiro-o で交差点は Hiroo

あっ、<cite> 要素が使われている(謎)

JavaScript無効時のコンポーネントの動作とアクセシビリティに関する考え - Qiita qiita.com/shamokit/items/24d9c

> しかし、実際はJSが無効になっていれば動きません。
> 「あれ?動かないぞ」となってしまったらユーザーは混乱しますし、いい印象は受けないはずです。

当該記事にコメントもしたけれど、ブラウザの設定をサイトが壊れる方向に意図的に変更しているユーザーの感情って誤解されがちなのかなあ。
少なくとも私は「動かないボタン」に遭遇しても、というかめちゃ遭遇しますが、それを理由に混乱したり悪い印象を持ったりすることはないです。
「なぜわざわざブラウザの設定を変えるのか」は理解されにくいと思うんですが、「動作しないページに遭遇したらどう思うのか」は誰でも簡単に体験できることなのだから、その感情面にまで言及するのならせめて1週間程度実際にスクリプト無効にして生活してみてほしいです。

古いものを表示
Fedibird

様々な目的に使える、日本の汎用マストドンサーバーです。安定した利用環境と、多数の独自機能を提供しています。