Meta issue per discutere del tema contrasto colore del ":focus".

[Fupete]

Does a discussion already exist on the topic you are interested in, or on a similar topic?

• [X] I verified and it doesn't exist

What

È arrivata qualche giorno fa una interessante segnalazione informale di a11y sul colore di :focus rispetto all'uso su sfondi contenitori scuri, quindi senza contrasto 3:1 con la traccia del focus oggi arancio in Bootstrap Italia.

È un tema trasversale sia a Bootstrap Italia che UI Kit Italia. La verifica del sync tra le due risorse su questo tema è il primo obiettivo di questa issue.

Why

Detto questo sarebbe interessante migliorare e/o sperimentare soluzioni che siano buon esempio. E intanto risolvere il tema di coerenza tra UI Kit Italia e risorse di sviluppo.

Context

Alcune reference utili:

• https://tetralogical.com/blog/2023/01/13/foundations-visible-focus-styles/
• https://design-system.service.gov.uk/get-started/focus-states/
• https://adhoc.team/2022/02/08/creating-focus-style-for-themable-design-system/
• https://www.sarasoueidan.com/blog/focus-indicators/
• https://www.w3.org/WAI/WCAG21/Techniques/css/C40

More

L'approccio a doppio colore potrebbe essere la soluzione, è in ogni caso da studiare meglio anche in relazione alle WCAG 2.2.

Dopo verifica anche con @cfabry a livello obblighi normativi sappiamo che:

• nelle WCAG 2.1 non c'è esplicitamente questo requisito di contrasto per il focus con gli elementi circostanti, se non interpretando che il focus sia un elemento dell'interfaccia, che ci sta come improvement e volendo essere inclusivi 100%, ma non è mandatorio, nelle WCAG non è richiesto esplicitamente;
• in tema di preparazione alle future WCAG 2.2 (non dietro l'angolo a livello norma italiana) questo tema diventa esplicito, il contrasto 3:1 del focus rispetto agli elementi circostanti, ma è un criterio di livello tripla A, "AAA", quindi non diventerà mandatorio per la norma e la PA fermandosi gli obblighi a criteri di livello A e AA in tutti i riferimenti.

[Fupete]

cc FYI @cfabry @zetareticoli @astagi

[stale[bot]]

Questo problema è stato automaticamente contrassegnato come non aggiornato perché non ha avuto attività recentemente. Sarà chiuso se non si verificano ulteriori attività.

[Fupete]

nope @stale

[stale[bot]]

Questo problema è stato automaticamente contrassegnato come non aggiornato perché non ha avuto attività recentemente. Sarà chiuso se non si verificano ulteriori attività.