Make sure button text is meaningful
Location: 07 Wiki - Edit
Description: The close button to dismiss the success message displayed after saving changes to an article does not have the proper role or a meaningful label. The control is rendered as "X link" through a screen reader. This is not meaningful and does not describe the purpose of the control.
Auditor Note: Developers must ensure the proper role and name is provided for all controls. In this case, the element must be a button since it is performing an action and the name should be more meaningful such as "Dismiss Message" or "Close Message".
To convey the proper role, developers can use a standard HTML button element or add ARIA role="button" and making sure that space bar also actiavtes the button. It is recommended to use a standard HTML button because it will allow space bar to activate the button by default.
<button class="close" data-dismiss="alert" aria-label="Dismiss Message">×</button>
Internal Note: Agree with the suggested fix. There has also been an informal discussion about deprecating Wiki altogether.
Steps to Reproduce
Reason for Variance
User Impact Summary
Note to self for non-paragon styling
-Do this, but unescape it
<a class="close" data-dismiss="alert" href="#"><span aria--hidden="true">×</span><span class="sr">Dismiss</span></a>-
Make it a button. Use paragon as able.