Expresso Acessível - 1º Seminário PHP no Serpro

1.
Seminário de PHPdo SERPRO IMPLEMENTANDO ACESSIBILIDADE NO EXPRESSO Diogo Dantas Serpro - CEAGO

2.
Acessibilidade no Expresso MOTIVAÇÃOPARA PENSAR EM ACESSIBILIDADE  Inclusão digital  Meios de comunicação  Aprimoramento profissional, acadêmico...  Legalidade

3.
Acessibilidade no Expresso REFERÊNCIAS  Teóricas...  eMAG– Modelo de acessibilidade (http://www.governoeletronico.gov.br/acoes-e-projetos/e-MAG)  W3C (http://www.w3c.br/GT/GrupoAcessibilidade)

4.
Acessibilidade no Expresso REFERÊNCIAS  Práticas...  Maioriade exemplos voltada para exibição de Conteúdo estático (informativos, artigos, leituras...)  Algum sistema com maior interação com o usuário?!.. (ExpressoV2, software proprietário...)

5.
Acessibilidade no Expresso REFERÊNCIAS  Práticas...  Leitoresde Tela....?  Validadores de acessibilidade

6.
Acessibilidade no Expresso Expressobrmóvel (javascript + cache agressiva + responsive)  Interface móvel do expressobr  Email  Contatos  Calendário  Utiliza-se da arquitetura de serviços do expressobr  Preocupação com a acessibilidade, gerou...  Módulo expressobr acessível  Email (principais funcionalidades disponíveis)  Contatos e Calendário (em breve)  Utiliza a API do Expressobr móvel

7.

8.

9.

10.

11.
Acessibilidade no Expresso Adaptarou Criar um novo ?

12.
Acessibilidade no Expresso UNIVERSODE USUÁRIOS ● Pessoas com deficiência visual (hoje, são os principais usuários e 'colaboradores' do expressobr acessível, portanto o foco de funcionalidades também tem sido validado por eles) ● Pessoas com a visão reduzida (hoje, já podem utilizar o expressobr acessível) ● Pessoas com deficiências motores

13.
Acessibilidade no Expresso LEITORESDE TELA ● Diversidade de leitores (jaws, NVDA, Orca, Dosvox, virtual vision...) ● Diversidade de navegadores (browsers) (ex: accesskey ) ● Níveis de experiência e conhecimento de recursos dos leitores de tela

14.
Acessibilidade no Expressobr PREMISSAS  Pautarpor recomendações eMAG  Pautar por recomendações dos usuários diretos  HTML (gerado pelo php)

15.
Acessibilidade no Expressobr PREMISSAS  Restringiro uso de javascript  Podem estar desabilitados  Eventos dinâmicos (assíncronos)

16.
Acessibilidade do expressobr -alt (descrição de imagens) - autofocus (posicionamento) - tabindex (posicionamento) - Destacar ações de mouse e teclado (posicionamento) - title (orientação de uso) - placeholder (orientação de uso) - required + pattern + title Campos obrigatórios (validação e orientação de uso)

17.

18.

19.

20.

21.

22.

23.

24.

25.
Acessibilidade do expressobr -Título das páginas - Por onde o leitor de tela inicia - Descrição vai situar o contexto atual de uso da aplicação - Cabeçalhos (headers) - Títulos e subtítulos - Organizar as informações - “Deslocadores” - Teclas de acesso (accesskey)

26.

27.

28.

29.

30.

31.

32.

33.

34.

35.

36.
Acessibilidade do expressobr  Tabelas  Caption(para título da tabela)  Usar id e headers para linkar o conteúdo das células com os respectivos cabeçalhos.  Thead (cabeçalhos da tabela), tbody (corpo da tabela)  summary  aria-hidden (html5) *

37.
Acessibilidade do expressobr  Links  Usuáriosmais experientes navegam, através de teclas de atalho, utilizando funcionalidades rápidas dos leitores de tela  Exemplos de atalhos: Tecla do leitor + F7

38.

39.

40.

41.
Acessibilidade do expressobr  Anexos  Extensão(formato)  Tamanho

42.
Acessibilidade do expressobr  Feedbackde ações

43.

44.

45.
Serviço Federal deProcessamento de Dados - Serpro Edifício Alfama, Parque Alfa - CEP 88010-140 Fone: (48) 3231-8900 - Florianópolis SC www.serpro.gov.br

Expresso Acessível - 1º Seminário PHP no Serpro

Mais conteúdo relacionado

Destaque

Semelhante a Expresso Acessível - 1º Seminário PHP no Serpro

Mais de Flávio Lisboa

Expresso Acessível - 1º Seminário PHP no Serpro