Apresentação realizada no Wordcamp Rio 2016 analisa de maneira breve a Lei Brasileira de Inclusão (LBI) e apresenta documentação relevante do seguimento de acessibilidade Web como as Recomendações de Acessibilidade para Conteúdo da Web (WCAG), o Modelo de Acessibilidade do Governo Eletrônico (eMAG) e a Aplicação Rica para Acessibilidade na Internet (WAI-ARIA). Ao fim são apontadas medidas adotadas pela comunidade Wordpress para adequação em acessibilidade Web de um dos softwares mais usados na internet assim como são apresentadas soluções já disponibilizadas pela comunidade.
A intenção não foi aprofundar o assunto mas sim apresentar e relacionar os materiais já existentes sobre o assunto.
2. Sobre mim
contato@hans.mosl.nom.br
hans.mosl.nom.br
hansmosl | (21)98383-7929
hansmosl | hansmosl
hansmosl | hansmosl
Hans Mösl
Designer e Desenvolvedor
3. Introdução
A Lei Brasileira de Inclusão (LBI)
●
Conceitos abordados
●
Do acesso à informação e à comunicação
Acessibilidade Web
●
Definição
●
Diretrizes e Recomendações
Acessibilidade Web no Wordpress
●
Conquistas alcançadas
●
Recursos adicionais
4. Lei nº 13.146, de 6 de julho de 2015
Lei Brasileira de Inclusão (LBI)
5. Lei Brasileira de Inclusão (LBI)
Conceitos
●
Pessoa com deficiência
●
Barreiras
●
Design Universal
●
Adaptações Razoáveis
Do acesso à informação e à comunicação
6. Lei Brasileira de Inclusão (LBI)
Conceitos: Pessoa com Deficiência
Art. 2º Considera-se pessoa com deficiência
aquela que tem impedimento de longo prazo de
natureza física, mental, intelectual ou sensorial, o
qual, em interação com uma ou mais barreiras,
pode obstruir sua participação plena e efetiva na
sociedade em igualdade de condições com as
demais pessoas.
7. Lei Brasileira de Inclusão (LBI)
Conceitos: Barreiras
Art. 3º - IV Barreiras: qualquer entrave, obstáculo,
atitude ou comportamento que limite ou impeça a
participação social da pessoa, bem como o gozo, a
fruição e o exercício de seus direitos à
acessibilidade, à liberdade de movimento e de
expressão, à comunicação, ao acesso à
informação, à compreensão, à circulação com
segurança, entre outros, classificadas em:
8. Lei Brasileira de Inclusão (LBI)
Exemplo de interação deficiência / barreira
9. Lei Brasileira de Inclusão (LBI)
Conceitos: Design Universal
Art. 3º - II Desenho Universal: concepção de
produtos, ambientes, programas e serviços a
serem usados por todas as pessoas, sem
necessidade de adaptação ou de projeto
específico, incluindo os recursos de tecnologia
assistiva
10. Lei Brasileira de Inclusão (LBI)
Conceitos: Adaptações Razoáveis
Art. 3º - VI Adaptações Razoáveis: adaptações,
modificações e ajustes necessários e adequados
que não acarretem ônus desproporcional e
indevido, quando requeridos em cada caso, a fim
de assegurar que a pessoa com deficiência possa
gozar ou exercer, em igualdade de condições e
oportunidades com as demais pessoas, todos os
direitos e liberdades fundamentais;
11. Lei Brasileira de Inclusão (LBI)
Do acesso à informação e à Comunicação
Art. 63. É obrigatória a acessibilidade nos sítios da internet
mantidos por empresas com sede ou representação
comercial no País ou por órgãos de governo, para uso da
pessoa com deficiência, garantindo-lhe acesso às
informações disponíveis, conforme as melhores práticas e
diretrizes de acessibilidade adotadas internacionalmente.
§ 1º Os sítios devem conter símbolo de acessibilidade em
destaque.
13. Acessibilidade na Web
“Acessibilidade na web significa que pessoas com
deficiência podem usar a web. Mais especificamente, a
acessibilidade na web significa que pessoas com deficiência
podem perceber, entender, navegar, interagir e contribuir
para a web. E mais. Ela também beneficia outras pessoas,
incluindo pessoas idosas com capacidades em mudança
devido ao envelhecimento”.
- W3CBrasil, WAI - Introdução à Acessibilidade Web
14. Acessibilidade na Web
Diretrizes e Recomendações: WCAG
WCAG 2.0 – Diretrizes de Acessibilidade a conteúdo Web
São as recomendações de acessibilidade para conteúdo da Web,
ou seja, são diretrizes que explicam como tornar o conteúdo Web
acessível a todas as pessoas.
Essas diretrizes foram traduzida em 2014 pelo W3C Brasil
15. Acessibilidade na Web
Diretrizes e Recomendações: WCAG
Nível A: Conjuntos de medidas básicas (normativos).
Ex: Texto alternativo para imagens.
Nível AA: Abrange o Nível A (mais básico) e o Nível AA (padrão legal
na maioria dos países do mundo, inclusive o Brasil).
Ex: Possibilidade de redimensionamento de Texto (até 200% sem
perdas).
Nível AAA: abrange todos os Níveis (A, AA e AAA), sendo
normalmente aplicado por sistemas específicos.
Ex: Língua de sinais junto a um conteúdo de áudio pré-gravado.
16. Acessibilidade na Web
Diretrizes e Recomendações: eMag
eMAG – Modelo de Acessibilidade em Governo Eletrônico
Permitem que a implementação da acessibilidade digital seja
conduzida de forma padronizada, de fácil implementação,
coerente com as necessidades brasileiras e em conformidade
com os padrões internacionais.
17. Acessibilidade na Web
Diretrizes e Recomendações: WAI-ARIA
WAI ARIA – (Accessible Rich Internet Applications)
Definem uma forma de tornar o conteúdo e aplicativos web mais
acessíveis a pessoas com deficiências. São marcações
semânticas úteis tanto para interação com tecnologias assistivas
(leitores de tela) como com conteúdo e interface de controle
dinâmicos (como aplicações JavaScript entre outras).
19. Acessibilidade no Wordpress
Quanto ao Core
Desde 2016/3 submissões ao CORE do Wordpress devem estar
em conformidade com o WCAG ao menos no nível AA.
O grupo de trabalho em Acessibilidade do Wordpress tem
trabalhado para tornar o ambiente Administrativo cada vez mais
acessível.
20. Acessibilidade no Wordpress
Quanto aos Temas
A tag especial accessibility-ready é usada para classificar temas
acessíveis (que passam por verificação pelo grupo de revisão de
temas). Já são mais de 110 temas com essa tag.
O Handbook mantido pela comunidade oferece orientação em
diversos níveis sobre criação de Temas em conformidade com as
Normas de Acessibilidade.
21. Acessibilidade no Wordpress
Quanto aos Plugins
WP Acessibility
Excelente plugin conserta problemas de marcação ou verborragia
além de oferecer recursos como o alteração de contraste e de
tamanho de fonte.
WP Acessibility Helper
Outro pacotão de recursos em acessibilidade com uma barra
lateral com opções como auto-contraste, tamanho de fonte entre
outros.