(自分のスキルレベルやハイテクプロファイルは何ですか?)、私はカップルのパラメータでこれらの質問にアプローチ:
- 言われて、私は多くの場合、ARIAなしとCSSせずにページをコーディングすることARIAのルール(first ruleがここで適用される場合があります)
- プログレッシブ・エンハンスメント
(つまり、ブロックされるかもしれませんように、など、チャンク)それがアクセス可能であることを確認してください。
つまり、コードは<label>
です。それから私はそれを視覚的に隠す。 CSSが壊れても、すべて正常です。ユーザーのスクリーンリーダーがARIAをサポートしていない場合は、すべて正常です。あなたのユーザーのすべてのスクリーンリーダーがARIAをサポートしていると思うならば、ユーザーの技術評価(実際のユーザーがいなければ、ローカルブラインドアソシエーションは良いスタートです)にすることをお勧めします。多くの人々はまだ古いバージョンのブラウザとSRを実行しています。
目に見えるユーザーのために、ボタンの明確な検索アイコン(または単語)(Unor参照)のような文脈の手がかりに頼るようにします。または適切なコントラストを持つplaceholder
(ただし、フォーカスを隠すためにいくつかのCSSトリッキーがある視覚的なプレースホルダーとして<label>
を使用することもできます)。
送信ボタンにSVGを使用している場合は、SVG代替テキストメソッドに関する一貫性のないサポートがあるため、ARIAを折り畳んでいます。
FWIWも、私はtitle
属性のファンではありません。部分的にはアクセスできない名前の計算が原因で、部分的には私はそれが似ていると思うからです。
だから、あなたの質問に答えるために:
私の質問は、これらのアプローチは同等であるのですか?
いいえ、しかし、それらの間の距離は縮小しています。
もう一方のアプローチよりも優れていますか?
これは、私たちが持っていない文脈によって決まります。
あなたはすでに2つの回答がありますが、いくつかの文脈を提供できますか?サイトの残りの部分は、フォームまたは 'aria-label'に'
@ aardrian残りのサイトフォームフィールドは '
技術的なスキルが低く、多くの場合ローエンドまたはそれ以上の機器を使用しているユーザーをターゲットにしている場合、コードをどのように変更するのか。たとえば、私の両親は私とは劇的に異なるスキルレベルを持っており、リンクをダブルクリックする必要はない(大まかな例、はい)ことは知らない。 – aardrian