-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
5717ac7
commit 9199df6
Showing
8 changed files
with
111 additions
and
6 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,40 @@ | ||
--- | ||
title: 3.2 Indicações no ecrã e texto acessível mostram que esses elementos são ativavéis | ||
--- | ||
|
||
## Considerações sobre acessibilidade móvel relacionadas principalmente ao Princípio 3: Compreensível | ||
|
||
> | ||
><font color="#757575">Os recursos visuais que podem diferenciar um elemento acionável incluem forma, cor, estilo, posicionamento, rótulo de texto para uma ação e iconografia convencional. Exemplos de características distintivas: | ||
> | ||
>Formato convencional: formato de botão (cantos arredondados, sombras projetadas), caixa de seleção, selecione retângulo com seta apontando para baixo | ||
> - Iconografia: ícones visuais convencionais (ponto de interrogação, ícone inicial, ícone de hambúrguer para menu, disquete para salvar, seta para trás, etc.) | ||
> - Deslocamento de cor: forma com cor de fundo diferente para distinguir o elemento do fundo da página, cor de texto diferente | ||
> - Estilo convencional: texto sublinhado para links, cor para links | ||
> - Posicionamento convencional: posição comumente usada, como posição superior esquerda para o botão Voltar (iOS), posição dos itens de menu em listas alinhadas à esquerda em menus suspensos para navegação</font> | ||
> | ||
> Os critérios de sucesso das WCAG 2.0 não abordam diretamente a questão da indicação visual clara de que os elementos são acionáveis, mas estão relacionados com os critérios de sucesso [3.2.3 Navegação Consistente (Nível AA)](https://www.w3.org/WAI/WCAG22/Understanding/consistent-navigation) e [3.2.4 Identificação Consistente (Nível AA)](https://www.w3.org/WAI/WCAG22/Understanding/consistent-identification) | ||
> | ||
> [Considerações sobre acessibilidade mobile relacionadas ao Princípio 3: Compreensível](https://www.w3.org/TR/mobile-accessibility-mapping/#provide-clear-indication-that-elements-are-actionable) | ||
## Critérios de Sucesso WCAG 2.1 aplicáveis | ||
|
||
### 3.2.4 Identificação Consistente (Nível AA) | ||
><font color="#757575">A intenção deste Critério de Sucesso é garantir que o texto apresentado visualmente seja apresentado de uma forma que possa ser percebido sem que o seu layout interfira na sua legibilidade...</font> | ||
> | ||
> [Critério 3.2.4 Identificação Consistente (Nível AA)](https://www.w3.org/WAI/WCAG22/Understanding/consistent-identification) | ||
> | ||
### Procedimento de teste WCAG 2.1 | ||
|
||
#### Técnicas suficientes | ||
- [G197: Utilizar rótulos, nomes e alternativas de texto consistentemente para conteúdo que tenha a mesma funcionalidade](/tecnicas-procedimentos-de-teste/G197.md) **E** seguir as técnicas suficientes para o Critério de Sucesso 1.1.1 e técnicas suficientes para o Critério de Sucesso 4.1.2 para fornecer rótulos, nomes e alternativas de texto. | ||
#### Falhas | ||
- [F31: Falha no Critério de Sucesso 3.2.4 devido à utilização de duas etiquetas diferentes para a mesma função em páginas Web diferentes num conjunto de páginas Web](/falhas/F31.md) | ||
|
||
|
||
### Referências | ||
|
||
W3C/WAI. (2023) [WCAG Sucess Criteria 3.2.4 Consistent Identification (Level AA)](https://www.w3.org/WAI/WCAG22/Understanding/consistent-identification) | ||
|
||
|
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,34 @@ | ||
--- | ||
title: 3.3 Elementos ativáveis estão agrupados intuitivamente | ||
--- | ||
|
||
## Considerações sobre acessibilidade móvel relacionadas principalmente ao Princípio 3: Compreensível | ||
|
||
> | ||
><font color="#757575">Quando vários elementos executam a mesma ação ou vão para o mesmo destino (por exemplo, ícone de link com texto de link), eles devem estar contidos no mesmo elemento acionável.</font> | ||
> | ||
> Os critérios de sucesso das WCAG 2.0 não abordam diretamente a questão da indicação visual clara de que os elementos são acionáveis, mas estão relacionados com os critérios de sucesso [2.4.4 Finalidade do link (em contexto) (Nível A)](https://www.w3.org/WAI/WCAG22/Understanding/link-purpose-in-context) e [2.4.9 Finalidade do Link (Somente Link) (Nível AA)](https://www.w3.org/WAI/WCAG22/Understanding/link-purpose-link-only) | ||
> | ||
> [Considerações sobre acessibilidade mobile relacionadas ao Princípio 3: Compreensível](https://www.w3.org/TR/mobile-accessibility-mapping/#grouping-operable-elements-that-perform-the-same-action) | ||
## Critérios de Sucesso WCAG 2.1 aplicáveis | ||
|
||
### 2.4.4 Link Purpose (In Context) (Level A) | ||
><font color="#757575">A finalidade de cada link pode ser determinada apenas pelo texto do link ou pelo texto do link junto com seu contexto de link determinado programaticamente</font> | ||
> | ||
> [Critério 3.2.4 Identificação Consistente (Nível AA)](https://www.w3.org/WAI/WCAG22/Understanding/consistent-identification) | ||
> | ||
### Procedimento de teste WCAG 2.1 | ||
|
||
#### Técnicas suficientes | ||
- [H2: Combinando links de imagem e texto adjacentes para o mesmo recurso](/tecnicas-procedimentos-de-teste/H2.md)<font color="D53434">Dúvida AMA: é uma técnica de recomendação informada nas [Considerações sobre acessibilidade mobile relacionadas ao Princípio 3: Compreensível](https://www.w3.org/TR/mobile-accessibility-mapping/#grouping-operable-elements-that-perform-the-same-action)</font> | ||
#### Falhas | ||
- [F89 Falha nos critérios de sucesso 2.4.4, 2.4.9 e 4.1.2 devido ao não fornecimento de um nome acessível para uma imagem que é o único conteúdo de um link](/falhas/F89.md) | ||
|
||
|
||
### Referências | ||
|
||
W3C/WAI. (2023) [WCAG Sucess Criteria 3.2.4 Consistent Identification (Level AA)](https://www.w3.org/WAI/WCAG22/Understanding/consistent-identification) | ||
|
||
|
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,15 @@ | ||
--- | ||
title: F31 Falha no Critério de Sucesso 3.2.4 devido à utilização de duas etiquetas diferentes para a mesma função em páginas Web diferentes num conjunto de páginas Web | ||
--- | ||
|
||
## Procedimentos de teste | ||
|
||
1. Em um conjunto de páginas da Web, encontre componentes com a mesma função que se repetem em várias páginas da Web. | ||
2. Para cada componente com a mesma função encontrada na etapa 1, verifique se a nomenclatura é consistente. | ||
|
||
## Resultados esperados | ||
Se o passo n.º 2 for falso, esta condição de falha aplica-se e o conteúdo não cumpre o Critério de Sucesso. | ||
|
||
### Referências | ||
|
||
W3C/WAI (2024). [Technique F31: Failure of Success Criterion 3.2.4 due to using two different labels for the same function on different Web pages within a set of Web pages](https://www.w3.org/WAI/WCAG22/Techniques/failures/F31). Developed by Accessibility Guidelines Working Group (AG WG) Participants. Updated 02 May 2024. |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,15 @@ | ||
--- | ||
title: G197 Utilizar rótulos, nomes e alternativas de texto consistentemente para conteúdo que tenha a mesma funcionalidade | ||
--- | ||
|
||
## Procedimentos de teste | ||
|
||
1. Verifique se cada componente está associado ao texto que o identifica (ou seja, rótulo, nome ou texto alternativo). | ||
2. Verifique se este texto associado é idêntico para cada componente da interface do usuário com a mesma função. | ||
|
||
## Resultados esperados | ||
As verificações nº 1 e nº 2 são verdadeiras. | ||
|
||
## Referências | ||
|
||
W3C/WAI (2024). [Technique G197: Using labels, names, and text alternatives consistently for content that has the same functionality](https://www.w3.org/WAI/WCAG22/Techniques/general/G197). Developed by Accessibility Guidelines Working Group (AG WG) Participants. Updated 02 May 2024. |