Skip to content
| Marketplace
Sign in
Visual Studio Code>Snippets>Accessible FlutterNew to Visual Studio Code? Get it now.
Accessible Flutter

Accessible Flutter

Rafael Faria

|
370 installs
| (0) | Free
An extension to help developers to build more accessible apps through hints received in development-time.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Accessible Flutter

Usando como base o WCAG (Web Content Accessibility Guidelines) da W3C, a extensão melhora a acessibilidade do seu código em Flutter em tempo de desenvolvimento, melhorando a usabilidade para que mais pessoas possam aproveitá-lo em sua completude.

Funcionalidades

A extensão irá executar em tempo de desenvolvimento uma serie de validações sobre o código de seus arquivos para garantir que ele seja cada vez mais acessível!

Validações

  • Texto alternativo de imagens e ícones: a extensão te lembrará de adicionar labels semânticas às imagens (e seus construtores) e ícones utilizados.
  • Propósito dos botões: a extensão irá te sugerir a utilização de widgets semânticos para descrever claramente o propósito dos principais components do Material Design, como ElevatedButton, OutlinedButton, TextButton, e FilledButton.
  • Título da página: a extensão irá te lembrar de definir um appBar ao utilizar o widget Scaffold, muito comum no desenvolvimento Flutter com Material Design.
  • Label e dicas de preenchimento em Inputs de texto: Te lembraremos de sempre registrar uma label e um texto de preenchimento ao utilizar o widget TextField ou TextFormField!
  • Aprendizado constante: Todas as validações executadas sobre o seu código trazem diagnósticos claros, concisos e educativos, que rapidamente te tornarão um especialista em acessibilidade utilizando o Flutter para desenvolvimento mobile!

Snippets

A extensão conta com alguns snippets que te ajudam a implementar componentes comuns no desenvolvimento Flutter de maneira mais organizada e focados em sua acessibilidade. A atual lista de Snippets conta com:

  • button: Implementa um componente de botão encapsulado no widget Semantics, trazendo uma label que ajuda a explicar o propósito do botão
  • textfield: Implementa o widget TextField (ou TextFormField) já com propriedades de label e texto de ajuda no preenchimento.

Desabilite quando quiser

Utilizando um simples comentário em qualquer local do seu arquivo .dart, a extensão suspenderá a validação do código dele. Para isso, basta escrever o comentário // accessible-flutter disable-file!

Notas de Lançamento

1.1.3

  • Resolvendo alguns problemas de typo referentes ao nome da extensão

1.1.2

  • Resolução de bug na execução dos padrões dos botões

1.1.1

  • Resolução de bug na regra de nome de botões do Material Design

1.1.0

  • Adição das regras de label semântica aos construtores do widget Image
  • Adição das regras de label e dica de preenchimento ao widget TextFormField
  • Ajuste nos prefixos dos snippets pra facilitar o uso

1.0.1

  • Resolução de bug com a funcionalidade de desabilitar arquivo.

1.0.0

  • Lançamento inicial da extensão.

Para mais informação

  • Guia de consulta rápido WCAG

Aproveite!

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft