Gmail の 1 つの要素に「role」という名前の属性があることに気付きました<div role="whatever">
。技術的には無効です。しかし、ほとんどのブラウザーは、jQuery (そしておそらくストレート JS?) と同様に、問題なくそれを理解できることも知っています。個人的には、すべてのカスタム属性の前に「data-」を付けるよりも、これが気に入っています。
なぜGoogleがこれを行うのか考えていますか? そして、私はそれを行うことができますか?
Gmail の 1 つの要素に「role」という名前の属性があることに気付きました<div role="whatever">
。技術的には無効です。しかし、ほとんどのブラウザーは、jQuery (そしておそらくストレート JS?) と同様に、問題なくそれを理解できることも知っています。個人的には、すべてのカスタム属性の前に「data-」を付けるよりも、これが気に入っています。
なぜGoogleがこれを行うのか考えていますか? そして、私はそれを行うことができますか?
role="" は、スクリーン リーダーおよびアクセシビリティ補助として使用される ARIA 属性です。詳細については、 http://www.accessibleculture.org/articles/2011/04/html5-aria-2011/を参照してください。「通常の」ユーザーと同じレベルのアクセスで、さまざまな方法で当社のサイトを閲覧する人々を支援するために、Web サイトでそれらを使用し始めることをお勧めします。
role属性は、実際にはHTML5で検証されます。以前のバージョンのHTML(およびXHTML)では検証されませんが、スクリーンリーダーでサポートされており、Doctypeに関係なくブラウザで無視されます。したがって、アクセシビリティの支持者は、検証に失敗したにもかかわらず、支援技術のユーザーを支援できる追加のセマンティクスを提供するため、人々にそれを使用するように勧めています。哲学は基本的にルールに従う(検証する)ことですが、ルールを破っても大丈夫な場合も知っています(たとえば、そうすることで一部のユーザーが他のユーザーに害を及ぼすことなく役立つ場合)。さらに良い解決策は、HTML5にアップグレードすることです。そうすれば、ARIAマークアップを使用して検証できます。