ブログ書いた。
『踊る!さんま御殿!!』に久米田先生が3度目の出演 https://blog.w0s.jp/725
スーパーのゆうちょATMを操作しようとしたら「預け入れ」表示がない…!後日、郵便局で尋ねたら「ありえません!」→実はATMの仕様だったことが判明 - Togetter [トゥギャッター] https://togetter.com/li/2457830
「ボタンのグレイアウトは特に老人が押せないと強く押して画面を割ることがあります。」
タッチデバイスが普及した昨今、Web でもこういうケースは考えなくてはならないのだろうか。破壊の実例は聞いたことないけれど、グレーな disabled ボタンを一生懸命押そうとしている人は稀によく見る。
Understanding doc contradicts SC2.4.5 Multiple ways · Issue #1077 · w3c/wcag https://github.com/w3c/wcag/issues/1077
達成基準 2.4.5 なにもわからないになってる
<!DOCTYPE html SYSTEM "about:legacy-compat">
を使うことになろうとは
ブログ書いた。
Edge の新しいページカラー設定と `background-color` や `border` 使用時のアクセシビリティ https://blog.w0s.jp/724
ファセットナビゲーションでのURLパラメータの推奨・非推奨 https://www.suzukikenichi.com/blog/google-clarifies-search-engine-friendly-and-unfriendly-url-parameters/
URL 内の & 記号は、例えば <a href="xxx?dollar=1¥=152"></a> と書くと xxx?dollar=1¥=152 と認識されてしまうリスクがあるので、HTML4 時代は & だけでなく ; もサポートするよう仕様で推奨されていたくらいですが……。
今どきはフレームワークが自動で & にしてくれるので変換忘れの対策など考慮する必要ないんですかね。
ファセットナビゲーションでのURLパラメータの推奨・非推奨 https://www.suzukikenichi.com/blog/google-clarifies-search-engine-friendly-and-unfriendly-url-parameters/
URL 内の & 記号は、例えば <a href="xxx?dollar=1¥=152"></a> と書くと xxx?dollar=1¥=152 と認識されてしまうリスクがあるので、HTML4 時代は & だけでなく ; もサポートするよう仕様で推奨されていたくらいですが……。
今どきはフレームワークが自動で & にしてくれるので変換忘れの対策など考慮する必要ないんですかね。
ファセットナビゲーションでのURLパラメータの推奨・非推奨 https://www.suzukikenichi.com/blog/google-clarifies-search-engine-friendly-and-unfriendly-url-parameters/
パラメーター区切りの & 記号は、例えば <a href="xxx?dollar=1¥=152"></a> と書くと xxx?dollar=1¥=152 と認識されてしまうリスクがあるので、HTML4 時代は & だけでなく ; もサポートするよう仕様で推奨されていたくらいですが……。
Customize page colors & scrollbars in Edge to improve browsing & accessibility - Microsoft Edge Blog https://blogs.windows.com/msedgedev/2024/10/24/customize-page-colors-and-scrollbars/
Edge に導入されたというこの機能、設定すると背景色が消えますね。
背景色だけで他と区別をしているコンポーネントでは、印刷時にも区別が付くよう background-color と同色の border を設定するテクニックがありますが、それはこういうときにも有用。
一方で border-color: transparent を設定している箇所の枠線が強制表示されてしまう。display: table の行列間隔を延ばす目的で table-cell な要素に transparent な border を設定するテクニックをやっていると可視化されてしまう……。
久しぶりに Vivaldi 立ち上げたら……タブの border-radius 強すぎでは
JavaScript無効時のコンポーネントの動作とアクセシビリティに関する考え #JavaScript - Qiita https://qiita.com/shamokit/items/24d9c74a1403037d4cb9
> しかし、実際はJSが無効になっていれば動きません。
> 「あれ?動かないぞ」となってしまったらユーザーは混乱しますし、いい印象は受けないはずです。
当該記事にコメントもしたけれど、ブラウザの設定をサイトが壊れる方向に意図的に変更しているユーザーの感情って誤解されがちなのかなあ。
少なくとも私は「動かないボタン」に遭遇しても、というかめちゃ遭遇しますが、それを理由に混乱したり悪い印象を持ったりすることはないです。
「なぜわざわざブラウザの設定を変えるのか」は理解されにくいと思うんですが、「動作しないページに遭遇したらどう思うのか」は誰でも簡単に体験できることなのだから、その感情面にまで言及するのならせめて1週間程度実際にスクリプト無効にして生活してみてほしいです。
Web / HTML / Accessibility / 東急電車 / 久米田康治作品
このアカウントは主に Web 関係の投稿用です。鉄道趣味や久米田作品は Bluesky でやっています。