Webアクセシビリティ ランドマークロールとは
達成方法のARIA11の手順を見ると、 ランドマークロールをもつ各要素を検査する。というのがあった。ランドマークとはMDNに載ってた。roleにも色々種類があり、そのうちのひとつが「ランドマーク」。具体的には以下の通り。ランドマークロール ...
Webアクセシビリティ Webアクセシビリティ 1.1.1 状況 D:「時間依存のメディア」にYouTubeなどの埋め込み動画は該当するか適用判断基準
1.1.1非テキストコンテンツ:利用者に提示されるすべての非テキストコンテンツには、同等の目的を果たすテキストによる代替が提供されている。ただし、次の場合は除く: (レベル A)の、状況 D:非テキストコンテンツが時間依存のメディアである ...
Webアクセシビリティ role属性とは
roleとは英単語のroleとは「役割」という意味です。HTMLでのrole属性はタグごとに設定する属性で、「タグごとの役割」という意味になります。role属性に設定した値は、ブラウザに表示されるものではありません。「目の不自由な方がブラウ...
Webアクセシビリティ aria-labelとは？ aria-labelledbyとの違いは？
WAI-ARIAで使用するaria属性の一種ですな。aria-labelとはMDNのせつめい：aria-label 属性は、現在の要素にラベル付けする文字列を定義するために使用されます。 これはテキストラベルが画面に表示されない場合に使用し...
Webアクセシビリティ H42: 見出し～で、h1,h3,h4 のように、見出し番号をスキップしても適合か
H42: 見出し～で、h1,h3,h4 のように、「h2」を飛び抜かすなどして、見出し番号をスキップしても適合か。WCAGを見ると、訳注: MDN の <h1>–<h6>: HTML の見出し要素 - アクセシビリティへの配慮で言及されてい...
Webアクセシビリティ H71: fieldset 要素及び legend 要素の使用が適用になる判断基準
論理的に関連している input 要素又は select 要素のグループが、fieldset 要素内に含まれていることを確認する。 input selectがなければ適用にならない。また、上記があっても、個々のlabelで十分に説明できてい...
Webアクセシビリティ H44 label要素を使用する が適用になるかの判断基準
注記 1: 明示的なラベルを利用する要素は次の通りである: input type="text" input type="checkbox" input type="radio" input type="file" input type="p...
Webアクセシビリティ H63 scope属性 を適用にするかの判断基準
scope属性とはscope属性は、ヘッダセルによる見出しの対象となるデータセルの範囲を設定するための属性です。実装チェックリストで適用にするかの判断基準注記 1: 1 行目や 1 列目に見出しがある単純なテーブルについては、scope 属...
Webサービス 6/21 Shopify,pixiv,iherbが死んでるのはCloudflareが原因じゃ
2022年6月21日午後から、 Shopify pixiv iherbといったサイトが不安定（httpステータス500により閲覧不可になったりしている）な状態。原因原因はCloudflareのダウン。ここで公式の情報が見れる。午後4時14分...
Webアクセシビリティ table の説明で、captionが目に見える、summaryが目に見えない
Webアクセシビリティ対応で、Tableを使用している場合、 summary captionのちょっと似たものを扱いうことが在るが、たまにどっちがどっちだっけ？となるので、メモ。この記事のタイトルが全てを言っているが、captionsumm...