A11y Code Sprint Berlin: Success Criterion 9.1.4.11 - make forms contrast compliant

[SarahEdding]

Feature Request

Description

All non-text form elements must have a colour contrast of at least 3:1 compared to the background. All text needs to be at 4.5:1 contrast.

Solution

Borders around form fields should be at #8C96A2 or darker. Border for :focus/:focus-visible should be #4F9CD0 or darker. Button background colour should be #016CB6. Recommendation: invert button colours on hover and focus.

context, links and screenshots

This applies to forms in fe-login, indexed search and forms:
https://bitv-v12.live.typo3.cps.321.works/content-examples/form-elements/forms
https://bitv-v12.live.typo3.cps.321.works/content-examples/form-elements/search?tx_indexedsearch_pi2[action]=form&tx_indexedsearch_pi2[controller]=Search&tx_indexedsearch_pi2[search][extendedSearch]=1&cHash=bd4ce4122dff0be3360b7c2c0634c9fb
https://bitv-v12.live.typo3.cps.321.works/content-examples/form-elements/login?tx_felogin_login[action]=login&tx_felogin_login[controller]=Login&cHash=1c43922fc666280b987fadf6878b5d7a

[alboth]

@alexakressmann kannst du mir bitte das ticket geben. danke

[alboth]

Border Colors

We have choosen the next closest default border color for contact form, search form and login form of $gray-600: #6c6c6c

@benjaminkott login form needed a color definition since the browser default color wasn't compliant with the above mentioned contrast ratio

[alboth]

@benjaminkott ready for review

[SarahEdding]

borders and/or placeholders fixed for:

• Contact form
• Advanced Search
• Search
• FE-Login
  For focus states see seperate issue.