Supported Card Types Accessibility

[sarahkoop]

Summary of changes

• Add AccessibleSupportedCardTypesView and deprecate SupportedCardTypesView
• The accessible view allows each individual card icon to be tab navigated and have a content description read by screen readers.

CardForm with SupportedCardTypesView

CardForm with AccessibleSupportedCardTypesView

Drop-in with SupportedCardTypesView

Drop-in with AccessibleSupportedCardTypesView

Checklist

• [x] Added a changelog entry

Authors

List GitHub usernames for everyone who contributed to this pull request.

• @sarahkoop

[sshropshire]

@sarahkoop this is awesome. I noticed an alignment change from left to centered of the available card types on DropIn, is that a result of the new AccessibleSupportedCardTypesView?

[sarahkoop]

@sarahkoop this is awesome. I noticed an alignment change from left to centered of the available card types on DropIn, is that a result of the new AccessibleSupportedCardTypesView?

Yeah that's a result of using FlexboxLayoutManager within AccessibleSupportedCardTypesView where I set JustifyContent.CENTER on the flexbox layout programatically. If we want the flexibility to align center in card form and align left in Drop-in I could make that a param. I preferred the centering visually - what do you think?

[sarahkoop]

@demerino I wasn't able to find a good example of this to compare, but I did test grouping the cards together for the screen reader. I think that would take a little more investigation since it caused some unusual tab navigation behavior in Drop-in. I can create a card to look into that further in the future.