固定ヘッダーやスティッキーなナビゲーション配下でアンカーリンク先が隠れる問題を、CSS の scroll-margin と scroll-padding で設計的に解決するテクニック。
シェアックリップ
シェアされたアックリップです。
そのほかの #キーボード操作 ピックアップ
モバイル表示で幅広いテーブルがページ横スクロールを引き起こす問題。テーブルをスクロール可能なコンテナで包み、キーボード利用者が操作できる実装方法を説明。
固定フッターがキーボード操作のフォーカスを隠す問題の検証ツール。ResizeObserver で要素の高さを追跡し、WCAG 2.4.11 の達成基準を参考に改善方法を示す。
リソースカード内のリンクは『Open』だけでなく、各リンク先の内容を示すテキストを使うべき。MDNの推奨に基づく実装と手動テスト手順。
HTML/CSS/JavaScript でアコーディオン UI を実装する 6 種類の方法をアクセシビリティの観点から比較。button + ARIA や details + summary における、キーボード操作やスクリーンリーダー対応の具体的な違いを検証。
Windows 11/10のアクセシビリティ設定「マウスキー」を使うと、マウスが使えなくてもテンキーでポインター操作ができる。移動・クリック・ダブルクリック・ドラッグまでをカバーする設定方法と操作手順を解説する。
ホームページのリンクを別タブで開くかは、リンク先より操作状況を考慮して判断する。戻りやすいこと、別タブで開く場合は事前に分かることが重要で、PCとスマホでの確認が必須。