We currently "hide" the remove SVG from screenreaders.
By fixing #264, we will likely remove this overarching issue - that the styling and hyperlink is applied directly on the icon.
<svg class="svg-inline--fa fa-times fa-w-11 institution-remove remove" tabindex="0" aria-labelledby="Remove Institute Central Washington University from remembered institutions" focusable="false" data-prefix="fa" data-icon="times" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 352 512" data-fa-i2svg="" aria-hidden="true">
After fixing #264 evaluate if this issue still exist, and remove the aria-hidden true mark. The aria-labelby should be more descriptive in that case, indicating its about the "icon" not the action.
We currently "hide" the remove SVG from screenreaders.
By fixing #264, we will likely remove this overarching issue - that the styling and
hyperlink
is applied directly on the icon.<svg class="svg-inline--fa fa-times fa-w-11 institution-remove remove" tabindex="0" aria-labelledby="Remove Institute Central Washington University from remembered institutions" focusable="false" data-prefix="fa" data-icon="times" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 352 512" data-fa-i2svg="" aria-hidden="true">
After fixing #264 evaluate if this issue still exist, and remove the
aria-hidden
true mark. Thearia-labelby
should be more descriptive in that case, indicating its about the "icon" not the action.