Webアクセシビリティ 達成基準1.4.2 Youtubeなどの動画埋め込みは含まれないと思われ 1.4.2音声の制御:ウェブページ上にある音声が自動的に再生され、その音声が 3 秒より長く続く場合、その音声を一時停止もしくは停止するメカニズム、又はシステム全体の音量レベルに影響を与えずに音量レベルを調整できるメカニズムのいずれかを提... 2022.06.28 Webアクセシビリティ
Webアクセシビリティ G183: 色が単独でリンク又はコントロールを特定する場所で、周囲のテキストと一緒に 3:1 のコントラスト比を使用し、そのリンク又はコントロールのフォーカスに追加の視覚的な手がかりを提供する G183: 色が単独でリンク又はコントロールを特定する場所で、周囲のテキストと一緒に 3:1 のコントラスト比を使用し、そのリンク又はコントロールのフォーカスに追加の視覚的な手がかりを提供する について。 ここで言っている「コントラス... 2022.06.28 Webアクセシビリティ
Webアクセシビリティ G182: 文字色の違い~視覚的な手がかりを確保する 適用基準 G182: 文字色の違いが情報を伝えるために使用される場合に、利用可能な追加の視覚的な手がかりを確保するが適用になるかどうか。標準のリンク文字を使用していれば適用になる達成方法の事例を見ると以下のようにある。 同じページ上の他のテキス... 2022.06.28 Webアクセシビリティ
Webアクセシビリティ G96 は、Twitterのイイねマークなど適合?aria-labelだけで表現してるけど G96: 理解させる必要のあるアイテムを感覚的にだけ伝えるのではなく、テキストによる識別情報もあわせて提供する は、Titterのイイねマークなどは適合になるのか? ↑こういうやつね。 結論 かなりグレー。。。 ややグレーだが、適... 2022.06.24 Webアクセシビリティ
Webアクセシビリティ H56 dir属性を使用する 適用基準 dir属性とは dir属性とは以下の通り。 当該要素で, 文章の方向 を指定します。 H56とは、 たとえば英語の文章の中で、途中でヘブライ語が出てきた場合、ヘブライ語とそれにくっつく単語(分かりづらい表現なので、詳しくは... 2022.06.23 Webアクセシビリティ
Webアクセシビリティ H34: インラインでテキストの方向を混在させるために、Unicode の right-to-left mark (RLM) 又は left-to-right mark (LRM) を使用する 適用基準 YouTubeの埋め込み動画を含むページをチェックしてるんだが、HTMLコードの中に dir="rtl" や、 dir="ltr" の属性があったため、これがあると適用になるのか?とちょっと思ったが、違うみたい。 ⇒dir属性は... 2022.06.23 Webアクセシビリティ
Webアクセシビリティ ランドマークロールとは 達成方法の ARIA11の手順を見ると、 ランドマークロールをもつ各要素を検査する。 というのがあった。 ランドマークとは MDNに載ってた。 roleにも色々種類があり、そのうちのひとつが「ランドマーク」。 具体的には... 2022.06.22 Webアクセシビリティ
Webアクセシビリティ 1.1.1 状況 D:「時間依存のメディア」にYouTubeなどの埋め込み動画は該当するか適用判断基準 1.1.1非テキストコンテンツ:利用者に提示されるすべての非テキストコンテンツには、同等の目的を果たすテキストによる代替が提供されている。ただし、次の場合は除く: (レベル A) の、 状況 D: 非テキストコンテンツが時間依存のメデ... 2022.06.22 Webアクセシビリティ
Webアクセシビリティ role属性とは roleとは 英単語のroleとは「役割」という意味です。 HTMLでのrole属性はタグごとに設定する属性で、「タグごとの役割」という意味になります。 role属性に設定した値は、ブラウザに表示されるものではありません。 「目の不自由な... 2022.06.22 Webアクセシビリティ
Webアクセシビリティ aria-labelとは? aria-labelledbyとの違いは? WAI-ARIAで使用するaria属性の一種ですな。 aria-labelとは MDNのせつめい: aria-label 属性は、現在の要素にラベル付けする文字列を定義するために使用されます。 これはテキストラベルが画面に表示されない... 2022.06.22 Webアクセシビリティ