デジタルウォレット認証と、使えない人のための代替経路
ウェブとウォレットが連携できても、利用者が本人確認を終えられるとは限らない。同意、取り消し、復旧をたどり、代替経路の使いやすさと必要な確認、プライバシー保護を並べて考えるための検討表。
タグ
ウェブ開発
5件の記事
400%拡大が残す画面領域を実測したら、固定ピクセルという通行料が見つかった
320pxのリフローに合格したページでも、短いビューポートでは本文に残る縦方向の空間が118pxまで減っていた。損失は割合ではなく82pxの固定ピクセル通行料で、その大半はアプリケーションCSSの外側にあるサードパーティの固定コンテナから生じていた。測定手順と回帰ゲートの設計、閾値の置き方まで記録する。
字間を0.12em広げたら570か所が切れた: チェッカーが通したAA基準
axe-coreはWCAG 1.4.12に違反0件を返した。その基準が要求する4つの値を実際に当てると、570個の要素で文字が切れた。4つを1つずつ分けて当て、どの宣言がコンテンツを失わせるのかを分解した記録。
同じページを逆向きに辿ったら違反16件: 固定ヘッダーが飲み込むキーボードフォーカス
同じ6ページをTabで下りながら測ると WCAG 2.4.11 の違反は0件、Shift+Tabで上りながら測ると16件だった。ブラウザがフォーカス対象を画面内に入れる際の寄せ方が進行方向で変わるからだ。CSS一行で16件を0件にした実測記録である。測る向きを変えると、結果そのものが変わる点が核心だ。
アクセシビリティ55点から100点へ — LighthouseでWCAG違反を実際に直す
架空のベーカリーのランディングページをLighthouseのアクセシビリティ監査にかけて55点。6つのWCAG違反を1つずつ直して100点にした実測ログと、自動ツールが見逃したキーボードの罠までまとめた。