criterios 9 e 10 da checklist

mobile/101.md

@@ -0,0 +1,24 @@
+---
+title: 9.4 Informação ou significado (por exemplo um erro) não é veiculado apenas pela cor
+---
+
+## Critérios de Sucesso WCAG 2.1 aplicáveis
+
+### SC 3.1.1 Idioma da página (nível A)
+>
+> O idioma humano padrão de cada página da Web pode ser determinado programaticamente .
+>
+> [Consultar critério 3.1.1 Idioma da página (nível A)](https://www.w3.org/WAI/WCAG22/Understanding/language-of-page.html)
+
+
+### Procedimento de teste
+
+- O idioma codificado na aplicação corresponde ao idioma escrito. (MCAG); uma das formas de testar este requisito pode ser feita usando o leitor de ecrã existente no sistema operaitvo. Em iOS use o VoiceOver; em Android use o TalkBack. Configure os leitores de ecrã para que usem o sintetizador codificado por defeito. Isto permite que o leitor de ecrã procure na aplicação suporte para saber o idioma do sintetizador a usar. Se o leitor de ecrã for buscar um sintetizador em inglês para ler info em português, então algo poderá estar errado. Verifique se o idioma principal codificado na aplicação corresponde ao idioma em que os textos da aplicação se encontram escritos. Tome nota que quando o idioma não está codificado explicitamente na aplicação, as tecnologias têm tendência a escolher, por defeito, o inglês - se está a fazer aplicações em português, lembre-se disso e codifique sempre de forma explicita o idioma português na sua aplicação.
+
+
+
+### Referências
+
+W3C/WAI. (2023) [WCAG Sucess Criteria 3.1.1: Language of Page (Level A)](https://www.w3.org/WAI/WCAG22/Understanding/language-of-page.html). Updated 20 June 2023
+
+Evinced.[Mobile Content Accessibility Guidelines (MCAG)](https://getevinced.github.io/mcag/). Data de acesso: 18 de Julho 2024.

mobile/91.md

@@ -0,0 +1,41 @@
+---
+title: 9.1 O texto normal apresenta-se com um rácio de contraste de, no mínimo, 4.5 para 1
+---
+
+## Critérios de Sucesso WCAG 2.1 aplicáveis
+
+### SC 1.4.3 Contraste (Mínimo) (Nível AA)
+>
+> A apresentação visual de texto e imagens de texto tem uma taxa de contraste de pelo menos 4,5:1, exceto para texto grande, incidental, logotipos
+>
+> [Consultar critério 1.4.3 Contraste (Mínimo) (Nível AA)](https://www.w3.org/WAI/WCAG22/Understanding/contrast-minimum.html)
+
+
+### Procedimento de teste WCAG 2.1
+
+#### Situação A: o texto tem menos de 18 pontos se não estiver em negrito e menos de 14 pontos se estiver em negrito
+
+- [G18: Garantir que exista uma taxa de contraste de pelo menos 4,5:1 entre o texto (e imagens de texto) e o fundo atrás do texto](/tecnicas-procedimentos-de-teste/G18.md)
+- [G148: Não especificar a cor de fundo, não especificar a cor do texto e não usar recursos de tecnologia que alterem esses padrões](/tecnicas-procedimentos-de-teste/G148.md)
+- [G174: Fornecer um controle com uma taxa de contraste suficiente que permite aos usuários alternar para uma apresentação que usa contraste suficiente](/tecnicas-procedimentos-de-teste/G174.md)
+
+
+#### Falhas
+
+- [F24: Falha do Critério de Sucesso 1.4.3, 1.4.6 e 1.4.8 devido à especificação de cores de primeiro plano sem especificar cores de fundo ou vice-versa](/tecnicas-procedimentos-de-teste/F24.md)
+- [F83: Falha do Critério de Sucesso 1.4.3 e 1.4.6 devido ao uso de imagens de fundo que não fornecem contraste suficiente com o texto em primeiro plano (ou imagens de texto)](/tecnicas-procedimentos-de-teste/F83.md)
+
+### Referências
+
+W3C/WAI. (2023) [WCAG Sucess Criteria 1.4.3: Contrast (Minimum) (Level AA)](https://www.w3.org/WAI/WCAG22/Understanding/contrast-minimum.html). Updated 20 June 2023
+
+
+
+
+
+
+
+
+
+
+

mobile/92.md

@@ -0,0 +1,41 @@
+---
+title: 9.2 O texto grande apresenta-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.3 Contraste (Mínimo) (Nível AA)
+>
+> A apresentação visual de texto e imagens de texto tem uma taxa de contraste de pelo menos 4,5:1, exceto texto grande, incidental, logotipos
+>
+> [Consultar critério 1.4.3 Contraste (Mínimo) (Nível AA)](https://www.w3.org/WAI/WCAG22/Understanding/contrast-minimum.html)
+
+
+### Procedimento de teste WCAG 2.1
+
+#### Situação B: o texto tem pelo menos 18 pontos se não estiver em negrito e pelo menos 14 pontos se estiver em negrito
+
+- [G145: Garantir que exista uma taxa de contraste de pelo menos 3:1 entre o texto (e imagens de texto) e o fundo atrás do texto](/tecnicas-procedimentos-de-teste/G145.md)
+- [G148: Não especificar a cor de fundo, não especificar a cor do texto e não usar recursos de tecnologia que alterem esses padrões](/tecnicas-procedimentos-de-teste/G148.md)
+- [G174: Fornecer um controle com uma taxa de contraste suficiente que permite aos usuários alternar para uma apresentação que usa contraste suficiente](/tecnicas-procedimentos-de-teste/G174.md)
+
+#### Falhas
+
+- [F24: Falha do Critério de Sucesso 1.4.3, 1.4.6 e 1.4.8 devido à especificação de cores de primeiro plano sem especificar cores de fundo ou vice-versa](/tecnicas-procedimentos-de-teste/F24.md)
+- [F83: Falha do Critério de Sucesso 1.4.3 e 1.4.6 devido ao uso de imagens de fundo que não fornecem contraste suficiente com o texto em primeiro plano (ou imagens de texto)](/tecnicas-procedimentos-de-teste/F83.md)
+
+
+### Referências
+
+W3C/WAI. (2023) [WCAG Sucess Criteria 1.4.3: Contrast (Minimum) (Level AA)](https://www.w3.org/WAI/WCAG22/Understanding/contrast-minimum.html). Updated 20 June 2023
+
+
+
+
+
+
+
+
+
+
+

mobile/93.md

@@ -1,47 +1,36 @@
 ---
-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
+title: 9.2 O texto grande apresenta-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)
+### SC 1.4.11 Contraste não textual (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***
+> A apresentação visual dos seguintes itens tem uma taxa de contraste de pelo menos 3:1 em relação às cores adjacentes: componentes de interface e objetos gráficos
 >
-> [Consultar critério 1.4.11: Contraste sem texto (Nível AA)](https://www.w3.org/WAI/WCAG21/Understanding/non-text-contrast.html)
+> [Consultar critério 1.4.11 Contraste não textual (nível AA)](https://www.w3.org/WAI/WCAG22/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)
+- [G174: Fornecer um controle com uma taxa de contraste suficiente que permite aos usuários alternar para uma apresentação que usa contraste suficiente](/tecnicas-procedimentos-de-teste/G174.md)
 
-#### Situação B: A cor é necessária para compreender o conteúdo gráfico
+#### Situação B: A cor é necessária para entender 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)
+- [G209: Fornece contraste suficiente nos limites entre cores adjacentes](/tecnicas-procedimentos-de-teste/G209.md)
 
-### Procedimento de teste mobile
 
-#### Verificar contraste
+#### Falhas
 
-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;
+- [F78: Falha do Critério de Sucesso 1.4.11, 2.4.7 e 2.4.13 devido à estilização de contornos e bordas de elementos de uma forma que remove ou torna invisível o indicador de foco visual](/tecnicas-procedimentos-de-teste/F78.md)
 
-#### 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)
+
+W3C/WAI. (2023) [WCAG Sucess Criteria 1.4.3: Contrast (Minimum) (Level AA)](https://www.w3.org/WAI/WCAG22/Understanding/contrast-minimum.html). Updated 20 June 2023
 
 
 

mobile/94.md

@@ -0,0 +1,36 @@
+---
+title: 9.4 Informação ou significado (por exemplo um erro) não é veiculado apenas pela cor
+---
+
+## Critérios de Sucesso WCAG 2.1 aplicáveis
+
+### SC 1.4.1 Uso de cores (nível A)
+>
+> A cor não é usada como o único meio visual de transmitir informações, indicar uma ação, estimular uma resposta ou distinguir um elemento visual.
+>
+> [Consultar critério 1.4.1 Uso de cores (nível A)](https://www.w3.org/WAI/WCAG22/Understanding/non-text-contrast.html)
+
+
+### Procedimento de teste WCAG 2.1
+
+#### Situação A: Se a cor de determinadas palavras, fundos ou outro conteúdo for usada para indicar informações
+
+- [G14: Garantir que as informações transmitidas pelas diferenças de cor também estejam disponíveis no texto](/tecnicas-procedimentos-de-teste/G14.md)
+- [G182: Garantir que dicas visuais adicionais estejam disponíveis quando diferenças de cor de texto forem usadas para transmitir informações](/tecnicas-procedimentos-de-teste/G182.md)
+
+#### Situação B: Se a cor for usada em uma imagem para transmitir informações
+
+- [G14: Garantir que as informações transmitidas pelas diferenças de cor também estejam disponíveis no texto](/tecnicas-procedimentos-de-teste/G14.md)
+- [G111: Usando cores e padrões](/tecnicas-procedimentos-de-teste/G111.md)
+
+
+#### Falhas
+
+- [F13: Falha do Critério de Sucesso 1.1.1 e 1.4.1 devido a ter uma alternativa de texto que não inclui informações transmitidas por diferenças de cor na imagem](/tecnicas-procedimentos-de-teste/F13.md)
+- [F73: Falha do Critério de Sucesso 1.4.1 devido à criação de links que não são visualmente evidentes sem visão de cores](/tecnicas-procedimentos-de-teste/F73.md)
+- [F81: Falha do Critério de Sucesso 1.4.1 devido à identificação de campos obrigatórios ou de erro usando apenas diferenças de cor](/tecnicas-procedimentos-de-teste/F81.md)
+
+
+### Referências
+
+W3C/WAI. (2023) [WCAG Sucess Criteria 1.4.1: Use of Color (Level A)](https://www.w3.org/WAI/WCAG22/Understanding/use-of-color.html). Updated 20 June 2023

mobile/falhas/F24.md

@@ -0,0 +1,22 @@
+---
+title: F24 Falha do Critério de Sucesso 1.4.3, 1.4.6 e 1.4.8 devido à especificação de cores de primeiro plano sem especificar cores de fundo ou vice-versa
+---
+
+## Procedimentos de teste
+
+1. Examine o código da página da Web.
+2. Verifique se uma cor de primeiro plano especificada pelo autor está presente
+3. Verifique se uma cor de fundo especificada pelo autor está presente
+
+**Observação**
+
+A cor e a cor de fundo podem ser especificadas em qualquer nível na cascata de seletores anteriores, por folhas de estilo externas ou por meio de regras de herança.
+
+A cor de fundo também pode ser especificada usando uma imagem de fundo com a propriedade CSS 'background-image' ou com a propriedade CSS 'background' (com o URI da imagem, por exemplo, 'background: url("images/bg.gif")'). Com imagens de fundo, ainda é necessário especificar uma cor de fundo, porque os usuários podem ter imagens desativadas em seus navegadores. Mas a imagem de fundo e a cor de fundo precisam ser verificadas.
+
+## Resultados esperados
+Se a etapa 2 for verdadeira, mas a etapa 3 for falsa, OU se a etapa 3 for verdadeira, mas a etapa 2 for falsa, então essa condição de falha se aplica e o conteúdo não atende a esses Critérios de Sucesso.
+
+### Referências
+
+W3C/WAI (2023). [ F24:Failure of Success Criterion 1.4.3, 1.4.6 and 1.4.8 due to specifying foreground colors without specifying background colors or vice versa](https://www.w3.org/WAI/WCAG22/Techniques/failures/F24). Developed by Accessibility Guidelines Working Group (AG WG) Participants. Updated 20 June 2023.

mobile/falhas/F73.md

@@ -0,0 +1,14 @@
+---
+title: F13 Falha do Critério de Sucesso 1.1.1 e 1.4.1 devido a ter uma alternativa de texto que não inclui informações transmitidas por diferenças de cor na imagem
+---
+
+## Procedimentos de teste
+
+1. Verifique se cada link na página que é identificável por cor (matiz) é visualmente identificável por algum outro meio (por exemplo, sublinhado, em negrito, em itálico, com diferença suficiente na luminosidade, etc.).
+
+## Resultados esperados
+Se a verificação nº 1 for falsa, essa condição de falha será aplicada e o conteúdo não passará neste Critério de Sucesso.
+
+### Referências
+
+W3C/WAI (2023). [F73: Failure of Success Criterion 1.4.1 due to creating links that are not visually evident without color vision](https://www.w3.org/WAI/WCAG22/Techniques/failures/F73). Developed by Accessibility Guidelines Working Group (AG WG) Participants. Updated 20 June 2023.

mobile/falhas/F83.md

@@ -0,0 +1,15 @@
+---
+title: F83 Falha do Critério de Sucesso 1.4.3 e 1.4.6 devido ao uso de imagens de fundo que não fornecem contraste suficiente com o texto em primeiro plano (ou imagens de texto)
+---
+
+## Procedimentos de teste
+
+1. Verificação rápida: Primeiro faça uma verificação rápida para ver se o contraste entre o texto e a área da imagem que é mais escura (para texto escuro) ou mais clara (para texto claro) atende ou excede o exigido pelo Critério de Sucesso (1.4.3 ou 1.4.5). Se o contraste atende ou excede o contraste especificado, então não há falha.
+2. Se a verificação rápida for falsa, verifique se o fundo atrás de cada letra tem contraste suficiente com a letra.
+
+## Resultados esperados
+Se a verificação rápida for falsa e #2 também for falso, essa condição de falha se aplica e o conteúdo falha no Critério de Sucesso de contraste.
+
+### Referências
+
+W3C/WAI (2024). [F83: Failure of Success Criterion 1.4.3 and 1.4.6 due to using background images that do not provide sufficient contrast with foreground text (or images of text)](https://www.w3.org/WAI/WCAG22/Techniques/failures/F83). Developed by Accessibility Guidelines Working Group (AG WG) Participants. Updated 04 April 2024.

mobile/index.md

@@ -80,18 +80,15 @@ Tal como num sítio Web, ou em qualquer outra plataforma digital, a disponibiliz
 
 As cores são elementos importantes para personalizar marcas e interfaces. A regra é usar a cor de forma criativa, mas efetiva, que funcione para vários utilizadores. Na verdade, existem apenas duas importantes considerações de acessibilidade a ter em conta: (1) usar um contraste suficiente e (2) evitar a cor como única pista visual para veicular informações importantes. Embora o uso adequado de cores seja igualmente importante em computadores, nos dispositivos móveis o uso da cor torna-se ainda mais crítico. A utilização dos dispositivos móveis nos mais diversos ambientes, com diferentes condições de luminosidade, torna a tarefa de ver o ecrã um desafio mais sensível às cores em uso. Desafio que afeta em maior ou menor grau todos os utilizadores e não apenas pessoas com dificuldades de perceção da cor ou com baixa visão.
 
-- 9.1 O texto normal apresenta-se com um rácio de contraste de, no mínimo, 4.5 para 1
-- 9.2 O texto grande apresenta-se com um rácio de contraste de, no mínimo, 3 para 1
+- [9.1 O texto normal apresenta-se com um rácio de contraste de, no mínimo, 4.5 para 1](91.md)
+- [9.2 O texto grande apresenta-se com um rácio de contraste de, no mínimo, 3 para 1](92.md)
 - [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](93.md)
-- 9.4 Informação ou significado (por exemplo um erro) não é veiculado apenas pela cor
+- [9.4 Informação ou significado (por exemplo um erro) não é veiculado apenas pela cor](94.md)
 
 ## 10. Idioma da aplicação
 
-10.1 Idioma escrito e codificado na aplicação (3.4.1 MCAG)
+- [10.1 Idioma escrito e codificado na aplicação (3.4.1 MCAG)](101.md)
 
-Notas para Procedimento de teste
-
-- O idioma codificado na aplicação corresponde ao idioma escrito. (MCAG); uma das formas de testar este requisito pode ser feita usando o leitor de ecrã existente no sistema operaitvo. Em iOS use o VoiceOver; em Android use o TalkBack. Configure os leitores de ecrã para que usem o sintetizador codificado por defeito. Isto permite que o leitor de ecrã procure na aplicação suporte para saber o idioma do sintetizador a usar. Se o leitor de ecrã for buscar um sintetizador em inglês para ler info em português, então algo poderá estar errado. Verifique se o idioma principal codificado na aplicação corresponde ao idioma em que os textos da aplicação se encontram escritos. Tome nota que quando o idioma não está codificado explicitamente na aplicação, as tecnologias têm tendência a escolher, por defeito, o inglês - se está a fazer aplicações em português, lembre-se disso e codifique sempre de forma explicita o idioma português na sua aplicação.
 
 ## Referências
 

mobile/tecnicas-procedimentos-de-teste/G111.md

@@ -0,0 +1,15 @@
+---
+title: G111 Usando cores e padrões
+---
+
+## Procedimentos de teste
+
+Para cada imagem na página da Web que usa diferenças de cor para transmitir informações:
+
+1. Verifique se todas as informações transmitidas por meio de cores também são transmitidas por meio de padrões que não dependem de cores
+
+## Resultados esperados
+A verificação nº 1 é verdadeira.
+
+## Referências
+W3C/WAI (2023). [Technique G111: Using color and pattern](https://www.w3.org/WAI/WCAG22/Techniques/general/G111). Developed by Accessibility Guidelines Working Group (AG WG) Participants. Updated 20 June 2023.

mobile/tecnicas-procedimentos-de-teste/G14.md

@@ -0,0 +1,15 @@
+---
+title: G14 Garantir que as informações transmitidas pelas diferenças de cor também estejam disponíveis no texto
+---
+
+## Procedimentos de teste
+
+Para cada item em que uma diferença de cor é usada para transmitir informações:
+
+1. Verifique se as informações transmitidas também estão disponíveis em texto e se o texto não é conteúdo condicional.
+
+## Resultados esperados
+A verificação nº 1 é verdadeira.
+
+## Referências
+W3C/WAI (2023). [Technique G14: Ensuring that information conveyed by color differences is also available in text](https://www.w3.org/WAI/WCAG22/Techniques/general/G14). Developed by Accessibility Guidelines Working Group (AG WG) Participants. Updated 20 June 2023.