Hello Community,
We use the Accept Hosted payment form within an iFrame to process our payments. A recent update to the form's layout has now caused our checkout process to fail WCAG 2.1 AA compliancy. This is due to the 62.5px of left margin that has been added to the form (why?) which causes our iframe to add a horizontal scrollbar. The rule I am referring to is:
1.4.10 Reflow (AA)
Content can be presented without loss of information or functionality, and without requiring scrolling in two dimensions for:
- Vertical scrolling content at a width equivalent to 320 CSS pixels ;
- Horizontal scrolling content at a height equivalent to 256 CSS pixels ;
Except for parts of the content which require two-dimensional layout for usage or meaning.
Unfortunately, PCI SAQ A 3.2 Compliance does not allow JS or CSS to interact with the payment form. Without being able to interact with the form, how can we remove this newly added margin? Dropping to SAQ A-EP is not an option.
Thank you kindly,
Nicholas
