Issue Summary

Missing instructions for the "First line number" input field which accepts only numeric values.

Steps to Reproduce

1. Edit the page
2. Try to open the "Code block" modal with the "{" shortcut, From insert more content toolbar section.
3. After the modal has appeared, navigate to the "First line number" input field and add alphabetic value and numeric value and hit the refresh preview link.

Screenshot

Actual Results

In the Code macro modal, for the input field "First line number" there are missing instructions. The user might enter alphabet or numeric values into the input field, which will show an error in the preview and in the macro on the main page. This will confuse the assistive technology user to make a decision on which values should be entered into the field.

Expected Results

Provide the instruction explaining the meaning of the asterisk such as “* denotes mandatory fields”. Place the instruction at the top of the form to ensure all users can access the instructions.

Add instructions such as "Enter a numeric value from 1 to 20*". Ensure the instructions are associated with the input field and are accessible to the screen reader users.

Workaround

Currently, there is no known workaround for this behaviour. A workaround will be added here when available