topic Updated Accept Hosted form fails WCAG 2.1 AA Compliance in Integration and Testing

Updated Accept Hosted form fails WCAG 2.1 AA Compliance

NickL — Fri, 09 Nov 2018 18:45:03 GMT

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

Re: Updated Accept Hosted form fails WCAG 2.1 AA Compliance

RichardH — Fri, 09 Nov 2018 20:45:42 GMT

Hello @NickL

I found your support case and escalated to support specialist who will look into your issue.

Richard

Re: Updated Accept Hosted form fails WCAG 2.1 AA Compliance

Shoagraw — Wed, 05 Dec 2018 19:39:48 GMT

It would great if you can give us some screen shots of the application where you are having this horizontal scroll issue!

Re: Updated Accept Hosted form fails WCAG 2.1 AA Compliance

NickL — Tue, 18 Dec 2018 20:36:58 GMT

No problem! Attached are a couple of screenshots uploaded to ImgBB:

Application 1 Accept Hosted iframe has a width of 588px:

https://i.ibb.co/2Msx6Y1/em6.jpg

Application 2 Accept Hosted iframe has a width of 668px:

https://i.ibb.co/bbJXf51/gc.jpg