Phone number component

[srtalbot]

User story: Persona based
As an end-user
I need to be able to provide an International or North American phone number, extension, or fax number
So that I can be contacted in the future

Story context
Shared by between 48% and 92% of forms, as found in the component needs analysis

Acceptance criteria

• Component for just a phone (or fax) number with a country code
• Component for a phone number and extension
• Component code provides a country code list in French and English.
• Component works on Chrome, Firefox, Edge, Safari, and Opera.
• Component provide and auto-fill response if the field is saved on the end-users browser.
• Component provides error messages and validation.
• Component can be completed using a screen reader.
• Component observes colour contrast requirements.
• manual accessibility testing meet WCAG 2.1 AA requirements.
• risk register is updated to reflect new risks and their treatments. Treatments are implemented or a new card is created.

[hillaryl]

Recommend considering this issue when deciding on an approach. If the solution is disabling form pages when javascript is turned off, the use of javascript on the component is less important.