私が最近保存したアクセシビリティに関するいくつかの記事iii

この記事では、Webアクセシビリティに関する最近の優れた記事、リンク、Googleドキュメントのアクセシビリティの更新、カスタムCSSマウスカーソル、アニメーション、動きの酔い、CSSの必須アクセシビリティ、ストーリーブックのアクセシビリティテスト、仕事のアドボカシー、画像ALT属性、および優れたALTテキストの作成をprefers-reduced-motionかの最近の優れた記事をまとめたものです。

記事の要約は次のとおりです。

• 完璧なリンク： Rian Rietveldは、完璧なリンクを「クリック後に他の場所にジャンプできる」と定義しています。コードに焦点を当てる代わりに、この記事は、リンクであることを意味するリンク画像のALT属性など、多くの実用的なアクセシビリティの提案を提供します。

• Googleドキュメントへの主要な変更： George Joeckelは、Googleドキュメントが使用すると報告しています<canvas></canvas>レンダリングされたニュースは、アクセシビリティの観点から大きな論争を引き起こしました。当初、Googleはスクリーンリーダーユーザー向けに個別の製品を提供するように思われていましたが、「別々ですが等しい」は理想的ではありません。現在、ベース<canvas></canvas>レンダリングは保留されているようであり、コミュニティのフィードバックは非常に重要です。

• カスタムCSSマウスカーソルを使用しないでください： Eric Baileyは、CSSがカスタムカーソルをロードできるようにすることはエラーであると考えています。

• Webデザイナーは、アニメーションによって引き起こされた乗り物酔いを扱っています。KatieDeightonはprefers-reduced-motionなど、ユーザーの好みの重要性を探ります。このテーマは、The Wall Street Journalなどの主流メディアに表示され、注意を払う価値があります。

• prefers-reduced-motionとブラウザの優先順位設定：ブルースローソンは、 Intersection Observerの使用を激しく要約し、アニメーションのパフォーマンスとユーザーエクスペリエンスを最適化するためにprefers-reduced-motion 。

• CSSを使用した力のアクセシビリティ： Adrian Roselliは、対応するアクセシビリティプロパティのみを実装する強力な手法を紹介します（例えば<role></role>、 aria-labelledby 、 tabindexテーブルのスクロールに使用されます）。正しいCSSスタイルを取得します。

• Storybookを使用したアクセシビリティテスト： Varun Vachharは、コードの作成中にコンポーネントライブラリのアクセシビリティをテストするためにAXを使用する方法について説明します。アクセシビリティの問題（色のコントラストの問題など）はバグであり、他のバグを修正するような時間内に解決する必要があります。

• アクセシビリティを主張するために： Todd Libbyは、倫理的、財政的、法的、人間化、および直接的な行動戦略を含む、職場でのアクセシビリティを目指して努力する方法を提供します。

• あなたのイメージは装飾的な画像ではないかもしれません：エリック・ベイリーは、ALT属性を備えたほとんどの画像（ alt="" ）は、alt属性の説明を提供できない場合、他の代替案がある場合、たとえば、イメージがプレースホルダーではない場合でも、インライン画像（spacer.gif）を使用できます<title></title>）。

• 编写优秀的alt 文本：情感很重要: Jake Archibald 借鉴了Léonie Watson 2011 年的文章，强调alt 文本不仅要描述图片的客观内容，还要传达情感。

• 从零开始创建无障碍对话框: Kitty Giraudel 挑战了无障碍性领域的终极难题。

这些文章为提升网页无障碍性提供了宝贵的经验和建议，值得开发者和设计师仔细研读。

以上が私が最近保存したアクセシビリティに関するいくつかの記事iiiの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。