E-mail List Archives
Re: Providing accessible names with <title>
From: Yeti
Date: Sep 7, 2023 8:10AM
- Next message: Mark Magennis: "Form fields in a sentence"
- Previous message: Jeremy Echols: "Re: Providing accessible names with
"</a></li> <li><strong>Next message in Thread:</strong> <a href="mail_message?id=49404">Mark Magennis: "Re: Providing accessible names with <title>"</a></li> <li><strong>Previous message in Thread:</strong> <a href="mail_message?id=49401">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> Hello Listers,<br /> <br /> Using the code below I have tested all combinations of the current versions of NVDA, JAWS and Narrator / FF, Edge and Chrome under Windows 10-64 with TTS and braille and could did not find any differences.<br /> <br /> But I also have a stomach ache with the use of titles. And this is the reason:<br /> <br /> Wherever I look, I find information like "Title provides additional information" or "The title contains descriptive text.".<br /> <br /> However, the name of a function is âelementary informationâ for a button. So it doesn't belong in the title.<br /> <br /> And so is the label for an input …<br /> <br /> Ad Astra <br /> <br /> Yeti <br /> <br /> Code:<br /> <html lang="en"><br /> <br /> <head><br /> <meta charset="UTF-8"><br /> <title><br /> Title or not<br /> </title><br /> </head><br /> <br /> <body><br /> <h1><br /> Title or not<br /> </h1><br /> <p><br /> Here is an input field with title instead of label:<br /> <input title="titledEdit" type="text" name="titledEdit" id="titledEdit"><br /> Here is an input field with label:<br /> <br><br /> <label><br /> labeledEdit<br /> <input type="text" name="labeledEdit" id="labeledEdit"><br /> </label><br /> <br><br /> <button>classic</button><br /> <button title="titled"></button><br /> <br><br /> And this is the final line.<br /> </p><br /> </body><br /> <br /> </html> <hr> <ul> <li><strong>Next message:</strong> <a href="mail_message?id=49403">Mark Magennis: "Form fields in a sentence"</a></li> <li><strong>Previous message:</strong> <a href="mail_message?id=49401">Jeremy Echols: "Re: Providing accessible names with <title>"</a></li> <li><strong>Next message in Thread:</strong> <a href="mail_message?id=49404">Mark Magennis: "Re: Providing accessible names with <title>"</a></li> <li><strong>Previous message in Thread:</strong> <a href="mail_message?id=49401">Jeremy Echols: "Re: Providing accessible names with <title>"</a></li> <li><a href="mail_thread?thread=10860&id=49402#49402">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>