E-mail List Archives
Re: Providing accessible names with <title>
From: tim.harshbarger
Date: Sep 8, 2023 7:51AM
- Next message: Shawn Henry: "W3C WAI job posting & What’s up at W3C WAI – Current Work Highlights, Publications, Opportunities"
- Previous message: Jeremy Echols: "Re: Providing accessible names with
"</a></li> <li><strong>Next message in Thread:</strong> <a href="mail_message?id=49419">L Snider: "Re: Providing accessible names with <title>"</a></li> <li><strong>Previous message in Thread:</strong> <a href="mail_message?id=49416">Jeremy Echols: "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> Do we know if it works for Voiceover on Mac as well?<br /> <br /> If I were going to summarize the conversation on this, I think I might summarize it this way.<br /> <br /> The title attribute will be read by screen readers because it is part of the accessible name/description calculation. If that is the only reason it is being used, then it is a viable technique. However, there are other techniques that should be used first and it is better only to use this technique if it is the only option available to use or the only one that fits the parameters of the problem you are trying to solve.<br /> <br /> Do not use the title attribute if you are using it at all for the visible tooltip. While a screen reader might read the information and the mouse pointer will display the tooltip, it won't be displayed for anyone using a keyboard or touch to interact with the element.<br /> <br /> If you need a visible tooltip, you should look at other techniques that will make that information available whether the person is using a mouse, keyboard, touch, and screen reader.<br /> <br /> Thanks,<br /> Tim<br /> <hr> <ul> <li><strong>Next message:</strong> <a href="mail_message?id=49418">Shawn Henry: "W3C WAI job posting & What’s up at W3C WAI – Current Work Highlights, Publications, Opportunities"</a></li> <li><strong>Previous message:</strong> <a href="mail_message?id=49416">Jeremy Echols: "Re: Providing accessible names with <title>"</a></li> <li><strong>Next message in Thread:</strong> <a href="mail_message?id=49419">L Snider: "Re: Providing accessible names with <title>"</a></li> <li><strong>Previous message in Thread:</strong> <a href="mail_message?id=49416">Jeremy Echols: "Re: Providing accessible names with <title>"</a></li> <li><a href="mail_thread?thread=10860&id=49417#49417">View all messages in this Thread</a></li> </ul> </div> </article> <!-- --> <aside id="articlemeta"> </aside> </main> <footer> <div id="footerresources"> <div class="footerblock"> <h2 id="copyright">©2024 WebAIM</h2> <p id="contact">Institute for Disability Research, Policy, and Practice<br> 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/severity-ratings/">Using Severity Ratings to Prioritize Web Accessibility Remediation</a></li><li><a href="/blog/25-tips/">25 Accessibility Tips to Celebrate 25 Years</a></li><li><a href="/blog/celebrating-webaims-25th-anniversary/">Celebrating WebAIM's 25th Anniversary</a></li><li><a href="/blog/introducing-ncademi/">Introducing NCADEMI: The National Center on Accessible Digital Educational Materials & Instruction </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>