Skip to main content

Buttons do not have an accessible name photo

 Buttons do not have an accessible name

When a button doesn't have an accessible name, screen readers announce it as "button", making it unusable for users who rely on screen readers. Learn how to make buttons more accessible.
Failing Elements
div.centered > header.centered-top-container > div.centered-top > button.svg-icon-24-button
<button class="svg-icon-24-button hamburger-menu flat-icon-button ripple">
body.version-1-3-3 > aside.sidebar-container > div.navigation > button.svg-icon-24-button
<button class="svg-icon-24-button flat-icon-button ripple sidebar-back">

Comments

Post a Comment

Popular posts from this blog

web font ko repair karne ki technic

  Certainly! Here are different attributes or techniques used in web development and their functionalities: Swap Attribute (CSS Font Loading API) : Functionality : font-display: swap; is a CSS property used with @font-face rules. It tells the browser to use a fallback font until the custom font is downloaded, at which point it swaps to the custom font. Defer Attribute (Script Loading) : Functionality : The defer attribute in the script tag ( <script defer src="..."></script> ) tells the browser to download the script file while parsing the HTML document. It defers the script execution until the HTML parsing is complete. Async Attribute (Script Loading) : Functionality : Similar to defer , the async attribute ( <script async src="..."></script> ) also loads external scripts asynchronously while allowing the HTML parsing to continue. However, it doesn't guarantee the order of script execution, which could lead to different behavior comp...
Post a Comment
Read more