You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
The thing is, sometimes I forget to add them to my <button> or <a>, usually when they have just an Icon inside and no text, for example.
Describe the proposed solution
I would like to see a warning inside VS Code, similar to how I see this warning:
I suggest adding a warning message such as "<button> is missing inner text, please provide aria-label that describes the button's behavior for better accessibility".
Same warning for <a> elements (that lack inner text).
Importance
would make my life easier
The text was updated successfully, but these errors were encountered:
elron
changed the title
Suggestion: Warn when <button> has missing content and recommend to add aria-label
Suggestion: Warn when <button> or <a> lack inner content, and recommend to add aria-label
Jun 16, 2024
elron
changed the title
Suggestion: Warn when <button> or <a> lack inner content, and recommend to add aria-label
Suggestion: Warn when <button> or <a> lack inner text, and recommend to add aria-label
Jun 16, 2024
Describe the problem
Google's PageSpeed Insights sometimes give out warning regarding Accessibility, and recommends buttons to have aria-label if the inner text of a button has missing text.
Screenshot:
The thing is, sometimes I forget to add them to my
<button>
or<a>
, usually when they have just an Icon inside and no text, for example.Describe the proposed solution
I would like to see a warning inside VS Code, similar to how I see this warning:
I suggest adding a warning message such as "
<button>
is missing inner text, please provide aria-label that describes the button's behavior for better accessibility".Same warning for
<a>
elements (that lack inner text).Importance
would make my life easier
The text was updated successfully, but these errors were encountered: