diff --git a/mobile-v2/93.md b/mobile-v2/93.md deleted file mode 100644 index 815c966..0000000 --- a/mobile-v2/93.md +++ /dev/null @@ -1,55 +0,0 @@ ---- -title: 9.3 As componentes de interface e as componentes gráficas apresentam-se com um rácio de contraste de, no mínimo, 3 para 1 ---- - -## Critérios de Sucesso WCAG 2.1 aplicáveis - -### SC 1.4.11: Contraste sem texto (Nível AA) -> -> *A apresentação visual de elementos gráficos e componentes da interface do usuário tem uma relação de contraste de pelo menos 3:1 em relação à(s) cor(es) adjacente(s) exceto quando estiver em um **estado inativo*** -> -> [Consultar critério 1.4.11: Contraste sem texto (Nível AA)](https://www.w3.org/WAI/WCAG21/Understanding/non-text-contrast.html) - - -### Procedimento de teste WCAG 2.1 - -#### Situação A: A cor é usada para identificar componentes da interface do usuário ou para identificar estados dos componentes da interface do usuário - -- [G195: Usando um indicador de foco visível fornecido pelo autor](/tecnicas-procedimentos-de-teste/G195.md) -- [G174: Fornece um controle com taxa de contraste suficiente que permite aos usuários mudar para uma apresentação que utiliza contraste suficiente](/tecnicas-procedimentos-de-teste/G174.md) - -#### Situação B: A cor é necessária para compreender o conteúdo gráfico - -- [G207: Garantir que uma taxa de contraste de 3:1 seja fornecida para ícones](/tecnicas-procedimentos-de-teste/G207.md) -- [G174: Fornece um controle com taxa de contraste suficiente que permite aos usuários mudar para uma apresentação que utiliza contraste suficiente](/tecnicas-procedimentos-de-teste/G174.md) - -### Procedimento de teste mobile - -#### Verificar contraste - -1. Identificar elementos gráficos e componentes da interface que possam ter contraste abaixo do recomendado (3:1); -2. Utilizar Accessibility Scanner, Accessibility inpector para identificar os problemas de contraste; - -#### Modo escuro - -Se existir a funcionalidade modo escuro na aplicação, é necessário também verificar o seu contraste - -### Ferramentas úteis -- [Acessibility Scanner - Android](https://developer.android.com/guide/topics/ui/accessibility/testing#accessibility-scanner) -- [Acessibility Inspector - IOS](https://developer.apple.com/documentation/accessibility/accessibility-inspector) - -### Referências -- [Configuração UI mode - Android](https://developer.android.com/reference/android/content/res/Configuration#uiMode) -- [Estilo associado a interface - IOS](https://developer.apple.com/documentation/uikit/uitraitcollection/1651063-userinterfacestyle) -- [APPT](https://appt.org/en/guidelines/wcag/success-criterion-1-4-11#resources) - - - - - - - - - - -