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
がなければ適用にならない。
また、上記があっても、個々...
Webアクセシビリティ H44 label要素を使用する が適用になるかの判断基準
注記 1: 明示的なラベルを利用する要素は次の通りである:
input type="text"
input type="checkbox"
input type="radio"
input type="file"
...
Webアクセシビリティ H63 scope属性 を適用にするかの判断基準
scope属性とは
scope属性は、ヘッダセルによる見出しの対象となるデータセルの範囲を設定するための属性です。
実装チェックリストで適用にするかの判断基準
注記 1: 1 行目や 1 列目に見出しがある単純なテーブルについ...
Webサービス 6/21 Shopify,pixiv,iherbが死んでるのはCloudflareが原因じゃ
2022年6月21日午後から、
Shopify
pixiv
iherb
といったサイトが不安定（httpステータス500により閲覧不可になったりしている）な状態。
原因
原因はCloudflareのダウン。
ここで公式の情...
Webアクセシビリティ table の説明で、captionが目に見える、summaryが目に見えない
Webアクセシビリティ対応で、
Tableを使用している場合、
summary
caption
のちょっと似たものを扱いうことが在るが、たまにどっちがどっちだっけ？となるので、メモ。
この記事のタイトルが全てを言っているが、
...