[2.2.0rc2, Accessibility] Explicitly indicate the required fields in forms

[Maria Vrachni]

[2.2.0rc2, Accessibility] The forms in MAAS are not A level accessible yet.

In order to make forms accessible we need to state the required fields in a clear way, add instructions/examples for the input format under the field instead of inside and preferably have a good error validation to help the user recover from errors.

Bug description:

* Current result:

Given I am filling a from in MAAS using a screen reader
When I want to know which fields are required
Then it is not clear to me
and if I need help with the input format, as soon I start typing in the field the help disappears

* Expected/ correct result:

Given I am filling a from in MAAS using a screen reader
When I want to know which fields are required
Then there is a message at the beginning of the form informing me that all the fields with an asterisk are required
and if I need help with the input, there is an example below the input field

[OS X Sierra]

Chrome, 56.0.2924.87 (64-bit)

[Maria Vrachni (m-vrachnis)]

Design work on accessible forms can be found here:
https://github.com/CanonicalLtd/MAAS-design/issues/91

[Adam Collard (adam-collard)]

This bug has not seen any activity in the last 6 months, so it is being automatically closed.

If you are still experiencing this issue, please feel free to re-open.

MAAS Team