「シネマトゥデイ」のサイトは YouTube 埋め込みのドメインが youtube-nocookie で、なおかつ <figcaption> でリンクを設定していて好感持てる。
Web アクセシビリティってのはこういうことなんですよ。
https://www.cinematoday.jp/news/N0145786
:lang() 疑似クラスなにも分かっていなかった。複数値指定や部分的なワイルドカード指定、空文字列指定ができたのか。 https://drafts.csswg.org/selectors/#lang-pseudo
ブログ書いた。
『踊る!さんま御殿!!』に久米田先生が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 を設定するテクニックをやっていると可視化されてしまう……。
Web / HTML / Accessibility / 東急電車 / 久米田康治作品
このアカウントは主に Web 関係の投稿用です。鉄道趣味や久米田作品は Bluesky でやっています。