Corresponding FormField htmlFor and input id

[taysea]

Please describe what the rule should do:

FormField should have an htmlFor value that matches the id provided to its associated input.

What category of rule is this? (place an "X" next to just one item)

[ ] Warns about a potential error (problem)
[ ] Suggests an alternate way of doing something (suggestion)
[ ] Other (please specify:)

Provide 2-3 code examples that this rule will warn about:

<FormField htmlFor="Location">
   <TextInput id="Order" />
</FormField>

<FormField htmlFor="Location">
   <TextInput />
</FormField>

<FormField>
   <TextInput id="Order">
</FormField>

Why should this rule be included in eslint-plugin-grommet?

Accessibility best practice.