Gareth Joyce

[Accessibility] Add fieldset and legend to payment step

1

**Describe the bug** When reviewing our checkout for [WCAG 2.1 - 1.3.1 Info and Relationships (A)](https://www.w3.org/WAI/WCAG21/Understanding/info-and-relationships.html), I found the payment step not to have any `` or `` tags. These...

[Accessibility] Labels do not bind to related controls

4

**Describe the bug** When clicking a label on the drop-in payment solution the related control does not receive focus. [WCAG 2.1 - 1.3.1: Info and Relationships](https://www.w3.org/WAI/WCAG21/Understanding/info-and-relationships.html) says relationships need to...

[Accessibility] Payment methods should be radio options

8

**Describe the bug** As part of [WCAG 2.1 - 1.3.1: Info and Relationships](https://www.w3.org/WAI/WCAG21/Understanding/info-and-relationships.html) the payment methods should give meaning of their relationship to each other. This is because they are...

[Accessibility] Card images have no alt description

4

**Describe the bug** The payment cards have no alt text but they are conveying information to a sighed user that a low vision or screen reader user does not get....

[Accessibility] "Credit card" announced twice

1

**Describe the bug** When using the drop-in component with a screen reader the title "credit card" is read twice. This is because the tiny credit card icon has alt="credit card"...

Hi there, thanks for making this its super helpful. I am having trouble opening the file in Sketch v53. Are you able to help?   Thanks.

https://github.com/frontendfriends/gulp-combine-mq/issues/7

To hide the dropdown arrow on custom selects we need to use this: ``` select::-ms-expand { display: none; } ``` http://stackoverflow.com/questions/16603979/select-removing-dropdown-arrow

Need to check for this and remove: ``` ```

See https://gitlab.iweb.co.uk/MyMemory/mymemory-chop/blob/master/src/scss/component/_rating.scss ``` &::after { display: block; content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; } ```