Skip to content
This repository was archived by the owner on Jul 16, 2020. It is now read-only.

17-accessible-labels.md

Latest commit

 

History

History
14 lines (8 loc) · 642 Bytes

17-accessible-labels.md

File metadata and controls

14 lines (8 loc) · 642 Bytes

17. Add Accessible Labels to Elements Whose Labels are Not Clear Enough

📹 Video

  • 👍 Make sure your HTML elements (especially those that require action to be undertaken by the user - buttons!) have a clear and descriptive text.

  • For example, a button with the text < back will be read as 'less button', whereas you meant to convey something like 'Go Back'.

  • In such cases, you should add an aria-label attribute, which will be read by the screen reader.

<button aria-label="Go back"> < Back </button>