What is the best solution to eliminate having to use 16 font size over 14 on form fields only? To pass WCAG Guidelines, we are looking for a solution to not have 16pt only on form fields and still pass accessibility and the need of autozoom.
I am not sure which WCAG guidelines you are following (either WCAG 1.0 or you are using an accessibility testing tool which has not interpreted the rules correctly?), but WCAG 2.0 explicitly says this about font size:
1.4.4 Resize text: Except for captions and images of text, text can be resized without assistive technology up to 200 percent without loss of content or functionality. (Level AA)
There are a number of techniques available to meet this guideline, including:
- G142 Using a technology that has commonly-available user agents that support zoom: https://www.w3.org/TR/WCAG20-TECHS/G142.html
- C28 Specifying the size of text containers using em units:https://www.w3.org/TR/WCAG20-TECHS/C28.html
- G178 Providing controls on the Web page that allow users to incrementally change the size of all text on the page up to 200 percent: https://www.w3.org/TR/WCAG20-TECHS/G178.html
- G179 Ensuring that there is no loss of content or functionality when the text resizes and text containers do not change their width: https://www.w3.org/TR/WCAG20-TECHS/G179.html