
- 「ディスプレイに関する朗報:内容とクロム」 - レイチェルアンドリューは、ディスプレイを使用するアクセシビリティの危険性:コンテンツ。 Chromeで固定されています。問題は、グリッドとしてレイアウトされた親divがあり、内部には
- 要素がある
があり、- 要素が同じ親グリッドに参加することを望んでいたということでした。サブグリッドはありますが、それは本当に同じものではありません。あなたが望むのは、
がまったくそこにないようにふりをすることであり、- 要素は他のものと同じようにグリッドにたむろすることができるということです。問題は、もしあなたがそれをしたなら、あなたはリストのアクセス可能なセマンティクスを一掃したことでした。しかし、もうありません!
- 「グリッド、コンテンツの再注文、アクセシビリティ」 - グリッドとアクセシビリティについて言えば、レイチェルは再び(このスライドデッキを通して)私たちに、コンテンツのソース順序と表示順序を最新のレイアウトテクニックで実際に迂回させるのが非常に簡単です。現時点では、ソリューションは本質的にそれを行うことではありませんが、ブラウザがレイアウトを劇的に変更すると、ブラウザが視覚的に視覚的に賢明になるように更新する方法があるかもしれません。
- 「最も有用なアクセシビリティテストツールとテクニック」 - Atrem Sapeginは、Eslint-Plugin-JSX-A11y、Storybook-Addon-A11y、Cypress-Axe、Contrast App、Spectrum Browser拡張機能、および…Tab Key(LOLZ)を使用して、いくつかの良いものをリストしています。
- ButtonBuddy - ボタン用のCSSを生成するのに役立つStephanie Ecklesのツール。しかし、それの本当のポイントは、色のコントラストガイドラインを満たすカスタムプロパティとして色を与えることです。
- 「アンカーリンクはアクセスできますか?」 - Amber Wilsonは、良いものに着陸する前に、ヘッダーのアンカーリンクの5回の反復を通過します。
- 「ポインターイベントを入れないでください:フォームラベルになし」 - 誰もがこれを行うことに少しショックを受けていますが、マテリアルデザインの「フローティングラベル」パターンから来ていることがわかります。そのパターンはとてもばかげていると思います。とにかくラベルを浮かぶスペースが必要なため、実際にはスペースを節約しません。まあ。
- 「すべてのためのアクセス可能なテキストラベル」 - Sara Soueidanは、本物のアクセシビリティソフトウェアと、一般的なインタラクティブな要素をどのように提示するかをテストします。たとえば、「続きを読む」リンクはあまり役に立たない(続きを読む?)、「カートを追加」だけではあまり役に立たない(カートに追加しますか?)。たとえば、製品名を「カートに追加」ボタンに追加できますが、ボタンの中央で物事を壊す可能性があるため、それを行わないでください。最後に追加のテキストを追加します。
以上がアクセシビリティに関するいくつかの記事は最近保存されましたの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。