E-mail List Archives

You are here: Home > Community > E-mail List Archives > View Message

From: Jeremy Echols
Date: Sep 7, 2023 7:20AM

Next message: Yeti: "Re: Providing accessible names with "</a></li> <li><strong>Previous message:</strong> <a href="mail_message?id=49400">Nick Bromley: "Re: Providing accessible names with <title>"</a></li> <li><strong>Next message in Thread:</strong> <a href="mail_message?id=49402">Yeti: "Re: Providing accessible names with <title>"</a></li> <li><strong>Previous message in Thread:</strong> <a href="mail_message?id=49400">Nick Bromley: "Re: Providing accessible names with <title>"</a></li> <li><a href="mail_thread?thread=10860">View all messages in this Thread</a></li> </ul> <hr> One thing I've run across recently with NVDA and Firefox is when people use title too much, they start putting it on things that already have text just because they get in the habit of adding a title to every last thing. With Firefox and NVDA, a link with a title will double up the announcement. For instance, this markup results in "Next - Setup and Installation link Setup and Installation":<br /> <br /> <a href="somewhere" title="Setup and Installation">Next - Setup and Installation</a><br /> <br /> This is still probably not a WCAG conformance issue, but it can be confusing, and is just one more reason to try to push people away from using it. Note that I hear similar issues when there's both a title and another accessible name, such as "aria-label".<br /> <br /> I'm not sure why NVDA and/or Firefox are using both values instead of ignoring the title here, but it's definitely sub-par. And once devs get in the habit of using it, they seem to just love to put it on everything. The example above is from a documentation project I'm working on, and it's got titles in some of the weirdest places.<br /> <br /> <hr> <ul> <li><strong>Next message:</strong> <a href="mail_message?id=49402">Yeti: "Re: Providing accessible names with <title>"</a></li> <li><strong>Previous message:</strong> <a href="mail_message?id=49400">Nick Bromley: "Re: Providing accessible names with <title>"</a></li> <li><strong>Next message in Thread:</strong> <a href="mail_message?id=49402">Yeti: "Re: Providing accessible names with <title>"</a></li> <li><strong>Previous message in Thread:</strong> <a href="mail_message?id=49400">Nick Bromley: "Re: Providing accessible names with <title>"</a></li> <li><a href="mail_thread?thread=10860&id=49401#49401">View all messages in this Thread</a></li> </ul> </div> <script> document.title = "WebAIM List: Re: Providing accessible names with <title>"; document.querySelector("#maincontent > h1").textContent="WebAIM List: Re: Providing accessible names with <title>"; </script> </article>  <aside id="articlemeta"> </aside> </main> <footer> <div id="footerresources"> <div class="footerblock"> <h2 id="copyright">©2025 WebAIM</h2> <p id="contact"> Utah State University<br> 6807 Old Main Hill<br> Logan, UT 84322-6807<br> <a class="phone" href="tel:4357977024">435.797.7024</a></p> <div id="checkpage"> <h2>Check Your Accessibility</h2> <form action="https://wave.webaim.org/report" novalidate> <label for="waveurl">Web site address:</label> <input type="url" id="waveurl" name="url" title="Web site address"> <input type="submit" value="WAVE"> </form> </div> </div> <div class="footerblock"> <h2 id="blog">From the Blog</h2> <ul><li><a href="/blog/up-and-coming-aria/">Up and Coming ARIA </a></li><li><a href="/blog/salary-survey-results/">Global Digital Accessibility Salary Survey Results</a></li><li><a href="/blog/join-the-discussion/">Join the Discussion—From Your Inbox</a></li><li><a href="/blog/severity-ratings/">Using Severity Ratings to Prioritize Web Accessibility Remediation</a></li></ul> </div> <div class="footerblock"> <h2 id="popular">Popular Resources</h2> <ul> <li><a href="/training/virtual">WebAIM Training</a></li> <li><a href="/standards/wcag/checklist">WCAG 2 Checklist</a></li> <li><a href="/newsletter">WebAIM Monthly Newsletter</a></li> <li><a href="/resources/contrastchecker">Color Contrast Checker</a></li> <li><a href="/resources/designers/">Web Accessibility for Designers</a></li> <li><a href="http://wave.webaim.org/">WAVE Web Accessibility Evaluation Tool</a></li> </ul> </div> <div id="footerlinks"> <ul> <li><a id="footercontact" href="/contact">Contact</a></li> <li><a id="footerabout" href="/about">About</a></li> <li><a id="footerrss" href="/community/rss">RSS Feeds</a></li> <li><a id="footertwit" href="http://twitter.com/webaim">Twitter</a></li> <li><a id="footercopyright" href="/copyright">Copyright & Terms of Use</a></li> </ul> </div> <div class="clear"></div> </div> </footer> </body> </html>