Improve steps accessibility

[laxmariappan]

Currently, the steps are not really as accessible as they could be. These suggestions could bring much better functionality for all.

The ":" should be after the step number, not prepended to the word.

Wrong: STEP 1 :Use of WordPress
Right: STEP 1: Use of WordPress

Details like this can make a world of difference in how screen readers speak.

The steps should have some type of indicator to screen readers about which one is currently selected/in view. You could try adding aria-current to the active step <li> tag.

https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-current

Added by Alex Stine

Original issue: wceu#64