accessibility - How to tell a screen reader to use an attribute instead of the link text? -


i have link within unordered list follows:

<li class="savelink">   <a href="/save"><span>save</span></a> </li> 

normally screen readers read "save". possible, , attribute, change without changing actual link text?

the business need have link, styled icon. icon complementary link text. example:

  • an icon of "+" sign , link text "menu" equal "add menu item" action.

i tried aria-label, no success.

try

<a href="/save" aria-label="poot"><span aria-hidden="true">save</span></a>


Comments

Popular posts from this blog

jquery - How can I dynamically add a browser tab? -

node.js - Getting the socket id,user id pair of a logged in user(s) -

keyboard - C++ GetAsyncKeyState alternative -