と、
H25: title 要素を用いて、ページタイトルを提供する
の違い。
ぱっと見同じっぽく見えるが、以下の違いがある
- G88・・・ページのタイトル
- H25・・・ページのタイトルおよび、<frameset>の中の、個々の<frame>のページタイトル
H25は、<frameset>の中の、個々の<frame>だけじゃなくて、通常のページのページタイトルも含む
H25を見ると以下の様に記載がある。
この達成方法の目的は、フレームセットの個々のフレームに含まれるものを含む全ての HTML及び XHTML ドキュメントにおいて、head 要素のセクション内で title 要素を用いてドキュメントの目的を簡単な文言で定義することである。
また、手順も以下のようになっており、frame 内に限定している記述は無い。
HTML 又は XHTML ドキュメントのソースコードを調べ、head 要素内に空でない title 要素があることを確認する。
html5以降では、<frameset>要素および<frame>要素は廃止されているため、
実質、G88とH25は全く同じということなる。
そのため、G88が適用になる場合、H25も適用になる。
AIの回答。G88はページタイトルの内容で、H25はページタイトルの技術的な実装
リートン＞GTPターボ先生によると、以下の回答だったお。こっちのほうがしっくり来るね。
違いと補完関係
・G88はページタイトルの内容に焦点を当てています。つまり、タイトルが説明的かつ意味のあるものであることを重視しています。
・H25はページタイトルの技術的な実装に焦点を当てています。具体的には、要素を正しく使用することを求めています。<br /> 補完関係:</p> <p> ・G88とH25は相互に補完的な技法です。G88で説明的なタイトルを決定し、それをH25で正しく実装することで、達成基準2.4.2を完全に満たすことができます。<br /> ・したがって、両方の技法を組み合わせて使用することで、ページタイトルが内容を適切に説明し、技術的にも正しく実装されていることを保証できます。 </p></blockquote> </div> <footer class="article-footer entry-footer"> <div class="entry-categories-tags ctdt-one-row"> <div class="entry-categories"><a class="cat-link cat-link-127" href="https://it-afi.com/category/web%e3%82%a2%e3%82%af%e3%82%bb%e3%82%b7%e3%83%93%e3%83%aa%e3%83%86%e3%82%a3/"><span class="fa fa-folder cat-icon tax-icon" aria-hidden="true"></span>Webアクセシビリティ</a></div> </div> <div class="ad-area no-icon ad-content-bottom ad-rectangle ad-label-visible cf" itemscope itemtype="https://schema.org/WPAdBlock"> <div class="ad-label" itemprop="name" data-nosnippet>スポンサーリンク</div> <div class="ad-wrap"> <div class="ad-responsive ad-usual"><!-- レスポンシブコード --> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-4895059887263926" data-ad-slot="6752884896" data-ad-format="rectangle" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script></div> </div> </div> <div class="sns-share ss-col-3 bc-brand-color sbc-hide ss-bottom"> <div class="sns-share-message">シェアする</div> <div class="sns-share-buttons sns-buttons"> <a href="https://twitter.com/intent/tweet?text=%E3%83%9A%E3%83%BC%E3%82%B8%E3%82%BF%E3%82%A4%E3%83%88%E3%83%AB%E3%81%AB%E9%96%A2%E3%81%99%E3%82%8B%E9%81%94%E6%88%90%E6%96%B9%E6%B3%95G88%E3%81%A8H25%E3%81%AE%E9%81%95%E3%81%84&url=https%3A%2F%2Fit-afi.com%2Fweb%25e3%2582%25a2%25e3%2582%25af%25e3%2582%25bb%25e3%2582%25b7%25e3%2583%2593%25e3%2583%25aa%25e3%2583%2586%25e3%2582%25a3%2F%25e3%2583%259a%25e3%2583%25bc%25e3%2582%25b8%25e3%2582%25bf%25e3%2582%25a4%25e3%2583%2588%25e3%2583%25ab%25e3%2581%25ab%25e9%2596%25a2%25e3%2581%2599%25e3%2582%258b%25e9%2581%2594%25e6%2588%2590%25e6%2596%25b9%25e6%25b3%2595g88%25e3%2581%25a8h25%25e3%2581%25ae%25e9%2581%2595%25e3%2581%2584%2F" class="sns-button share-button twitter-button twitter-share-button-sq" target="_blank" rel="nofollow noopener noreferrer"><span class="social-icon icon-twitter"></span><span class="button-caption">Twitter</span><span class="share-count twitter-share-count"></span></a> <a href="//www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fit-afi.com%2Fweb%25e3%2582%25a2%25e3%2582%25af%25e3%2582%25bb%25e3%2582%25b7%25e3%2583%2593%25e3%2583%25aa%25e3%2583%2586%25e3%2582%25a3%2F%25e3%2583%259a%25e3%2583%25bc%25e3%2582%25b8%25e3%2582%25bf%25e3%2582%25a4%25e3%2583%2588%25e3%2583%25ab%25e3%2581%25ab%25e9%2596%25a2%25e3%2581%2599%25e3%2582%258b%25e9%2581%2594%25e6%2588%2590%25e6%2596%25b9%25e6%25b3%2595g88%25e3%2581%25a8h25%25e3%2581%25ae%25e9%2581%2595%25e3%2581%2584%2F&t=%E3%83%9A%E3%83%BC%E3%82%B8%E3%82%BF%E3%82%A4%E3%83%88%E3%83%AB%E3%81%AB%E9%96%A2%E3%81%99%E3%82%8B%E9%81%94%E6%88%90%E6%96%B9%E6%B3%95G88%E3%81%A8H25%E3%81%AE%E9%81%95%E3%81%84" class="sns-button share-button facebook-button facebook-share-button-sq" target="_blank" rel="nofollow noopener noreferrer"><span class="social-icon icon-facebook"></span><span class="button-caption">Facebook</span><span class="share-count facebook-share-count"></span></a> <a href="//b.hatena.ne.jp/entry/s/it-afi.com/web%e3%82%a2%e3%82%af%e3%82%bb%e3%82%b7%e3%83%93%e3%83%aa%e3%83%86%e3%82%a3/%e3%83%9a%e3%83%bc%e3%82%b8%e3%82%bf%e3%82%a4%e3%83%88%e3%83%ab%e3%81%ab%e9%96%a2%e3%81%99%e3%82%8b%e9%81%94%e6%88%90%e6%96%b9%e6%b3%95g88%e3%81%a8h25%e3%81%ae%e9%81%95%e3%81%84/" class="sns-button share-button hatebu-button hatena-bookmark-button hatebu-share-button-sq" data-hatena-bookmark-layout="simple" title="ページタイトルに関する達成方法G88とH25の違い" target="_blank" rel="nofollow noopener noreferrer"><span class="social-icon icon-hatena"></span><span class="button-caption">はてブ</span><span class="share-count hatebu-share-count"></span></a> <a href="//getpocket.com/edit?url=https://it-afi.com/web%e3%82%a2%e3%82%af%e3%82%bb%e3%82%b7%e3%83%93%e3%83%aa%e3%83%86%e3%82%a3/%e3%83%9a%e3%83%bc%e3%82%b8%e3%82%bf%e3%82%a4%e3%83%88%e3%83%ab%e3%81%ab%e9%96%a2%e3%81%99%e3%82%8b%e9%81%94%e6%88%90%e6%96%b9%e6%b3%95g88%e3%81%a8h25%e3%81%ae%e9%81%95%e3%81%84/" class="sns-button share-button pocket-button pocket-share-button-sq" target="_blank" rel="nofollow noopener noreferrer"><span class="social-icon icon-pocket"></span><span class="button-caption">Pocket</span><span class="share-count pocket-share-count"></span></a> <a href="//timeline.line.me/social-plugin/share?url=https%3A%2F%2Fit-afi.com%2Fweb%25e3%2582%25a2%25e3%2582%25af%25e3%2582%25bb%25e3%2582%25b7%25e3%2583%2593%25e3%2583%25aa%25e3%2583%2586%25e3%2582%25a3%2F%25e3%2583%259a%25e3%2583%25bc%25e3%2582%25b8%25e3%2582%25bf%25e3%2582%25a4%25e3%2583%2588%25e3%2583%25ab%25e3%2581%25ab%25e9%2596%25a2%25e3%2581%2599%25e3%2582%258b%25e9%2581%2594%25e6%2588%2590%25e6%2596%25b9%25e6%25b3%2595g88%25e3%2581%25a8h25%25e3%2581%25ae%25e9%2581%2595%25e3%2581%2584%2F" class="sns-button share-button line-button line-share-button-sq" target="_blank" rel="nofollow noopener noreferrer"><span class="social-icon icon-line"></span><span class="button-caption">LINE</span><span class="share-count line-share-count"></span></a> <a role="button" tabindex="0" class="sns-button share-button copy-button copy-share-button-sq" rel="nofollow noopener noreferrer" data-clipboard-text="ページタイトルに関する達成方法G88とH25の違い https://it-afi.com/web%e3%82%a2%e3%82%af%e3%82%bb%e3%82%b7%e3%83%93%e3%83%aa%e3%83%86%e3%82%a3/%e3%83%9a%e3%83%bc%e3%82%b8%e3%82%bf%e3%82%a4%e3%83%88%e3%83%ab%e3%81%ab%e9%96%a2%e3%81%99%e3%82%8b%e9%81%94%e6%88%90%e6%96%b9%e6%b3%95g88%e3%81%a8h25%e3%81%ae%e9%81%95%e3%81%84/"><span class="social-icon icon-copy"></span><span class="button-caption">コピー</span><span class="share-count copy-share-count"></span></a> </div><!-- /.sns-share-buttons --> </div><!-- /.sns-share --> <!-- SNSページ --> <div class="sns-follow bc-brand-color fbc-hide sf-bottom"> <div class="sns-follow-message">クズリーマンをフォローする</div> <div class="sns-follow-buttons sns-buttons"> <a href="//feedly.com/i/discover/sources/search/feed/https%3A%2F%2Fit-afi.com" class="sns-button follow-button feedly-button feedly-follow-button-sq" target="_blank" title="feedlyで更新情報を購読" rel="nofollow noopener noreferrer"><span class="icon-feedly-logo"></span><span class="follow-count feedly-follow-count"></span></a> <a href="https://it-afi.com/feed/" class="sns-button follow-button rss-button rss-follow-button-sq" target="_blank" title="RSSで更新情報をフォロー" rel="nofollow noopener noreferrer"><span class="icon-rss-logo"></span></a> </div><!-- /.sns-follow-buttons --> </div><!-- /.sns-follow --> <div class="footer-meta"> <div class="author-info"> <span class="fa fa-pencil" aria-hidden="true"></span> <a href="https://it-afi.com/author/gariafi/" class="author-link"> <span class="post-author vcard author" itemprop="editor author creator copyrightHolder" itemscope itemtype="https://schema.org/Person"> <meta itemprop="url" content="https://it-afi.com/author/gariafi/"> <span class="author-name fn" itemprop="name">クズリーマン</span> </span> </a> </div> </div> <!-- publisher設定 --> <div class="publisher" itemprop="publisher" itemscope itemtype="https://schema.org/Organization"> <div itemprop="logo" itemscope itemtype="https://schema.org/ImageObject"> <img src="https://it-afi.com/wp-content/themes/cocoon-master/images/no-amp-logo.png" width="206" height="60" alt=""> <meta itemprop="url" content="https://it-afi.com/wp-content/themes/cocoon-master/images/no-amp-logo.png"> <meta itemprop="width" content="206"> <meta itemprop="height" content="60"> </div> <div itemprop="name">クズリーマンのカス備忘録</div> </div> </footer> </article> <div class="under-entry-content"> <aside id="related-entries" class="related-entries rect-entry-card"> <h2 class="related-entry-heading"> <span class="related-entry-main-heading main-caption"> 関連記事 </span> </h2> <div class="related-list"> <a href="https://it-afi.com/web%e3%82%a2%e3%82%af%e3%82%bb%e3%82%b7%e3%83%93%e3%83%aa%e3%83%86%e3%82%a3/4-1-1%e3%82%92%e9%81%a9%e5%90%88%e3%81%95%e3%81%9b%e3%82%8b%e3%81%ab%e3%81%afhtml%e3%83%90%e3%83%aa%e3%83%87%e3%83%bc%e3%82%b7%e3%83%a7%e3%83%b3%e3%83%81%e3%82%a7%e3%83%83%e3%82%af%e3%81%a0%e3%81%91/" class="related-entry-card-wrap a-wrap border-element cf" title="4.1.1を適合させるにはHTMLバリデーションチェックだけでは不足"> <article class="post-4665 related-entry-card e-card cf post type-post status-publish format-standard has-post-thumbnail hentry category-web-post"> <figure class="related-entry-card-thumb card-thumb e-card-thumb"> <img width="160" height="90" src="https://it-afi.com/wp-content/uploads/2022/05/accessibility-logo-160x90.png" class="related-entry-card-thumb-image card-thumb-image wp-post-image" alt="" decoding="async" loading="lazy" srcset="https://it-afi.com/wp-content/uploads/2022/05/accessibility-logo-160x90.png 160w, https://it-afi.com/wp-content/uploads/2022/05/accessibility-logo-120x68.png 120w, https://it-afi.com/wp-content/uploads/2022/05/accessibility-logo-320x180.png 320w" sizes="(max-width: 160px) 100vw, 160px" /> <span class="cat-label cat-label-127">Webアクセシビリティ</span> </figure><!-- /.related-entry-thumb --> <div class="related-entry-card-content card-content e-card-content"> <h3 class="related-entry-card-title card-title e-card-title"> 4.1.1を適合させるにはHTMLバリデーションチェックだけでは不足 </h3> <div class="related-entry-card-snippet card-snippet e-card-snippet"> 疑問"4.1.1に関する達成基準"を適合するためには、G134 ウェブページをバリデートするだけでなく、G192 仕様に完全に準拠するH88 仕様に準じてHTMLを使用するも適用させないとだめでしょうか？すべて適合すべき。すべて適... </div> </div><!-- /.related-entry-card-content --> </article><!-- /.related-entry-card --> </a><!-- /.related-entry-card-wrap --> <a href="https://it-afi.com/web%e3%82%a2%e3%82%af%e3%82%bb%e3%82%b7%e3%83%93%e3%83%aa%e3%83%86%e3%82%a3/h73-table-%e8%a6%81%e7%b4%a0%e3%81%ae-summary%e5%b1%9e%e6%80%a7%e3%81%af%e5%bb%83%e6%ad%a2%e3%81%95%e3%82%8c%e3%81%9f%e3%81%ae%e3%81%a7%e9%81%a9%e7%94%a8%e3%81%ab%e3%81%aa%e3%82%89%e3%81%aa%e3%81%84/" class="related-entry-card-wrap a-wrap border-element cf" title="H73 table 要素の summary属性は廃止されたので適用にならない"> <article class="post-4640 related-entry-card e-card cf post type-post status-publish format-standard has-post-thumbnail hentry category-web-post"> <figure class="related-entry-card-thumb card-thumb e-card-thumb"> <img width="160" height="90" src="https://it-afi.com/wp-content/uploads/2022/05/accessibility-logo-160x90.png" class="related-entry-card-thumb-image card-thumb-image wp-post-image" alt="" decoding="async" loading="lazy" srcset="https://it-afi.com/wp-content/uploads/2022/05/accessibility-logo-160x90.png 160w, https://it-afi.com/wp-content/uploads/2022/05/accessibility-logo-120x68.png 120w, https://it-afi.com/wp-content/uploads/2022/05/accessibility-logo-320x180.png 320w" sizes="(max-width: 160px) 100vw, 160px" /> <span class="cat-label cat-label-127">Webアクセシビリティ</span> </figure><!-- /.related-entry-thumb --> <div class="related-entry-card-content card-content e-card-content"> <h3 class="related-entry-card-title card-title e-card-title"> H73 table 要素の summary属性は廃止されたので適用にならない </h3> <div class="related-entry-card-snippet card-snippet e-card-snippet"> 結論HTML5以降（HTML Living Standard）など⇒以下の宣言があれば。<!DOCTYPE html>では、table 要素の summary属性は廃止されてて使えないので、アクセシビリティ試験としては、H73は適用にならな... </div> </div><!-- /.related-entry-card-content --> </article><!-- /.related-entry-card --> </a><!-- /.related-entry-card-wrap --> <a href="https://it-afi.com/web%e3%82%a2%e3%82%af%e3%82%bb%e3%82%b7%e3%83%93%e3%83%aa%e3%83%86%e3%82%a3/g18-%e3%83%86%e3%82%ad%e3%82%b9%e3%83%88-%e3%81%a8%e8%83%8c%e6%99%af%e3%81%ab4-51-%e3%81%ae%e3%82%b3%e3%83%b3%e3%83%88%e3%83%a9%e3%82%b9%e3%83%88%e6%af%94%e3%80%80%e3%81%ab%e5%87%ba%e3%81%a6/" class="related-entry-card-wrap a-wrap border-element cf" title="G18: テキスト と背景に4.5:1 のコントラスト比 に出てくるpt（ポイント）とは"> <article class="post-2986 related-entry-card e-card cf post type-post status-publish format-standard has-post-thumbnail hentry category-web-post"> <figure class="related-entry-card-thumb card-thumb e-card-thumb"> <img width="160" height="90" src="https://it-afi.com/wp-content/uploads/2022/05/accessibility-logo-160x90.png" class="related-entry-card-thumb-image card-thumb-image wp-post-image" alt="" decoding="async" loading="lazy" srcset="https://it-afi.com/wp-content/uploads/2022/05/accessibility-logo-160x90.png 160w, https://it-afi.com/wp-content/uploads/2022/05/accessibility-logo-120x68.png 120w, https://it-afi.com/wp-content/uploads/2022/05/accessibility-logo-320x180.png 320w" sizes="(max-width: 160px) 100vw, 160px" /> <span class="cat-label cat-label-127">Webアクセシビリティ</span> </figure><!-- /.related-entry-thumb --> <div class="related-entry-card-content card-content e-card-content"> <h3 class="related-entry-card-title card-title e-card-title"> G18: テキスト と背景に4.5:1 のコントラスト比 に出てくるpt（ポイント）とは </h3> <div class="related-entry-card-snippet card-snippet e-card-snippet"> G18: テキスト (及び文字画像) とその背景の間に、少なくとも 4.5:1 のコントラスト比を確保する について。 状況 実装チェックリストで出てくる、 状況 が以下のようになっている。 状況 A： 太字でないテキストが18ポイン... </div> </div><!-- /.related-entry-card-content --> </article><!-- /.related-entry-card --> </a><!-- /.related-entry-card-wrap --> <a href="https://it-afi.com/web%e3%82%a2%e3%82%af%e3%82%bb%e3%82%b7%e3%83%93%e3%83%aa%e3%83%86%e3%82%a3/%e3%83%a9%e3%83%b3%e3%83%89%e3%83%9e%e3%83%bc%e3%82%af%e3%83%ad%e3%83%bc%e3%83%ab%e3%81%a8%e3%81%af/" class="related-entry-card-wrap a-wrap border-element cf" title="ランドマークロールとは"> <article class="post-2942 related-entry-card e-card cf post type-post status-publish format-standard has-post-thumbnail hentry category-web-post"> <figure class="related-entry-card-thumb card-thumb e-card-thumb"> <img width="160" height="90" src="https://it-afi.com/wp-content/uploads/2022/05/accessibility-logo-160x90.png" class="related-entry-card-thumb-image card-thumb-image wp-post-image" alt="" decoding="async" loading="lazy" srcset="https://it-afi.com/wp-content/uploads/2022/05/accessibility-logo-160x90.png 160w, https://it-afi.com/wp-content/uploads/2022/05/accessibility-logo-120x68.png 120w, https://it-afi.com/wp-content/uploads/2022/05/accessibility-logo-320x180.png 320w" sizes="(max-width: 160px) 100vw, 160px" /> <span class="cat-label cat-label-127">Webアクセシビリティ</span> </figure><!-- /.related-entry-thumb --> <div class="related-entry-card-content card-content e-card-content"> <h3 class="related-entry-card-title card-title e-card-title"> ランドマークロールとは </h3> <div class="related-entry-card-snippet card-snippet e-card-snippet"> 達成方法の ARIA11の手順を見ると、 ランドマークロールをもつ各要素を検査する。 というのがあった。 ランドマークとは MDNに載ってた。 roleにも色々種類があり、そのうちのひとつが「ランドマーク」。 具体的には... </div> </div><!-- /.related-entry-card-content --> </article><!-- /.related-entry-card --> </a><!-- /.related-entry-card-wrap --> <a href="https://it-afi.com/web%e3%82%a2%e3%82%af%e3%82%bb%e3%82%b7%e3%83%93%e3%83%aa%e3%83%86%e3%82%a3/g125%e9%96%a2%e9%80%a3%e3%81%99%e3%82%8b%e3%82%a6%e3%82%a7%e3%83%96%e3%83%9a%e3%83%bc%e3%82%b8%e3%81%b8%e3%83%8a%e3%83%93%e3%82%b2%e3%83%bc%e3%83%88%e3%81%99%e3%82%8b%e3%83%aa%e3%83%b3%e3%82%af/" class="related-entry-card-wrap a-wrap border-element cf" title="G125 関連するウェブページへナビゲートするリンクを提供するは、ほぼ適用になる"> <article class="post-4397 related-entry-card e-card cf post type-post status-publish format-standard has-post-thumbnail hentry category-web-post"> <figure class="related-entry-card-thumb card-thumb e-card-thumb"> <img width="160" height="90" src="https://it-afi.com/wp-content/uploads/2022/05/accessibility-logo-160x90.png" class="related-entry-card-thumb-image card-thumb-image wp-post-image" alt="" decoding="async" loading="lazy" srcset="https://it-afi.com/wp-content/uploads/2022/05/accessibility-logo-160x90.png 160w, https://it-afi.com/wp-content/uploads/2022/05/accessibility-logo-120x68.png 120w, https://it-afi.com/wp-content/uploads/2022/05/accessibility-logo-320x180.png 320w" sizes="(max-width: 160px) 100vw, 160px" /> <span class="cat-label cat-label-127">Webアクセシビリティ</span> </figure><!-- /.related-entry-thumb --> <div class="related-entry-card-content card-content e-card-content"> <h3 class="related-entry-card-title card-title e-card-title"> G125 関連するウェブページへナビゲートするリンクを提供するは、ほぼ適用になる </h3> <div class="related-entry-card-snippet card-snippet e-card-snippet"> G125の適用条件G125 関連するウェブページへナビゲートするリンクを提供するは、なにかしらのリンクが存在するページであれば適用になる。つまりほぼすべてのページが適用になる。 </div> </div><!-- /.related-entry-card-content --> </article><!-- /.related-entry-card --> </a><!-- /.related-entry-card-wrap --> <a href="https://it-afi.com/web%e3%82%a2%e3%82%af%e3%82%bb%e3%82%b7%e3%83%93%e3%83%aa%e3%83%86%e3%82%a3/g59%e3%81%ae%e3%80%81%e3%80%8c%e3%82%a4%e3%83%b3%e3%82%bf%e3%83%a9%e3%82%af%e3%83%86%e3%82%a3%e3%83%96%e3%81%aa%e8%a6%81%e7%b4%a0%e3%80%8d%e3%81%af%e3%80%81%e5%8d%98%e3%81%aa%e3%82%8b%e3%83%aa/" class="related-entry-card-wrap a-wrap border-element cf" title="G59の、「インタラクティブな要素」は、単なるリンクも含む。"> <article class="post-3042 related-entry-card e-card cf post type-post status-publish format-standard has-post-thumbnail hentry category-web-post"> <figure class="related-entry-card-thumb card-thumb e-card-thumb"> <img width="160" height="90" src="https://it-afi.com/wp-content/uploads/2022/05/accessibility-logo-160x90.png" class="related-entry-card-thumb-image card-thumb-image wp-post-image" alt="" decoding="async" loading="lazy" srcset="https://it-afi.com/wp-content/uploads/2022/05/accessibility-logo-160x90.png 160w, https://it-afi.com/wp-content/uploads/2022/05/accessibility-logo-120x68.png 120w, https://it-afi.com/wp-content/uploads/2022/05/accessibility-logo-320x180.png 320w" sizes="(max-width: 160px) 100vw, 160px" /> <span class="cat-label cat-label-127">Webアクセシビリティ</span> </figure><!-- /.related-entry-thumb --> <div class="related-entry-card-content card-content e-card-content"> <h3 class="related-entry-card-title card-title e-card-title"> G59の、「インタラクティブな要素」は、単なるリンクも含む。 </h3> <div class="related-entry-card-snippet card-snippet e-card-snippet"> G59: コンテンツ内の順番及び関係に従った順序で、インタラクティブな要素を配置する の、「インタラクティブな要素」は、一見、フォームのことだけかと思ってしまうが、フォームだけではなく、単なるリンクも「インタラクティブな要素」に含まれる。 ... </div> </div><!-- /.related-entry-card-content --> </article><!-- /.related-entry-card --> </a><!-- /.related-entry-card-wrap --> </div> </aside> <div class="ad-area no-icon ad-below-related-posts ad-rectangle ad-label-visible cf" itemscope itemtype="https://schema.org/WPAdBlock"> <div class="ad-label" itemprop="name" data-nosnippet>スポンサーリンク</div> <div class="ad-wrap"> <div class="ad-responsive ad-usual"><!-- レスポンシブコード --> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-4895059887263926" data-ad-slot="6752884896" data-ad-format="rectangle" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script></div> </div> </div> <div id="pager-post-navi" class="pager-post-navi post-navi-default cf"> <a href="https://it-afi.com/web%e3%82%a2%e3%82%af%e3%82%bb%e3%82%b7%e3%83%93%e3%83%aa%e3%83%86%e3%82%a3/scr28-%e3%81%af%e3%80%81%e3%83%8f%e3%83%b3%e3%83%90%e3%83%bc%e3%82%ac%e3%83%bc%e3%83%a1%e3%83%8b%e3%83%a5%e3%83%bc%e3%81%a8%e3%81%8b%e3%80%81%e7%9b%ae%e6%ac%a1%e3%81%a8%e3%81%8b%ef%bc%88%e3%81%93/" title="SCR28 は、ハンバーガーメニューとか、目次とか（このブログでも使用している）" class="prev-post a-wrap border-element cf"> <div class="fa fa-chevron-left iconfont" aria-hidden="true"></div> <figure class="prev-post-thumb card-thumb"><img width="120" height="68" src="https://it-afi.com/wp-content/uploads/2022/05/accessibility-logo-120x68.png" class="attachment-thumb120 size-thumb120 wp-post-image" alt="" decoding="async" loading="lazy" srcset="https://it-afi.com/wp-content/uploads/2022/05/accessibility-logo-120x68.png 120w, https://it-afi.com/wp-content/uploads/2022/05/accessibility-logo-160x90.png 160w, https://it-afi.com/wp-content/uploads/2022/05/accessibility-logo-320x180.png 320w" sizes="(max-width: 120px) 100vw, 120px" /></figure> <div class="prev-post-title">SCR28 は、ハンバーガーメニューとか、目次とか（このブログでも使用している）</div></a><a href="https://it-afi.com/web%e3%82%a2%e3%82%af%e3%82%bb%e3%82%b7%e3%83%93%e3%83%aa%e3%83%86%e3%82%a3/g59%e3%81%ae%e3%80%81%e3%80%8c%e3%82%a4%e3%83%b3%e3%82%bf%e3%83%a9%e3%82%af%e3%83%86%e3%82%a3%e3%83%96%e3%81%aa%e8%a6%81%e7%b4%a0%e3%80%8d%e3%81%af%e3%80%81%e5%8d%98%e3%81%aa%e3%82%8b%e3%83%aa/" title="G59の、「インタラクティブな要素」は、単なるリンクも含む。" class="next-post a-wrap cf"> <div class="fa fa-chevron-right iconfont" aria-hidden="true"></div> <figure class="next-post-thumb card-thumb"> <img width="120" height="68" src="https://it-afi.com/wp-content/uploads/2022/05/accessibility-logo-120x68.png" class="attachment-thumb120 size-thumb120 wp-post-image" alt="" decoding="async" loading="lazy" srcset="https://it-afi.com/wp-content/uploads/2022/05/accessibility-logo-120x68.png 120w, https://it-afi.com/wp-content/uploads/2022/05/accessibility-logo-160x90.png 160w, https://it-afi.com/wp-content/uploads/2022/05/accessibility-logo-320x180.png 320w" sizes="(max-width: 120px) 100vw, 120px" /></figure> <div class="next-post-title">G59の、「インタラクティブな要素」は、単なるリンクも含む。</div></a></div><!-- /.pager-post-navi --> <!-- comment area --> <div id="comment-area" class="comment-area"> <section class="comment-list"> <h2 id="comments" class="comment-title"> コメント </h2> </section> <aside class="comment-form"> <button id="comment-reply-btn" class="comment-btn key-btn">コメントを書き込む</button> <div id="respond" class="comment-respond"> <h3 id="reply-title" class="comment-reply-title">コメントをどうぞ <small><a rel="nofollow" id="cancel-comment-reply-link" href="/web%e3%82%a2%e3%82%af%e3%82%bb%e3%82%b7%e3%83%93%e3%83%aa%e3%83%86%e3%82%a3/%e3%83%9a%e3%83%bc%e3%82%b8%e3%82%bf%e3%82%a4%e3%83%88%e3%83%ab%e3%81%ab%e9%96%a2%e3%81%99%e3%82%8b%e9%81%94%e6%88%90%e6%96%b9%e6%b3%95g88%e3%81%a8h25%e3%81%ae%e9%81%95%e3%81%84/#respond" style="display:none;">コメントをキャンセル</a></small></h3><form action="https://it-afi.com/wp-comments-post.php" method="post" id="commentform" class="comment-form"><p class="comment-notes"><span id="email-notes">メールアドレスが公開されることはありません。</span> <span class="required">*</span> が付いている欄は必須項目です</p><p class="comment-form-comment"><label for="comment">コメント <span class="required">※</span></label> <textarea id="comment" name="comment" cols="45" rows="8" maxlength="65525" required="required"></textarea></p><p class="comment-form-author"><label for="author">名前 <span class="required">※</span></label> <input id="author" name="author" type="text" value="" size="30" maxlength="245" autocomplete="name" required="required" /></p> <p class="comment-form-email"><label for="email">メール <span class="required">※</span></label> <input id="email" name="email" type="text" value="" size="30" maxlength="100" aria-describedby="email-notes" autocomplete="email" required="required" /></p> <p class="comment-form-url"><label for="url">サイト</label> <input id="url" name="url" type="text" value="" size="30" maxlength="200" autocomplete="url" /></p> <p class="comment-form-cookies-consent"><input id="wp-comment-cookies-consent" name="wp-comment-cookies-consent" type="checkbox" value="yes" /> <label for="wp-comment-cookies-consent">次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。</label></p> <p class="form-submit"><input name="submit" type="submit" id="submit" class="submit" value="コメントを送信" /> <input type='hidden' name='comment_post_ID' value='3040' id='comment_post_ID' /> <input type='hidden' name='comment_parent' id='comment_parent' value='0' /> </p><p style="display: none;"><input type="hidden" id="akismet_comment_nonce" name="akismet_comment_nonce" value="e59fae7f18" /></p><p style="display: none !important;"><label>Δ<textarea name="ak_hp_textarea" cols="45" rows="8" maxlength="100"></textarea></label><input type="hidden" id="ak_js_1" name="ak_js" value="4"/><script>document.getElementById( "ak_js_1" ).setAttribute( "value", ( new Date() ).getTime() );</script></p></form> </div><!-- #respond --> <p class="akismet_comment_form_privacy_notice">このサイトはスパムを低減するために Akismet を使っています。<a href="https://akismet.com/privacy/" target="_blank" rel="nofollow noopener">コメントデータの処理方法の詳細はこちらをご覧ください</a>。</p></aside></div><!-- /.comment area --> </div> <div id="breadcrumb" class="breadcrumb breadcrumb-category sbp-main-bottom" itemscope itemtype="https://schema.org/BreadcrumbList"><div class="breadcrumb-home" itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span class="fa fa-home fa-fw" aria-hidden="true"></span><a href="https://it-afi.com" itemprop="item"><span itemprop="name" class="breadcrumb-caption">ホーム</span></a><meta itemprop="position" content="1" /><span class="sp"><span class="fa fa-angle-right" aria-hidden="true"></span></span></div><div class="breadcrumb-item" itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span class="fa fa-folder fa-fw" aria-hidden="true"></span><a href="https://it-afi.com/category/web%e3%82%a2%e3%82%af%e3%82%bb%e3%82%b7%e3%83%93%e3%83%aa%e3%83%86%e3%82%a3/" itemprop="item"><span itemprop="name" class="breadcrumb-caption">Webアクセシビリティ</span></a><meta itemprop="position" content="2" /></div></div><!-- /#breadcrumb --> </main> <div id="sidebar" class="sidebar nwa cf" role="complementary"> <div class="ad-area no-icon ad-sidebar-top ad-auto ad-label-invisible cf" itemscope itemtype="https://schema.org/WPAdBlock"> <div class="ad-label" itemprop="name" data-nosnippet>スポンサーリンク</div> <div class="ad-wrap"> <div class="ad-responsive ad-usual"><!-- レスポンシブコード --> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-4895059887263926" data-ad-slot="6752884896" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script></div> </div> </div> <aside id="search-4" class="widget widget-sidebar widget-sidebar-standard widget_search"><form class="search-box input-box" method="get" action="https://it-afi.com/"> <input type="text" placeholder="サイト内を検索" name="s" class="search-edit" aria-label="input" value=""> <button type="submit" class="search-submit" aria-label="button"><span class="fa fa-search" aria-hidden="true"></span></button> </form> </aside><aside id="popular_entries-3" class="widget widget-sidebar widget-sidebar-standard widget_popular_entries"><h3 class="widget-sidebar-title widget-title">週間アクセスランキング</h3> <div class="popular-entry-cards widget-entry-cards no-icon cf ranking-visible"> <a href="https://it-afi.com/excel/post-1666/" class="popular-entry-card-link widget-entry-card-link a-wrap no-1" title="ExcelなどでNASを信頼できる場所に追加するには名前でアクセスするしかない"> <div class="post-1666 popular-entry-card widget-entry-card e-card cf post type-post status-publish format-standard has-post-thumbnail hentry category-excel-post"> <figure class="popular-entry-card-thumb widget-entry-card-thumb card-thumb"> <img width="76" height="68" src="https://it-afi.com/wp-content/uploads/2021/02/greenx-logo.png" class="attachment-thumb120 size-thumb120 wp-post-image" alt="" decoding="async" loading="lazy" /> </figure><!-- /.popular-entry-card-thumb --> <div class="popular-entry-card-content widget-entry-card-content card-content"> <span class="popular-entry-card-title widget-entry-card-title card-title">ExcelなどでNASを信頼できる場所に追加するには名前でアクセスするしかない</span> <div class="popular-entry-card-date widget-entry-card-date display-none"> <span class="popular-entry-card-post-date widget-entry-card-post-date post-date">2021.02.03</span><span class="popular-entry-card-update-date widget-entry-card-update-date post-update">2022.06.24</span></div> </div><!-- /.popular-entry-content --> </div><!-- /.popular-entry-card --> </a><!-- /.popular-entry-card-link --> <a href="https://it-afi.com/%e3%83%8d%e3%83%83%e3%83%88%e3%83%af%e3%83%bc%e3%82%af/ip%e3%82%a2%e3%83%89%e3%83%ac%e3%82%b9%e3%81%ae%e3%82%af%e3%83%a9%e3%82%b9a%e3%82%af%e3%83%a9%e3%82%b9b%e3%82%af%e3%83%a9%e3%82%b9c%e3%81%a8%e3%81%af%e3%80%81%e5%8f%a4%e3%81%84%e6%a6%82%e5%bf%b5/" class="popular-entry-card-link widget-entry-card-link a-wrap no-2" title="IPアドレスのクラスA,クラスB,クラスCとは、古い概念よ"> <div class="post-3510 popular-entry-card widget-entry-card e-card cf post type-post status-publish format-standard hentry category-137-post"> <figure class="popular-entry-card-thumb widget-entry-card-thumb card-thumb"> <img src="https://it-afi.com/wp-content/themes/cocoon-master/images/no-image-120.png" alt="" class="no-image popular-entry-card-thumb-no-image widget-entry-card-thumb-no-image" width="120" height="68" /> </figure><!-- /.popular-entry-card-thumb --> <div class="popular-entry-card-content widget-entry-card-content card-content"> <span class="popular-entry-card-title widget-entry-card-title card-title">IPアドレスのクラスA,クラスB,クラスCとは、古い概念よ</span> <div class="popular-entry-card-date widget-entry-card-date display-none"> <span class="popular-entry-card-post-date widget-entry-card-post-date post-date">2022.11.24</span><span class="popular-entry-card-update-date widget-entry-card-update-date post-update">2023.09.27</span></div> </div><!-- /.popular-entry-content --> </div><!-- /.popular-entry-card --> </a><!-- /.popular-entry-card-link --> <a href="https://it-afi.com/ssl/ssl%e8%a8%bc%e6%98%8e%e6%9b%b8%e3%81%aecrt%e3%81%a8cer%e3%81%ae%e9%81%95%e3%81%84/" class="popular-entry-card-link widget-entry-card-link a-wrap no-3" title="SSL証明書のCRTとCERの違い"> <div class="post-3813 popular-entry-card widget-entry-card e-card cf post type-post status-publish format-standard has-post-thumbnail hentry category-ssl-post"> <figure class="popular-entry-card-thumb widget-entry-card-thumb card-thumb"> <img width="96" height="68" src="https://it-afi.com/wp-content/uploads/2020/08/2948b7333218472f233974c25f1a4a9e.png" class="attachment-thumb120 size-thumb120 wp-post-image" alt="" decoding="async" loading="lazy" srcset="https://it-afi.com/wp-content/uploads/2020/08/2948b7333218472f233974c25f1a4a9e.png 1600w, https://it-afi.com/wp-content/uploads/2020/08/2948b7333218472f233974c25f1a4a9e-300x212.png 300w, https://it-afi.com/wp-content/uploads/2020/08/2948b7333218472f233974c25f1a4a9e-1024x724.png 1024w, https://it-afi.com/wp-content/uploads/2020/08/2948b7333218472f233974c25f1a4a9e-768x543.png 768w, https://it-afi.com/wp-content/uploads/2020/08/2948b7333218472f233974c25f1a4a9e-1536x1086.png 1536w" sizes="(max-width: 96px) 100vw, 96px" /> </figure><!-- /.popular-entry-card-thumb --> <div class="popular-entry-card-content widget-entry-card-content card-content"> <span class="popular-entry-card-title widget-entry-card-title card-title">SSL証明書のCRTとCERの違い</span> <div class="popular-entry-card-date widget-entry-card-date display-none"> <span class="popular-entry-card-post-date widget-entry-card-post-date post-date">2023.02.24</span><span class="popular-entry-card-update-date widget-entry-card-update-date post-update">2023.04.11</span></div> </div><!-- /.popular-entry-content --> </div><!-- /.popular-entry-card --> </a><!-- /.popular-entry-card-link --> <a href="https://it-afi.com/chrome/chrome-%e6%a4%9c%e8%a8%bc%e3%81%a7%e9%96%8b%e3%81%84%e3%81%9felements%e3%81%ae%e5%86%85%e5%ae%b9%e3%82%92%e5%85%a8%e3%82%b3%e3%83%94%e3%83%bc%e3%81%99%e3%82%8b%e3%82%84%e3%82%8a%e6%96%b9/" class="popular-entry-card-link widget-entry-card-link a-wrap no-4" title="chrome 検証で開いたElementsの内容を全コピーするやり方"> <div class="post-2537 popular-entry-card widget-entry-card e-card cf post type-post status-publish format-standard has-post-thumbnail hentry category-chrome-post"> <figure class="popular-entry-card-thumb widget-entry-card-thumb card-thumb"> <img width="120" height="68" src="https://it-afi.com/wp-content/uploads/2022/03/chrome-like-logo-120x68.png" class="attachment-thumb120 size-thumb120 wp-post-image" alt="" decoding="async" loading="lazy" srcset="https://it-afi.com/wp-content/uploads/2022/03/chrome-like-logo-120x68.png 120w, https://it-afi.com/wp-content/uploads/2022/03/chrome-like-logo-160x90.png 160w, https://it-afi.com/wp-content/uploads/2022/03/chrome-like-logo-320x180.png 320w" sizes="(max-width: 120px) 100vw, 120px" /> </figure><!-- /.popular-entry-card-thumb --> <div class="popular-entry-card-content widget-entry-card-content card-content"> <span class="popular-entry-card-title widget-entry-card-title card-title">chrome 検証で開いたElementsの内容を全コピーするやり方</span> <div class="popular-entry-card-date widget-entry-card-date display-none"> <span class="popular-entry-card-post-date widget-entry-card-post-date post-date">2022.03.16</span></div> </div><!-- /.popular-entry-content --> </div><!-- /.popular-entry-card --> </a><!-- /.popular-entry-card-link --> <a href="https://it-afi.com/teams/teams-%e3%83%a1%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%b3%e3%81%a7%e3%81%8d%e3%81%aa%e3%81%84%ef%bc%88%e4%b8%80%e9%83%a8%e3%81%ae%e4%ba%ba%e3%81%a0%e3%81%91%e5%80%99%e8%a3%9c%e3%81%ab%e5%87%ba%e3%81%a6/" class="popular-entry-card-link widget-entry-card-link a-wrap no-5" title="Teams メンションできない（一部の人だけ候補に出てこない）"> <div class="post-2055 popular-entry-card widget-entry-card e-card cf post type-post status-publish format-standard has-post-thumbnail hentry category-teams-post"> <figure class="popular-entry-card-thumb widget-entry-card-thumb card-thumb"> <img width="120" height="68" src="https://it-afi.com/wp-content/uploads/2021/09/teams-logo-120x68.png" class="attachment-thumb120 size-thumb120 wp-post-image" alt="" decoding="async" loading="lazy" srcset="https://it-afi.com/wp-content/uploads/2021/09/teams-logo-120x68.png 120w, https://it-afi.com/wp-content/uploads/2021/09/teams-logo-160x90.png 160w, https://it-afi.com/wp-content/uploads/2021/09/teams-logo-320x180.png 320w" sizes="(max-width: 120px) 100vw, 120px" /> </figure><!-- /.popular-entry-card-thumb --> <div class="popular-entry-card-content widget-entry-card-content card-content"> <span class="popular-entry-card-title widget-entry-card-title card-title">Teams メンションできない（一部の人だけ候補に出てこない）</span> <div class="popular-entry-card-date widget-entry-card-date display-none"> <span class="popular-entry-card-post-date widget-entry-card-post-date post-date">2021.09.14</span><span class="popular-entry-card-update-date widget-entry-card-update-date post-update">2021.09.27</span></div> </div><!-- /.popular-entry-content --> </div><!-- /.popular-entry-card --> </a><!-- /.popular-entry-card-link --> </div> </aside> <aside id="popular_entries-2" class="widget widget-sidebar widget-sidebar-standard widget_popular_entries"><h3 class="widget-sidebar-title widget-title">総アクセスランキング</h3> <div class="popular-entry-cards widget-entry-cards no-icon cf ranking-visible"> <a href="https://it-afi.com/excel/post-1666/" class="popular-entry-card-link widget-entry-card-link a-wrap no-1" title="ExcelなどでNASを信頼できる場所に追加するには名前でアクセスするしかない"> <div class="post-1666 popular-entry-card widget-entry-card e-card cf post type-post status-publish format-standard has-post-thumbnail hentry category-excel-post"> <figure class="popular-entry-card-thumb widget-entry-card-thumb card-thumb"> <img width="76" height="68" src="https://it-afi.com/wp-content/uploads/2021/02/greenx-logo.png" class="attachment-thumb120 size-thumb120 wp-post-image" alt="" decoding="async" loading="lazy" /> </figure><!-- /.popular-entry-card-thumb --> <div class="popular-entry-card-content widget-entry-card-content card-content"> <span class="popular-entry-card-title widget-entry-card-title card-title">ExcelなどでNASを信頼できる場所に追加するには名前でアクセスするしかない</span> <div class="popular-entry-card-date widget-entry-card-date display-none"> <span class="popular-entry-card-post-date widget-entry-card-post-date post-date">2021.02.03</span><span class="popular-entry-card-update-date widget-entry-card-update-date post-update">2022.06.24</span></div> </div><!-- /.popular-entry-content --> </div><!-- /.popular-entry-card --> </a><!-- /.popular-entry-card-link --> <a href="https://it-afi.com/teams/teams-%e3%83%a1%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%b3%e3%81%a7%e3%81%8d%e3%81%aa%e3%81%84%ef%bc%88%e4%b8%80%e9%83%a8%e3%81%ae%e4%ba%ba%e3%81%a0%e3%81%91%e5%80%99%e8%a3%9c%e3%81%ab%e5%87%ba%e3%81%a6/" class="popular-entry-card-link widget-entry-card-link a-wrap no-2" title="Teams メンションできない（一部の人だけ候補に出てこない）"> <div class="post-2055 popular-entry-card widget-entry-card e-card cf post type-post status-publish format-standard has-post-thumbnail hentry category-teams-post"> <figure class="popular-entry-card-thumb widget-entry-card-thumb card-thumb"> <img width="120" height="68" src="https://it-afi.com/wp-content/uploads/2021/09/teams-logo-120x68.png" class="attachment-thumb120 size-thumb120 wp-post-image" alt="" decoding="async" loading="lazy" srcset="https://it-afi.com/wp-content/uploads/2021/09/teams-logo-120x68.png 120w, https://it-afi.com/wp-content/uploads/2021/09/teams-logo-160x90.png 160w, https://it-afi.com/wp-content/uploads/2021/09/teams-logo-320x180.png 320w" sizes="(max-width: 120px) 100vw, 120px" /> </figure><!-- /.popular-entry-card-thumb --> <div class="popular-entry-card-content widget-entry-card-content card-content"> <span class="popular-entry-card-title widget-entry-card-title card-title">Teams メンションできない（一部の人だけ候補に出てこない）</span> <div class="popular-entry-card-date widget-entry-card-date display-none"> <span class="popular-entry-card-post-date widget-entry-card-post-date post-date">2021.09.14</span><span class="popular-entry-card-update-date widget-entry-card-update-date post-update">2021.09.27</span></div> </div><!-- /.popular-entry-content --> </div><!-- /.popular-entry-card --> </a><!-- /.popular-entry-card-link --> <a href="https://it-afi.com/chrome/chrome-%e6%a4%9c%e8%a8%bc%e3%81%a7%e9%96%8b%e3%81%84%e3%81%9felements%e3%81%ae%e5%86%85%e5%ae%b9%e3%82%92%e5%85%a8%e3%82%b3%e3%83%94%e3%83%bc%e3%81%99%e3%82%8b%e3%82%84%e3%82%8a%e6%96%b9/" class="popular-entry-card-link widget-entry-card-link a-wrap no-3" title="chrome 検証で開いたElementsの内容を全コピーするやり方"> <div class="post-2537 popular-entry-card widget-entry-card e-card cf post type-post status-publish format-standard has-post-thumbnail hentry category-chrome-post"> <figure class="popular-entry-card-thumb widget-entry-card-thumb card-thumb"> <img width="120" height="68" src="https://it-afi.com/wp-content/uploads/2022/03/chrome-like-logo-120x68.png" class="attachment-thumb120 size-thumb120 wp-post-image" alt="" decoding="async" loading="lazy" srcset="https://it-afi.com/wp-content/uploads/2022/03/chrome-like-logo-120x68.png 120w, https://it-afi.com/wp-content/uploads/2022/03/chrome-like-logo-160x90.png 160w, https://it-afi.com/wp-content/uploads/2022/03/chrome-like-logo-320x180.png 320w" sizes="(max-width: 120px) 100vw, 120px" /> </figure><!-- /.popular-entry-card-thumb --> <div class="popular-entry-card-content widget-entry-card-content card-content"> <span class="popular-entry-card-title widget-entry-card-title card-title">chrome 検証で開いたElementsの内容を全コピーするやり方</span> <div class="popular-entry-card-date widget-entry-card-date display-none"> <span class="popular-entry-card-post-date widget-entry-card-post-date post-date">2022.03.16</span></div> </div><!-- /.popular-entry-content --> </div><!-- /.popular-entry-card --> </a><!-- /.popular-entry-card-link --> <a href="https://it-afi.com/chrome/uncaught-in-promise-error-a-listener-indicated-an-asynchronous-response-by-returning-true-but-the-message-channel-closed-before-a-response-was-received/" class="popular-entry-card-link widget-entry-card-link a-wrap no-4" title="Uncaught (in promise) Error: A listener indicated an asynchronous response by returning true, but the message channel closed before a response was received"> <div class="post-3741 popular-entry-card widget-entry-card e-card cf post type-post status-publish format-standard has-post-thumbnail hentry category-chrome-post"> <figure class="popular-entry-card-thumb widget-entry-card-thumb card-thumb"> <img width="120" height="68" src="https://it-afi.com/wp-content/uploads/2022/03/chrome-like-logo-120x68.png" class="attachment-thumb120 size-thumb120 wp-post-image" alt="" decoding="async" loading="lazy" srcset="https://it-afi.com/wp-content/uploads/2022/03/chrome-like-logo-120x68.png 120w, https://it-afi.com/wp-content/uploads/2022/03/chrome-like-logo-160x90.png 160w, https://it-afi.com/wp-content/uploads/2022/03/chrome-like-logo-320x180.png 320w" sizes="(max-width: 120px) 100vw, 120px" /> </figure><!-- /.popular-entry-card-thumb --> <div class="popular-entry-card-content widget-entry-card-content card-content"> <span class="popular-entry-card-title widget-entry-card-title card-title">Uncaught (in promise) Error: A listener indicated an asynchronous response by returning true, but the message channel closed before a response was received</span> <div class="popular-entry-card-date widget-entry-card-date display-none"> <span class="popular-entry-card-post-date widget-entry-card-post-date post-date">2023.02.10</span></div> </div><!-- /.popular-entry-content --> </div><!-- /.popular-entry-card --> </a><!-- /.popular-entry-card-link --> <a href="https://it-afi.com/mac/post-245/" class="popular-entry-card-link widget-entry-card-link a-wrap no-5" title="MacにiPhone充電できない。ポンポン鳴って接続と未接続を繰り返す→ファミコンの技で解決→やっぱダメでした"> <div class="post-245 popular-entry-card widget-entry-card e-card cf post type-post status-publish format-standard has-post-thumbnail hentry category-mac-post"> <figure class="popular-entry-card-thumb widget-entry-card-thumb card-thumb"> <img width="120" height="68" src="https://it-afi.com/wp-content/uploads/2023/02/mac-photo-120x68.jpg" class="attachment-thumb120 size-thumb120 wp-post-image" alt="" decoding="async" loading="lazy" srcset="https://it-afi.com/wp-content/uploads/2023/02/mac-photo-120x68.jpg 120w, https://it-afi.com/wp-content/uploads/2023/02/mac-photo-160x90.jpg 160w, https://it-afi.com/wp-content/uploads/2023/02/mac-photo-320x180.jpg 320w" sizes="(max-width: 120px) 100vw, 120px" /> </figure><!-- /.popular-entry-card-thumb --> <div class="popular-entry-card-content widget-entry-card-content card-content"> <span class="popular-entry-card-title widget-entry-card-title card-title">MacにiPhone充電できない。ポンポン鳴って接続と未接続を繰り返す→ファミコンの技で解決→やっぱダメでした</span> <div class="popular-entry-card-date widget-entry-card-date display-none"> <span class="popular-entry-card-post-date widget-entry-card-post-date post-date">2019.11.15</span><span class="popular-entry-card-update-date widget-entry-card-update-date post-update">2023.02.10</span></div> </div><!-- /.popular-entry-content --> </div><!-- /.popular-entry-card --> </a><!-- /.popular-entry-card-link --> </div> </aside> <div id="sidebar-scroll" class="sidebar-scroll"> <aside id="toc-2" class="widget widget-sidebar widget-sidebar-scroll widget_toc"> <div class="toc-widget-box"> <div class="toc tnt-number toc-center tnt-number border-element"><input type="checkbox" class="toc-checkbox" id="toc-checkbox-3" checked><label class="toc-title" for="toc-checkbox-3">目次</label> <div class="toc-content"> <ol class="toc-list open"><li><a href="#toc1" tabindex="0">H25は、<frameset>の中の、個々の<frame>だけじゃなくて、通常のページのページタイトルも含む</a></li><li><a href="#toc2" tabindex="0">AIの回答。G88はページタイトルの内容で、H25はページタイトルの技術的な実装</a></li></ol> </div> </div> </div> </aside> <aside id="text-3" class="widget widget-sidebar widget-sidebar-scroll widget_text"><h3 class="widget-sidebar-scroll-title widget-title">Googleアドセンスレスポンシブ</h3> <div class="textwidget"><script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <!-- it-afi_最初の広告 --> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-4895059887263926" data-ad-slot="6752884896" data-ad-format="auto"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script></div> </aside> </div> </div> </div> </div> <footer id="footer" class="footer footer-container nwa" itemscope itemtype="https://schema.org/WPFooter"> <div id="footer-in" class="footer-in wrap cf"> <div class="footer-bottom fdt-logo fnm-text-width cf"> <div class="footer-bottom-logo"> <div class="logo logo-footer logo-text"><a href="https://it-afi.com/" class="site-name site-name-text-link" itemprop="url"><span class="site-name-text" itemprop="name about">クズリーマンのカス備忘録</span></a></div> </div> <div class="footer-bottom-content"> <nav id="navi-footer" class="navi-footer"> <div id="navi-footer-in" class="navi-footer-in"> </div> </nav> <div class="source-org copyright">© 2016 クズリーマンのカス備忘録.</div> </div> </div> </div> </footer> <ul class="mobile-footer-menu-buttons mobile-menu-buttons"> <!-- メニューボタン --> <li class="navi-menu-button menu-button"> <input id="navi-menu-input" type="checkbox" class="display-none"> <label id="navi-menu-open" class="menu-open menu-button-in" for="navi-menu-input"> <span class="navi-menu-icon menu-icon"> <span class="fa fa-bars" aria-hidden="true"></span> </span> <span class="navi-menu-caption menu-caption">メニュー</span> </label> <label class="display-none" id="navi-menu-close" for="navi-menu-input"></label> <div id="navi-menu-content" class="navi-menu-content menu-content"> <label class="navi-menu-close-button menu-close-button" for="navi-menu-input"><span class="fa fa-close" aria-hidden="true"></span></label> <ul class="menu-drawer"><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-home menu-item-3618"><a href="https://it-afi.com">ホーム</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4441"><a href="https://it-afi.com/%e3%81%8a%e4%bb%95%e4%ba%8b%e3%81%ae%e3%81%94%e4%be%9d%e9%a0%bc%e3%81%ab%e3%81%a4%e3%81%84%e3%81%a6/">お仕事のご依頼について</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3619"><a href="https://it-afi.com/%e3%81%8a%e5%95%8f%e3%81%84%e5%90%88%e3%82%8f%e3%81%9b/">お問い合わせ</a></li> </ul> </div> </li> <!-- ホームボタン --> <li class="home-menu-button menu-button"> <a href="https://it-afi.com" class="menu-button-in"> <span class="home-menu-icon menu-icon"> <span class="fa fa-home" aria-hidden="true"></span> </span> <span class="home-menu-caption menu-caption">ホーム</span> </a> </li> <!-- 検索ボタン --> <!-- 検索ボタン --> <li class="search-menu-button menu-button"> <input id="search-menu-input" type="checkbox" class="display-none"> <label id="search-menu-open" class="menu-open menu-button-in" for="search-menu-input"> <span class="search-menu-icon menu-icon"> <span class="fa fa-search" aria-hidden="true"></span> </span> <span class="search-menu-caption menu-caption">検索</span> </label> <label class="display-none" id="search-menu-close" for="search-menu-input"></label> <div id="search-menu-content" class="search-menu-content"> <form class="search-box input-box" method="get" action="https://it-afi.com/"> <input type="text" placeholder="サイト内を検索" name="s" class="search-edit" aria-label="input" value=""> <button type="submit" class="search-submit" aria-label="button"><span class="fa fa-search" aria-hidden="true"></span></button> </form> </div> </li> <!-- トップボタン --> <li class="top-menu-button menu-button"> <a href="#" class="go-to-top-common top-menu-a menu-button-in"> <span class="top-menu-icon menu-icon"> <span class="fa fa-arrow-up" aria-hidden="true"></span> </span> <span class="top-menu-caption menu-caption">トップ</span> </a> </li> <!-- サイドバーボタン --> <li class="sidebar-menu-button menu-button"> <input id="sidebar-menu-input" type="checkbox" class="display-none"> <label id="sidebar-menu-open" class="menu-open menu-button-in" for="sidebar-menu-input"> <span class="sidebar-menu-icon menu-icon"> <span class="fa fa-outdent" aria-hidden="true"></span> </span> <span class="sidebar-menu-caption menu-caption">サイドバー</span> </label> <label class="display-none" id="sidebar-menu-close" for="sidebar-menu-input"></label> <div id="sidebar-menu-content" class="sidebar-menu-content menu-content"> <label class="sidebar-menu-close-button menu-close-button" for="sidebar-menu-input"><span class="fa fa-close" aria-hidden="true"></span></label> </div> </li> </ul> <div id="go-to-top" class="go-to-top"> <button class="go-to-top-button go-to-top-common go-to-top-hide go-to-top-button-icon-font" aria-label="トップへ戻る"><span class="fa fa-angle-double-up"></span></button> </div> <script src="https://it-afi.com/wp-content/themes/cocoon-master/plugins/highlight-js/highlight.min.js?ver=6.4.5&fver=20230704125932" id="code-highlight-js-js"></script> <script id="code-highlight-js-js-after"> /* <![CDATA[ */ (function($){$(".entry-content pre").each(function(i,block){hljs.highlightBlock(block)})})(jQuery); /* ]]> */ </script> <script src="https://it-afi.com/wp-content/themes/cocoon-master/plugins/baguettebox/dist/baguetteBox.min.js?ver=6.4.5&fver=20230704125932" id="baguettebox-js-js"></script> <script id="baguettebox-js-js-after"> /* <![CDATA[ */ (function($){baguetteBox.run(".entry-content")})(jQuery); /* ]]> */ </script> <script src="https://it-afi.com/wp-content/themes/cocoon-master/plugins/stickyfill/dist/stickyfill.min.js?ver=6.4.5&fver=20230704125932" id="stickyfill-js-js"></script> <script src="https://it-afi.com/wp-includes/js/comment-reply.min.js?ver=6.4.5&fver=20221218013350" id="comment-reply-js" async="async" data-wp-strategy="async"></script> <script id="cocoon-js-js-extra"> /* <![CDATA[ */ var cocoon_localize_script_options = {"is_lazy_load_enable":null,"is_fixed_mobile_buttons_enable":"","is_google_font_lazy_load_enable":null}; /* ]]> */ </script> <script src="https://it-afi.com/wp-content/themes/cocoon-master/javascript.js?ver=6.4.5&fver=20230704125932" id="cocoon-js-js"></script> <script src="https://it-afi.com/wp-content/themes/cocoon-child-master/javascript.js?ver=6.4.5&fver=20210525074317" id="cocoon-child-js-js"></script> <script src="https://it-afi.com/wp-content/themes/cocoon-child-master/prism.js?ver=2.0.1&fver=20210525092927" id="hcb-prism-js"></script> <script src="https://it-afi.com/wp-includes/js/clipboard.min.js?ver=2.0.11&fver=20221218013350" id="clipboard-js"></script> <script id="hcb-script-js-extra"> /* <![CDATA[ */ var hcbVars = {"showCopyBtn":"1","copyBtnLabel":"\u30b3\u30fc\u30c9\u3092\u30af\u30ea\u30c3\u30d7\u30dc\u30fc\u30c9\u306b\u30b3\u30d4\u30fc\u3059\u308b"}; /* ]]> */ </script> <script src="https://it-afi.com/wp-content/plugins/highlighting-code-block/build/js/hcb_script.js?ver=2.0.1&fver=20240108062730" id="hcb-script-js"></script> <script defer src="https://it-afi.com/wp-content/plugins/akismet/_inc/akismet-frontend.js?ver=1704695057&fver=20240108062417" id="akismet-frontend-js"></script> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-4895059887263926" crossorigin="anonymous"></script> <div class="copy-info">タイトルとURLをコピーしました</div> <script src="//cdn.jsdelivr.net/clipboard.js/1.5.13/clipboard.min.js"></script> <script> (function($){ selector = '.copy-button';//clipboardで使う要素を指定 $(selector).click(function(event){ //クリック動作をキャンセル event.preventDefault(); }); //クリップボード動作 var clipboard = new Clipboard(selector); clipboard.on('success', function(e) { $('.copy-info').fadeIn(500).delay(1000).fadeOut(500); e.clearSelection(); }); })(jQuery); </script> </div><!-- #container --> </body> </html>