Skip to content

Notas para um Guia "10 aspetos criticos de acessibilidade funcional aplicações móveis"

Jump to bottom
AMA | Agência para a Modernização Administrativa, I.P edited this page Apr 4, 2024 · 2 revisions

Critérios de Sucesso e Técnicas aplicáveis aos conteúdos para dispositivos móveis (falta 2.1 e falta integrar com os temas):

Princípio 1

  • 1.1 Text Alternatives: Provide text alternatives for any non-text content so that it can be changed into other forms people need, such as large print, braille, speech, symbols or simpler language.
  • 1.2 Time-based Media: Provide alternatives for time-based media.
  • 1.3 Adaptable: Create content that can be presented in different ways (for example simpler layout) without losing information or structure.
  • 1.4 Distinguishable: Make it easier for users to see and hear content including separating foreground from background. Princípio 2
  • 2.1 Keyboard Accessible: Make all functionality available from a keyboard.
  • 2.2 Enough Time: Provide users enough time to read and use content.
  • 2.3 Seizures: Do not design content in a way that is known to cause seizures.
  • 2.4 Navigable: Provide ways to help users navigate, find content, and determine where they are. Princípio 3
  • 3.1 Readable: Make text content readable and understandable.
  • 3.2 Predictable: Make Web pages appear and operate in predictable ways.
  • 3.3 Input Assistance: Help users avoid and correct mistakes. Princípio 4
  • 4.1 Compatible: Maximize compatibility with current and future user agents, including assistive technologies.

Nota: How to Meet WCAG 2.0 is updated with an option to filter for techniques that apply to mobile https://www.w3.org/WAI/WCAG21/quickref/?versions=2.0

W3C - Mobile Accessibility Mapping

https://www.w3.org/TR/mobile-accessibility-mapping/

  •   2. Mobile accessibility considerations primarily related to Principle 1: Perceivable

    •   2.1 Small Screen Size

    •   2.2 Zoom/Magnification

    •   2.3 Contrast

  •   3. Mobile accessibility considerations primarily related to Principle 2: Operable

    •   3.1 Keyboard Control for Touchscreen Devices

    •   3.2 Touch Target Size and Spacing

    •   3.3 Touchscreen Gestures

    •   3.4 Device Manipulation Gestures

    •   3.5 Placing buttons where they are easy to access

  •   4. Mobile accessibility considerations related primarily to Principle 3: Understandable

    •   4.1 Changing Screen Orientation (Portrait/Landscape)

    •   4.2 Consistent Layout

    •   4.3 Positioning important page elements before the page scroll

    •   4.4 Grouping operable elements that perform the same action

    •   4.5 Provide clear indication that elements are actionable

    •   4.6 Provide instructions for custom touchscreen and device manipulation gestures

  •   5. Mobile accessibility considerations related primarily to Principle 4: Robust

    •   5.1 Set the virtual keyboard to the type of data entry required

    •   5.2 Provide easy methods for data entry

    •   5.3 Support the characteristic properties of the platform

Em português:

W3C - Mobile Accessibility Mapping

https://www.w3.org/TR/mobile-accessibility-mapping/

  1. Considerações sobre acessibilidade móvel principalmente relacionadas ao Princípio 1: Perceptível 2.1 Ecrã de tamanho pequeno 2.2 Zoom / Ampliação 2.3 Contraste
  2. Considerações de acessibilidade móvel principalmente relacionadas ao Princípio 2: Operável 3.1 Controle de teclado para dispositivos de ecrã sensível ao toque 3.2 Tamanho e espaçamento do alvo de toque 3.3 Gestos no ecrã sensível ao toque 3.4 Gestos de manipulação do dispositivo 3.5 Posicionar os botões em zonas fáceis de aceder
  3. Considerações de acessibilidade móvel relacionadas principalmente ao Princípio 3: Compreensível 4.1 Altere a orientação do ecrã (retrato / paisagem) 4.2 Forneça um layout consistente 4.3 Posicione os elementos importantes da página antes do scroll 4.4 Agrupe os elementos operáveis ​​que desempenham a mesma ação 4.5 Forneça uma indicação clara de que os elementos são acionáveis 4.6 Forneça instruções sobre quais são os toques de ecrã e os gestos de manipulação de dispositivo que personalizou
  4. Considerações de acessibilidade móvel relacionadas principalmente ao Princípio 4: Robusto 5.1 Configure o teclado virtual para o tipo de entrada de dados necessária 5.2 Forneça métodos fáceis para entrada de dados 5.3 Suporte as propriedades características da plataforma

Mobile Accessibility Checklist (MDN)

https://developer.mozilla.org/en-US/docs/Web/Accessibility/Mobile_accessibility_checklist#colour

Verifique:

1. Cor
    - Contraste
    - Informação veiculada pela cor
2. Visibilidade
    - Técnicas para esconder conteúdo
    - Tudo o que não esteja visível no ecrã deve estar verdadeiramente invisível
3. Focus
    - Todos os elementos ativáveis devem ser focáveis:
        - Controlos standards
        - Controlos não standards
    - Ordem lógica e consistente do foco
4. Equivalentes em texto
    - alt e title
    - Aria-label e aria-labelledby
5. Manipular o estado
    - Controlos standards e não standards
6. Orientação
    - O conteúdo não deve ficar restrito a uma única orientação, como seja a orientação em modo retrato ou em modo paisagem, a não ser que a mesma desempenhe uma função essencial.
7. Orientações gerais
    - A app tem de ter um título
    - Os títulos não devem quebrar a estrurura hierárquica
    - Deve usar ARIA Landmarks para descrever a estrutura de aa app ou do documento
    - Para eventos de toque:
        - (a) The down-event should not be used to trigger any action. NÃO ENTENDO ESTA COM A (D)
        - (b) The action is triggered on the up event and an option to abort the action before its completion is available or an option to undo the action after its completion
        - (c) The up-event will undo any action that was triggered on a down event
        - (d) It is essential to trigger the action on the down event. For example, playing a game or a piano application.
    - Touch targets must be large enough for the user to interact with (see the BBC Mobile Accessibility Guidelines for useful touch target size guidelines).

Capítulo 11 da EN301549

Mobile Accessibility Guidelines

https://www.bbc.co.uk/accessibility/forproducts/guides/mobile/

- Summary
- Principles
- Audio & Video
- Design
- Editorial
- Focus
- Forms
- Images
- Links
- Notifications
- Scripts & dynamic content
- Structure
- Text Equivalents

Funka Mobile Accessibility

https://www.funka.com/en/research-and-innovation/archive---research-projects/mobile-guidelines/

Criar apps mais acessíveis (Android)

https://developer.android.com/guide/topics/ui/accessibility

  • Elementos de etiqueta / elementos semânticos
    • Elementos editáveis / campos de edição
    • Pares de elementos em que um descreve o outro
    • Elementos de uma coleção
    • Grupo de conteúdos relacionados
    • Grupos encadeados
    • Títulos no texto
    • Títulos do painel de acessibilidade
    • Elementos decorativos
  • Use ou estenda widgets fornecidas pelo sistema
    • Estender a partir da hierarquia de classes
    • Definir eventos personalizados
    • Como aplicar esse princípio a objetos triSwitch
  • Usar outras indicações além da cor
  • Tornar o conteúdo multimédia mais acessível

Accessibility on iOS

https://developer.apple.com/accessibility/ios/

  • Interação
  • Navegação
  • Tamanho e Peso do Texto
  • Cor e Contraste
  • Efeitos e Movimento de Aparência
  • Conteúdo

2022/2024 - Book A11Y - Bloco de notas sobre acessibilidade digital

Clone this wiki locally