画面遷移に関する問題を紹介している。受診相談ではページごとにユニークなタイトルを設定するのが難しいという問題がある。スクリーンリーダーのカーソル位置を修正する機能がないという問題もある。無効にして、独自実装した見出しにフォーカスを当てる機能を採用することで問題を解決した。上の問題を説明している。見出し要素はウェブページの構造を示し、スクリーンリーダーや検索エンジンによって理解される。見出し要素は階層構造に対応しており、一定の順番で使用する必要がある。本記事では、見出し要素の不適切な使用によって生じる問題と解決策を紹介している。アクセシビリティ第一歩、labelが超重要な話。達していないと支援技術を使ってもサービスを利用できないことを意味する。要素によって選択が容易になり、音声読み上げが可能になる。要素がない場合、スクリーンリーダーの使用者は入力欄の項目名を知ることができず、エラーの解決方法も分からなくなってしまう。使っても、ユーザーの短期記憶に負荷をかけたり、入力内容を確認できないというデメリットがある。文字ずつ表示する演出はよく要求されるが、アクセシビリティを考慮したコードが重要である。指定し、スクリーンリーダーユーザーに配慮する必要がある。実現する方法が紹介されている。要素の使い方に対して、正しい方法を紹介している。イベントを発火させる方法が、アクセシビリティに優れている。要素を使用することも考慮すべきである。Reactアクセシビリティ要件を満たすモーダルの実装方法を説明している。キーでのモーダル閉じる機能、モーダル外クリックでの閉じる機能が含まれている。属性が付与され、スクロールも無効化される。これらの機能を実装することで、アクセシビリティの高いモーダルを作成することができる。設計をサポートしている。使用し、基本的なコンポーネントや機能を提供している。設定変更やユーティリティークラスの追加によって行える。リリース後も頻繁に更新されており、今後も注目されるライブラリとなっている。活用やコーディングについて取り組みが紹介されている。テキストサイズ変更に関して疑問が生じた。関連していることが分かった。結果として、400%拡大時でも横スクロールなしで閲覧できることが確認された。テクニックを紹介している。ブラウザの文字サイズ設定を基準とした相対単位であり、拡大機能に対応することができる。バグが確認されている。そのなかでのアクセシビリティ回の登壇資料。実装を行う上でのアクセシビリティについて解説している。そのなかでのアクセシビリティ回の登壇資料。企画する時点でのアクセシビリティについて解説している。仕様策定はどうのようになっているのかまで解説。テーブルの使い方とその理由を紹介している。テーブルの違いは、スクリーンリーダー利用時の体験が異なる。次元の操作が可能で、見出しセルとデータセルが組み合わせられる。テーブル利用時のポイントは、見出しセルを使うことと、テーブルの直前に見出し要素を配置することだ。これにより、スクリーンリーダー利用者にとって理解しやすい情報が提供される。アクセシブルなWebサイトを作ってみた:その2。サイト作成におけるフォームの改良について紹介している。公式サイトのフォーム制作過程で、使いやすさやスクリーンリーダー対応などの工夫が取り入れられ、アクセシビリティの向上が図られた。記事では、必須項目の視覚化、縦の流れの明確化、プレースホルダーの使用を避けるなどのポイントが解説されている。公式サイトのリニューアルオープンに伴い、マシンリーダビリティとアクセシビリティに焦点を当てたデザイン手法を紹介している。サイト制作者がすぐに応用できる内容が含まれている。サイトを目指すことが重要だ。いうスクリーンリーダーがあり、視力や文字読み取りに困難を持つユーザーに役立つ。チートシートを紹介し、便利機能も解説している。