Optimised accessibility (a11y) in the cart view.

[devbucket]

Description

To make the cart view more accessible, we added some optimisations to better comply with a11y specifications.

Type of change

Please add an "x" into the option that is relevant:

• Bug Fix 🐛 (non-breaking change which fixes an issue)
• Enhancement 🚀 (non-breaking change which adds functionality)
• Breaking Change 💥 (fix or feature that would cause existing functionality to not work as expected)
• Polish 💅 (Just some cleanups)
• Internal 🏠 Only relates to internal processes.

[fkloes]

Some issues i found where i wasn't able to comment code

• users can't navigate to the cart on Android (cart icon hidden from the screen reader in both themes)

• products can't be opened from the cart anymore

• users can't remove products from the cart

• the button which removes coupons from the cart doesn't have a label

• at cart messages it might make sense that the screen reader also reads the state / classification of the message

[devbucket]

Some issues i found where i wasn't able to comment code

• users can't navigate to the cart on Android (cart icon hidden from the screen reader in both themes) => DONE
• products can't be opened from the cart anymore => DONE
• users can't remove products from the cart => DONE
• the button which removes coupons from the cart doesn't have a label => DONE
• at cart messages it might make sense that the screen reader also reads the state / classification of the message => DONE

[fkloes]

Beside the code comments two acceptance criteria are not fulfilled yet

• Cart button is added back to main navigation voice output and made accessible on PDP
• Make sure, images are not being read, to avoid duplicate content (see PLP)

[devbucket]

• Images are not read anymore
• The cart button in the main navigation in iOS is part of the TabBar. I skipped this on purpose, since this would cause me changing the whole TabBar implementation. This will be done in another ticket.