Webアクセシビリティ SCR37: デバイス非依存な方法でカスタムダイアログを作成する は、手順を見ると早く理解できる SCR37: デバイス非依存な方法でカスタムダイアログを作成するは、手順を見ると、内容を早く理解できる。以下に手順を引用しておく。 ポップアップウインドウでないダイアログのトリガーとなるものページ内の全ての場所を探す。 Tab ... 2022.07.05 Webアクセシビリティ
Webアクセシビリティ SCR26: 動的なコンテンツを、トリガーとなる要素の直後に挿入する とは SCR26: 動的なコンテンツを、Document Object Model の、そのトリガーとなる要素の直後に挿入するは、トリガーとなるボタンやリンクの、同じページ内で、トリガーの直後にダイアログを表示するということ。別ウインドウでダイア... 2022.07.05 Webアクセシビリティ
chrome Chrome Developer tools elements 全部オープン ショートカットキーは、alt + → Google Chromeの「Developer tools」(右クリック→ページの要素を検証)とか、F12とか、Ctrl+Shift+Cで開くやつ。) の、 Elements(下図の①)で、DOMを全部開くショートカットキー(下図の②)。... 2022.07.05 chrome
Webアクセシビリティ C27: DOM の順序を表示順序と一致させる は、必ず適用になる C27: DOM の順序を表示順序と一致させる これは、Webページの見た目の順序と、DOMの順序が一致しているか、というもの。 手順引用: エンドユーザに提供されているウェブページのコンテンツの順序を視覚的に検査する。 DOM を表示で... 2022.07.04 Webアクセシビリティ
Webアクセシビリティ H4: 論理的なタブ順序を作成する は、tabindexを使用する必要がない場合、適用外 H4: リンク、フォームコントロール、及びオブジェクトを通して、論理的なタブ順序を作成する は、 初期設定のタブ順番が十分でない時に、論理的なタブ順番を提供することである ということ。 手順を見てみると以下の記述。 tabin... 2022.07.04 Webアクセシビリティ
Webアクセシビリティ G59の、「インタラクティブな要素」は、単なるリンクも含む。 G59: コンテンツ内の順番及び関係に従った順序で、インタラクティブな要素を配置する の、「インタラクティブな要素」は、一見、フォームのことだけかと思ってしまうが、フォームだけではなく、単なるリンクも「インタラクティブな要素」に含まれる。 ... 2022.07.04 Webアクセシビリティ
Webアクセシビリティ ページタイトルに関する達成方法G88とH25の違い G88: ウェブページに説明的なタイトルを提供する と、 H25: title 要素を用いて、ページタイトルを提供する の違い。 ぱっと見同じっぽく見えるが、以下の違いがある G88・・・ページのタイトル H25・・・ページのタイ... 2022.07.04 Webアクセシビリティ
Webアクセシビリティ SCR28 は、ハンバーガーメニューとか、目次とか(このブログでも使用している) SCR28: コンテンツのブロックをバイパスするために、展開可能及び折り畳み可能なメニューを使用する は、ハンバーガーメニューとか、目次とかのこと。 目次はWordPressのサイトだとおなじみですね。 このブログでも使ってます。 適用か... 2022.07.04 Webアクセシビリティ
Webアクセシビリティ H64: frame 要素及び iframe 要素の title 属性を使用する は、html5でも適用になるよ。 H64: frame 要素及び iframe 要素の title 属性を使用する は、H70と違い、html5でも適用となりうる。(html5でもiframe要素が使えるため) 2022.07.04 Webアクセシビリティ
Webアクセシビリティ H70 は、html5以降は、適用外になる html5以降なら、適用外になる H70: 繰り返されているコンテンツのブロックをグループ化するために、frame 要素を使用する は、html5では廃止されているため、無視して良い。(適用外) 2014 年 6 月版のアクセシビリティ・... 2022.07.04 Webアクセシビリティ