Giter VIP home page Giter VIP logo

Multiple <title> tags in a web page about act-rules.github.io HOT 3 OPEN

giacomo-petri avatar giacomo-petri commented on June 12, 2024
Multiple tags in a web page<p>from act-rules.github.io.</p></section> </section> </article> <article> <h2 class="h2">Comments (3)</h2> <section class="issue-comment"> <section id="2016479540" class="issue-head"> <img class="issue-avatar" src="https://avatars.githubusercontent.com/u/19969498?s=30&u=33b87189927b99cef17a0fe77b06fc1f417cce51&v=4" alt="Jym77 avatar" /> <a class="issue-username" href="/Jym77">Jym77</a> <span class="issue-time"> commented on June 12, 2024 </span> </section> <section class="markdown markdown-js p-5"><p dir="auto">Indeed, can't find it either (not even in parsing rules).<br> It should be replaced by something like "browsers/AT behave consistently" (may need some extra testing that all the passed examples indeed pass in most common combinations...)</p><p>from act-rules.github.io.</p></section> </section> <section class="issue-comment"> <section id="2016902644" class="issue-head"> <img class="issue-avatar" src="https://avatars.githubusercontent.com/u/106394951?s=30&u=2b7d1a82e6e7060fadf934eb65537711502aa129&v=4" alt="giacomo-petri avatar" /> <a class="issue-username" href="/giacomo-petri">giacomo-petri</a> <span class="issue-time"> commented on June 12, 2024 </span> </section> <section class="markdown markdown-js p-5"><p dir="auto">I'll address this with a PR, first making sure that browsers expose consistently the same title.</p><p>from act-rules.github.io.</p></section> </section> <section class="issue-comment"> <section id="2056124845" class="issue-head"> <img class="issue-avatar" src="https://avatars.githubusercontent.com/u/106394951?s=30&u=2b7d1a82e6e7060fadf934eb65537711502aa129&v=4" alt="giacomo-petri avatar" /> <a class="issue-username" href="/giacomo-petri">giacomo-petri</a> <span class="issue-time"> commented on June 12, 2024 </span> </section> <section class="markdown markdown-js p-5"><p dir="auto">Outcomes of my test:</p> <table role="table"> <thead> <tr> <th>Scenario</th> <th>Chrome</th> <th>Safari</th> <th>Firefox</th> </tr> </thead> <tbody> <tr> <td>2 titles, both in <code class="notranslate"><head></code></td> <td>The computed title is the 1st in list</td> <td>The computed title is the 1st in list</td> <td>The computed title is the 1st in list</td> </tr> <tr> <td>2 titles, both in <code class="notranslate"><body></code></td> <td>The computed title is the 1st in list</td> <td>The computed title is the 1st in list</td> <td>The computed title is the 1st in list</td> </tr> <tr> <td>2 titles, both after the <code class="notranslate"><body></code> (parsing issue but it happens)</td> <td>The computed title is the 1st in list</td> <td>The computed title is the 1st in list</td> <td>The computed title is the 1st in list</td> </tr> <tr> <td>2 titles, 1 in <code class="notranslate"><head></code>, 1 in <code class="notranslate"><body></code></td> <td>The computed title is the 1st in list (the one in head)</td> <td>The computed title is the 1st in list (the one in head)</td> <td>The computed title is the 1st in list (the one in head)</td> </tr> <tr> <td>2 titles, 1 in <code class="notranslate"><head></code>, 1 after the <code class="notranslate"><body></code> (parsing issue but it happens)</td> <td>The computed title is the 1st in list (the one in head)</td> <td>The computed title is the 1st in list (the one in head)</td> <td>The computed title is the 1st in list (the one in head)</td> </tr> <tr> <td>2 titles, 1 in <code class="notranslate"><body></code>, 1 after the <code class="notranslate"><body></code> (parsing issue but it happens)</td> <td>The computed title is the 1st in list (the one in body)</td> <td>The computed title is the 1st in list (the one in body)</td> <td>The computed title is the 1st in list (the one in body)</td> </tr> <tr> <td>2 titles, 1 in <code class="notranslate"><head></code>, 1 inside a shadowroot (open and closed)</td> <td>The computed title is the 1st in list (the one in head), shadowroot title is ignored</td> <td>The computed title is the 1st in list (the one in head), shadowroot title is ignored</td> <td>The computed title is the 1st in list (the one in head), shadowroot title is ignored</td> </tr> </tbody> </table> <p dir="auto">Proceeding with the PR.</p><p>from act-rules.github.io.</p></section> </section> </article> <section> <h2 class="h2">Related Issues (20)</h2> <div class="issue"> <ul> <li> <a href="/act-rules/act-rules.github.io/issues/2152">Clarify that "Image resource" can be any supported image format [0va7u6]</a> </li> <li> <a href="/act-rules/act-rules.github.io/issues/2157">Audio or video element that plays automatically has a control mechanism (4c31df): Inapplicable example 2 has audio</a> </li> <li> <a href="/act-rules/act-rules.github.io/issues/2163">"Zoomed text node is not clipped with CSS overflow": "link to a full version": source unclear </a> <span class="text-red-600 text-xs font-normal py-0.5 px-1 border border-red-600 rounded-md">HOT 4</span> </li> <li> <a href="/act-rules/act-rules.github.io/issues/2164">Verbose examples (rules format)</a> <span class="text-red-600 text-xs font-normal py-0.5 px-1 border border-red-600 rounded-md">HOT 11</span> </li> <li> <a href="/act-rules/act-rules.github.io/issues/2165">[4b1c6c]: CG Discuss: Remove rule "Iframe elements with identical accessible names have equivalent purpose "</a> <span class="text-red-600 text-xs font-normal py-0.5 px-1 border border-red-600 rounded-md">HOT 5</span> </li> <li> <a href="/act-rules/act-rules.github.io/issues/2166">Form field has non-empty accessible name [e086e5]: add 1.3.1 and 2.5.3</a> <span class="text-red-600 text-xs font-normal py-0.5 px-1 border border-red-600 rounded-md">HOT 1</span> </li> <li> <a href="/act-rules/act-rules.github.io/issues/2169">Passed Example 2 of "HTML page has non-empty title" rule is quite ambiguous</a> <span class="text-red-600 text-xs font-normal py-0.5 px-1 border border-red-600 rounded-md">HOT 3</span> </li> <li> <a href="/act-rules/act-rules.github.io/issues/2170">"translations into a ..." links are pointing to the wrong URL - Meta viewport allows for zoom (proposed) - b4f0c3</a> <span class="text-red-600 text-xs font-normal py-0.5 px-1 border border-red-600 rounded-md">HOT 2</span> </li> <li> <a href="/act-rules/act-rules.github.io/issues/2171">Passed Example 3 doesn't pass in Chrome - HTML images contain no text [0va7u6]</a> <span class="text-red-600 text-xs font-normal py-0.5 px-1 border border-red-600 rounded-md">HOT 1</span> </li> <li> <a href="/act-rules/act-rules.github.io/issues/2172">Add text-shadow failure - Text has minimum contrast [afw4f7]</a> </li> <li> <a href="/act-rules/act-rules.github.io/issues/2175">"Links with identical accessible names and same context serve equivalent purpose" [fd3a94]: Failed example 2 does not have **same** context</a> </li> <li> <a href="/act-rules/act-rules.github.io/issues/2176">"Programmatically Determined Link Context" definition is too broad</a> <span class="text-red-600 text-xs font-normal py-0.5 px-1 border border-red-600 rounded-md">HOT 4</span> </li> <li> <a href="/act-rules/act-rules.github.io/issues/2177">"Links with identical accessible names and same context serve equivalent purpose" [fd3a94]: Failed examples 4-8 have *huge* images</a> <span class="text-red-600 text-xs font-normal py-0.5 px-1 border border-red-600 rounded-md">HOT 1</span> </li> <li> <a href="/act-rules/act-rules.github.io/issues/2179">HTML page has non-empty title [2779a5]: Shadow root example</a> </li> <li> <a href="/act-rules/act-rules.github.io/issues/2183">Do branch publish for easier reviewing of PRs</a> <span class="text-red-600 text-xs font-normal py-0.5 px-1 border border-red-600 rounded-md">HOT 1</span> </li> <li> <a href="/act-rules/act-rules.github.io/issues/2186">Transcript for video content does not need to be visible (ee13b5, 1a02b0)</a> <span class="text-red-600 text-xs font-normal py-0.5 px-1 border border-red-600 rounded-md">HOT 5</span> </li> <li> <a href="/act-rules/act-rules.github.io/issues/2189">Rule idea: A non-global WAI-ARIA state or property is used where it is not supported</a> <span class="text-red-600 text-xs font-normal py-0.5 px-1 border border-red-600 rounded-md">HOT 2</span> </li> <li> <a href="/act-rules/act-rules.github.io/issues/2191">Rule: ARIA state or property is permitted [5c01ea]: "The aria-label property is a global property. It is allowed on any semantic role" is not true </a> </li> <li> <a href="/act-rules/act-rules.github.io/issues/2193">[New Rule] Presentational Roles Conflict is not triggered</a> </li> </ul> </div> </section> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-7917632214101949" data-ad-slot="8319954821" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </main> <section id="more" class="flex-none w-full md:w-60 text-gray-600 bg-gray-50 px-5 md:px-3 rounded-md dark-color"> <div class="w-full md:w-60 h-0.5"></div> <section> <!-- recommend projects --> <h2 class="h2 py-3.5">Recommend Projects</h2> <ul> <li class="mb-4"> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-7917632214101949" data-ad-slot="8319954821" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </li> <li> <article class="small-box"> <h3 class="article-title"> <a class="block break-all" href="/facebook/react"> <img loading="lazy" class="inline-block w-6 h-6 rounded-md border border-white" width="24" height="24" src="https://raw.githubusercontent.com/facebook/create-react-app/master/packages/cra-template/template/public/logo192.png" alt="React photo" /> React </a> </h3> <p class="article-more pt-1">A declarative, efficient, and flexible JavaScript library for building user interfaces.</p> </article> </li> <li> <article class="small-box"> <h3 class="article-title"> <a class="block break-all" href="/vuejs/vue"> <img loading="lazy" class="inline-block w-6 h-6 rounded-md border border-white" width="24" height="24" src="https://camo.githubusercontent.com/c8f91d18976e27123643a926a2588b8d931a0292fd0b6532c3155379e8591629/68747470733a2f2f7675656a732e6f72672f696d616765732f6c6f676f2e706e67" alt="Vue.js photo" /> Vue.js </a> </h3> <p class="article-more pt-1">🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.</p> </article> </li> <li> <article class="small-box"> <h3 class="article-title"> <a class="block break-all" href="/microsoft/TypeScript"> <img loading="lazy" class="inline-block w-6 h-6 rounded-md border border-white" width="24" height="24" src="https://www.typescriptlang.org/favicon-32x32.png" alt="Typescript photo" /> Typescript </a> </h3> <p class="article-more pt-1">TypeScript is a superset of JavaScript that compiles to clean JavaScript output.</p> </article> </li> <li> <article class="small-box"> <h3 class="article-title"> <a class="block break-all" href="/tensorflow/tensorflow"> <img loading="lazy" class="inline-block w-6 h-6 rounded-md border border-white" width="24" height="24" src="https://camo.githubusercontent.com/c04e16c05de80dadbdc990884672fc941fdcbbfbb02b31dd48c248d010861426/68747470733a2f2f7777772e74656e736f72666c6f772e6f72672f696d616765732f74665f6c6f676f5f736f6369616c2e706e67" alt="TensorFlow photo" /> TensorFlow </a> </h3> <p class="article-more pt-1">An Open Source Machine Learning Framework for Everyone</p> </article> </li> <li> <article class="small-box"> <h3 class="article-title"> <a class="block break-all" href="/django/django"> <img loading="lazy" class="inline-block w-6 h-6 rounded-md border border-white" width="24" height="24" src="https://avatars2.githubusercontent.com/u/27804?s=200&v=4" alt="Django photo" /> Django </a> </h3> <p class="article-more pt-1">The Web framework for perfectionists with deadlines.</p> </article> </li> <li> <article class="small-box"> <h3 class="article-title"> <a class="block break-all" href="/laravel/laravel"> <img loading="lazy" class="inline-block w-6 h-6 rounded-md border border-white" width="24" height="24" src="https://laravel.com/img/logomark.min.svg" alt="Laravel photo" /> Laravel </a> </h3> <p class="article-more pt-1">A PHP framework for web artisans</p> </article> </li> <li> <article class="small-box"> <h3 class="article-title"> <a class="block break-all" href="/d3/d3"> <img loading="lazy" class="inline-block w-6 h-6 rounded-md border border-white" width="24" height="24" src="https://camo.githubusercontent.com/586ccf0aad9684edc821658cee04146cf36d1f1d5ec904bbefd72728909ccb2e/68747470733a2f2f64336a732e6f72672f6c6f676f2e737667" alt="D3 photo" /> D3 </a> </h3> <p class="article-more pt-1">Bring data to life with SVG, Canvas and HTML. 📊📈🎉</p> </article> </li> <li> <div> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-7917632214101949" data-ad-slot="8319954821" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> </li> </ul> </section> <section> <!-- recommend topics --> <h2 class="h2 py-3.5">Recommend Topics</h2> <ul> <li> <article class="small-box"> <h3 class="article-title"> <a class="block break-all" href="/topic/javascript"> javascript </a> </h3> <p class="article-more pt-1">JavaScript (JS) is a lightweight interpreted programming language with first-class functions.</p> </article> </li> <li> <article class="small-box"> <h3 class="article-title"> <a class="block break-all" href="/topic/web"> web </a> </h3> <p class="article-more pt-1">Some thing interesting about web. New door for the world.</p> </article> </li> <li> <article class="small-box"> <h3 class="article-title"> <a class="block break-all" href="/topic/server"> server </a> </h3> <p class="article-more pt-1">A server is a program made to process requests and deliver data to clients.</p> </article> </li> <li> <article class="small-box"> <h3 class="article-title"> <a class="block break-all" href="/topic/machine-learning"> Machine learning </a> </h3> <p class="article-more pt-1">Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.</p> </article> </li> <li> <article class="small-box"> <h3 class="article-title"> <a class="block break-all" href="/topic/visualization"> Visualization </a> </h3> <p class="article-more pt-1">Some thing interesting about visualization, use data art</p> </article> </li> <li> <article class="small-box"> <h3 class="article-title"> <a class="block break-all" href="/topic/game"> Game </a> </h3> <p class="article-more pt-1">Some thing interesting about game, make everyone happy.</p> </article> </li> <li> </li> </ul> </section> <section> <!-- recommend users --> <h2 class="h2 py-3.5">Recommend Org</h2> <ul> <li> <article class="small-box"> <h3 class="article-title"> <a class="block break-all" href="/facebook"> <img loading="lazy" class="inline-block w-6 h-6 rounded-md border border-white" width="24" height="24" src="https://avatars.githubusercontent.com/u/69631?v=4" alt="Facebook photo" /> Facebook </a> </h3> <p class="article-more pt-1">We are working to build community through open source technology. NB: members must have two-factor auth.</p> </article> </li> <li> <article class="small-box"> <h3 class="article-title"> <a class="block break-all" href="/microsoft"> <img loading="lazy" class="inline-block w-6 h-6 rounded-md border border-white" width="24" height="24" src="https://avatars.githubusercontent.com/u/6154722?v=4" alt="Microsoft photo" /> Microsoft </a> </h3> <p class="article-more pt-1">Open source projects and samples from Microsoft.</p> </article> </li> <li> <article class="small-box"> <h3 class="article-title"> <a class="block break-all" href="/google"> <img loading="lazy" class="inline-block w-6 h-6 rounded-md border border-white" width="24" height="24" src="https://avatars.githubusercontent.com/u/1342004?v=4" alt="Google photo" /> Google </a> </h3> <p class="article-more pt-1">Google ❤️ Open Source for everyone.</p> </article> </li> <li> <article class="small-box"> <h3 class="article-title"> <a class="block break-all" href="/alibaba"> <img loading="lazy" class="inline-block w-6 h-6 rounded-md border border-white" width="24" height="24" src="https://avatars.githubusercontent.com/u/1961952?v=4" alt="Alibaba photo" /> Alibaba </a> </h3> <p class="article-more pt-1">Alibaba Open Source for everyone</p> </article> </li> <li> <article class="small-box"> <h3 class="article-title"> <a class="block break-all" href="/d3"> <img loading="lazy" class="inline-block w-6 h-6 rounded-md border border-white" width="24" height="24" src="https://avatars.githubusercontent.com/u/1562726?v=4" alt="D3 photo" /> D3 </a> </h3> <p class="article-more pt-1">Data-Driven Documents codes.</p> </article> </li> <li> <article class="small-box"> <h3 class="article-title"> <a class="block break-all" href="/tencent"> <img loading="lazy" class="inline-block w-6 h-6 rounded-md border border-white" width="24" height="24" src="https://avatars.githubusercontent.com/u/18461506?v=4" alt="Tencent photo" /> Tencent </a> </h3> <p class="article-more pt-1">China tencent open source team.</p> </article> </li> <li> </li> </ul> </section> </section> </div> </div> <!-- footer --> <footer class="sizeing text-xs text-center p-5"> <div>Friends: <a class="hover:underline" target="_blank" href="https://www.chanpinqingbaoju.com">ProductDiscover</a> </div> Copyright © 2024 Giter VIP <!-- & <span class="block md:inline">Data Power by github.com</span> --> ❤️ <a class="hover:underline block md:inline" href="mailto:cs.victor.edison@gmail.com">Mail to me</a> </footer> </body> </html>