Acessibilidade
Acessibilidade
web
web
Crisciany Souza
Crisciany Souza
Crisciany Souza
Sou de Manaus-AM
Programadora
Bacharel em Ciência da computação
Fundadora da comunidade de PHP
de Manaus
Gosto de participar e contribui com
projetos voluntário e ajudar
Gosto de participar de eventos de
tecnologia seja presencial em
Manaus ou online.
O que é Acessibilidade na Web?
O que é Acessibilidade na Web?
“...acessibilidade na web é sobre uma coisa bem simples: quebrar
barreiras nos ambientes virtuais. Tornar uma página acessível é permitir
que diferentes tipos de pessoas, com deficiência ou não, possam chegar
aos conteúdos e compreendê-los com autonomia.”
site: hand talk
Qual a importância de deixar o site
Qual a importância de deixar o site
acessível?
acessível?
Vivemos em tempos que boa
parte das atividades cotidianas
são realizadas virtualmente. E com
isso, ter facilidade, compreenção
e agilidade se faz super
necessário. O site precisa ser
compreensivel com passos que
não canse o usuário. A plataforma
precisa esta em harmonia com
cores, preenchimento de
formulário, audio visual que seja
claro.
palestra sobre acessibilidade Monica Craveiro
“O poder da web está na sua
“O poder da web está na sua
universalidade. O acesso por
universalidade. O acesso por
todas as pessoas, não obstante a
todas as pessoas, não obstante a
sua deficiência, é um aspecto
sua deficiência, é um aspecto
essencial”
essencial”
Tim Berners Lee
Tim Berners Lee
Onde posso encontrar conteúdos
Onde posso encontrar conteúdos
e documentação sobre
e documentação sobre
acessibilidade?
acessibilidade?
WCAG(Web Content Accessibility
WCAG(Web Content Accessibility
Guidelines)
Guidelines)
É um documento que traz as diretrizes de acessibilidade para a web, explicando
como tornar o conteúdo acessível para pessoas com deficiências. De acordo com
elas, um site acessível segue os seguintes princípios:
Princípios Recomendações
CritériosdeSucesso Técnicas
Como vejo essas boas práticas em
Como vejo essas boas práticas em
código?
código?
Definir uma semântica
seguindo as boas
práticas, ajuda tanto os
desenvolvedores quanto
as ferramentas de
acessibilidade a
entenderem melhor o
site.
Exemplo prático de acessibilidade
Exemplo prático de acessibilidade
digital
digital
É um conjunto de ferramentas de avaliação que ajuda os autores a tornar o seu
conteúdo Web mais acessível a pessoas com deficiência.
Referências
Referências
Tema: Web Content Accessibility Guidelines (WCAG) 2.0
Site: https://www.w3.org/Translations/WCAG20-pt-br/
Tema: Acessibilidade na Web: tudo o que você precisa saber sobre o assunto!
Site: https://www.handtalk.me/br/blog/acessibilidade-na-web/
Tema: Acessibilidade na Web - Monica Craveiro
Site: https://youtu.be/6qnE3TXc7WQ?si=4w15CDEGOlttkefn
Canal youtube: https://www.youtube.com/@handtalktv
Fala sobre acessibilidade digital
Tema: HTML: Boas práticas em acessibilidade
Site: https://developer.mozilla.org/pt-BR/docs/Learn/Accessibility/HTML
Tema: Barreiras de acessibilidade: o que é, quais são e como eliminá-las?
Site: https://www.handtalk.me/br/blog/barreiras-para-a-acessibilidade/?
utm_source=Blog&utm_medium=AcessibilidadeNaWeb_Link
Tema: Acessibilidade em HTML5: Boas Práticas e Ferramentas Essenciais
Site: https://www.dio.me/articles/acessibilidade-em-html5-boas-praticas-e-
ferramentas-essenciais
Muito
Muito
Obrigado!
Obrigado!

Acessibilidade web e sua importancia na web

  • 1.
  • 2.
    Crisciany Souza Crisciany Souza Soude Manaus-AM Programadora Bacharel em Ciência da computação Fundadora da comunidade de PHP de Manaus Gosto de participar e contribui com projetos voluntário e ajudar Gosto de participar de eventos de tecnologia seja presencial em Manaus ou online.
  • 3.
    O que éAcessibilidade na Web? O que é Acessibilidade na Web? “...acessibilidade na web é sobre uma coisa bem simples: quebrar barreiras nos ambientes virtuais. Tornar uma página acessível é permitir que diferentes tipos de pessoas, com deficiência ou não, possam chegar aos conteúdos e compreendê-los com autonomia.” site: hand talk
  • 4.
    Qual a importânciade deixar o site Qual a importância de deixar o site acessível? acessível? Vivemos em tempos que boa parte das atividades cotidianas são realizadas virtualmente. E com isso, ter facilidade, compreenção e agilidade se faz super necessário. O site precisa ser compreensivel com passos que não canse o usuário. A plataforma precisa esta em harmonia com cores, preenchimento de formulário, audio visual que seja claro.
  • 5.
  • 6.
    “O poder daweb está na sua “O poder da web está na sua universalidade. O acesso por universalidade. O acesso por todas as pessoas, não obstante a todas as pessoas, não obstante a sua deficiência, é um aspecto sua deficiência, é um aspecto essencial” essencial” Tim Berners Lee Tim Berners Lee
  • 7.
    Onde posso encontrarconteúdos Onde posso encontrar conteúdos e documentação sobre e documentação sobre acessibilidade? acessibilidade?
  • 8.
    WCAG(Web Content Accessibility WCAG(WebContent Accessibility Guidelines) Guidelines) É um documento que traz as diretrizes de acessibilidade para a web, explicando como tornar o conteúdo acessível para pessoas com deficiências. De acordo com elas, um site acessível segue os seguintes princípios: Princípios Recomendações CritériosdeSucesso Técnicas
  • 9.
    Como vejo essasboas práticas em Como vejo essas boas práticas em código? código?
  • 10.
    Definir uma semântica seguindoas boas práticas, ajuda tanto os desenvolvedores quanto as ferramentas de acessibilidade a entenderem melhor o site.
  • 11.
    Exemplo prático deacessibilidade Exemplo prático de acessibilidade digital digital
  • 13.
    É um conjuntode ferramentas de avaliação que ajuda os autores a tornar o seu conteúdo Web mais acessível a pessoas com deficiência.
  • 14.
    Referências Referências Tema: Web ContentAccessibility Guidelines (WCAG) 2.0 Site: https://www.w3.org/Translations/WCAG20-pt-br/ Tema: Acessibilidade na Web: tudo o que você precisa saber sobre o assunto! Site: https://www.handtalk.me/br/blog/acessibilidade-na-web/ Tema: Acessibilidade na Web - Monica Craveiro Site: https://youtu.be/6qnE3TXc7WQ?si=4w15CDEGOlttkefn Canal youtube: https://www.youtube.com/@handtalktv Fala sobre acessibilidade digital Tema: HTML: Boas práticas em acessibilidade Site: https://developer.mozilla.org/pt-BR/docs/Learn/Accessibility/HTML Tema: Barreiras de acessibilidade: o que é, quais são e como eliminá-las? Site: https://www.handtalk.me/br/blog/barreiras-para-a-acessibilidade/? utm_source=Blog&utm_medium=AcessibilidadeNaWeb_Link Tema: Acessibilidade em HTML5: Boas Práticas e Ferramentas Essenciais Site: https://www.dio.me/articles/acessibilidade-em-html5-boas-praticas-e- ferramentas-essenciais
  • 15.