Além do WCAG, temos o eMAG. Uma versão do WCAG adaptada para os portais brasileiros. A cartilha está desatualizada, mas ainda traz uma base consistente para quem escreve código. Quer uma validador automático dessas regras, use o ASES do Governo Federal. E lembrem-se: para atingir um bom nível de acessibilidade, basta seguir do jeito certo!
Fala meu amigo. Infelizmente existe a tal da IMAG. Mas não use se você for programador, por favor! Nada que tem lá pode ser levado em consideração. Apenas WCAG. Por isso que os portais governamentais são uma porcaria em acessibilidade
@@mauriciohenrique3525 Pelo contrário... Que bom que ainda a temos, e sabe pq? Ela se torna o documento oficial para balizar a acessibilidade web. Via decretos, portarias... Existem vários. Mas como disse, é a base... E ela já é grande o suficiente para termos algo sustentável. Óbvio que é da responsabilidade de todos nós seguirmos os padrões... Vida longa amigo
@@iamcoelho mas você não acha que sendo algo pertencente ao governo federal, deveria ser mais atualizado? Que o sistemas governamentais deveriam seguir o exemplo? trabalho com engenharia de qualidade e sou especialista em acessibilidade digital. não tem como seguir nada deles. apenas quando precisa trabalhar com algum sistema que seja do governo e aí eu diria que infelizmente. É terrível!
@@mauriciohenrique3525 Já trabalhei com a SECOM, Embratur, Banco do Brasil. Muitos dos gestores não entendem a necessidade e a importância sobre o tema, e por muitas vezes, nós fazíamos as sugestões... A cartilha foi escrita em parceria com alguma universidade, mas não imagino como esteja esse projeto hoje. Você já assistiu o vídeo feito pela Leda Spelta sobre Acessibilidade Web? Impactante... Vendia o assunto, sensibilizando as pessoas com esse vídeo
Que demais essas dicas, Rafa! A maneira como abordou sobre acessibilidade me fez refletir muito mais sobre o tema, para além do texto alternativo para imagens que já conhecia. Parabéns e obrigada pelo conteúdo!
eu tenho astigmatismo no foco horizontal, geralmente fontes que tem sombra ou algum efeito, causam muita dor de cabeça se eu ficar lendo por muito tempo. Muitas vezes eu não leio notícias por terem aquele formato estranho com sombra sabe? Adorei que você falou sobre acessibilidade, creio que também no design isso é importante para algumas pessoas. 🥰😊
No caso de bibliotecas para criação de interface como material ui e bootstrap, como funciona a ideia de utilizar as tags semânticas já que serão utilizados componentes "prontos"? Existe algum problema em questão de rankeamento com relação a utilização dessas bibliotecas?
Rafa você não vai ensinar a concertar aquela Landing Page que você fez? ela ficou bem diferente do projeto que estava do figma, ficou incompleta e com 0 responsividade, achei que você ia lançar a parte II do vídeo.
Só fazendo um pequeno adendo na questão do "lang", caso o site possua algum termo/palavra em inglês (ou qualquer outra lingua q não seja a indicada em "lang"), fica legal utilizar uma fonte itálica e tbm indicar no html q aquela palavra se trata de uma palavra em "x" língua (justamente para evitar erros de pronuncias bizonhos por conta dos leitores de tela).
"lang" é um atributo global e você utiliza ele pra definir o idioma de um elemento, nesse caso, você o adiciona dentro da tag , ficando (text), que assim os leitores de telas saberão qual a língua daquela palavra/texto. Bom code! 😊
Parabéns Rafaella! Excelente Conteúdo! Excelente ter uma referência feminina falando sobre o tema!
Rafaela você consegue passar o conteúdo de uma forma simples e agradável.
Além do WCAG, temos o eMAG. Uma versão do WCAG adaptada para os portais brasileiros. A cartilha está desatualizada, mas ainda traz uma base consistente para quem escreve código. Quer uma validador automático dessas regras, use o ASES do Governo Federal. E lembrem-se: para atingir um bom nível de acessibilidade, basta seguir do jeito certo!
Fala meu amigo. Infelizmente existe a tal da IMAG. Mas não use se você for programador, por favor! Nada que tem lá pode ser levado em consideração. Apenas WCAG. Por isso que os portais governamentais são uma porcaria em acessibilidade
@@mauriciohenrique3525 Pelo contrário... Que bom que ainda a temos, e sabe pq? Ela se torna o documento oficial para balizar a acessibilidade web. Via decretos, portarias... Existem vários. Mas como disse, é a base... E ela já é grande o suficiente para termos algo sustentável. Óbvio que é da responsabilidade de todos nós seguirmos os padrões... Vida longa amigo
@@iamcoelho mas você não acha que sendo algo pertencente ao governo federal, deveria ser mais atualizado? Que o sistemas governamentais deveriam seguir o exemplo? trabalho com engenharia de qualidade e sou especialista em acessibilidade digital. não tem como seguir nada deles. apenas quando precisa trabalhar com algum sistema que seja do governo e aí eu diria que infelizmente. É terrível!
@@mauriciohenrique3525 Já trabalhei com a SECOM, Embratur, Banco do Brasil. Muitos dos gestores não entendem a necessidade e a importância sobre o tema, e por muitas vezes, nós fazíamos as sugestões... A cartilha foi escrita em parceria com alguma universidade, mas não imagino como esteja esse projeto hoje. Você já assistiu o vídeo feito pela Leda Spelta sobre Acessibilidade Web? Impactante... Vendia o assunto, sensibilizando as pessoas com esse vídeo
Parabéns. Muito didático, claro e extremamente útil. Obrigado.
Que demais essas dicas, Rafa! A maneira como abordou sobre acessibilidade me fez refletir muito mais sobre o tema, para além do texto alternativo para imagens que já conhecia. Parabéns e obrigada pelo conteúdo!
oi vc faz bots??
Que tipo de Bot tu precisa.
eu tenho astigmatismo no foco horizontal, geralmente fontes que tem sombra ou algum efeito, causam muita dor de cabeça se eu ficar lendo por muito tempo. Muitas vezes eu não leio notícias por terem aquele formato estranho com sombra sabe? Adorei que você falou sobre acessibilidade, creio que também no design isso é importante para algumas pessoas. 🥰😊
Conteúdo incrível!! Se puder trazer um vídeo falando de técnicas para melhorar a performance no Front-end será muito interessante.
Rafaella parabéns pelo canal! Tudo muito interessante por aqui :D. Não sou da área... sou economista hahaha. Mas estou encantada!
vídeos muito bons com boa didática
com muito carisma parabéns
Top demais Rafa, muito top o conteúdo
Vídeo muito informativo, muito obrigado pelas dicas !
No caso de bibliotecas para criação de interface como material ui e bootstrap, como funciona a ideia de utilizar as tags semânticas já que serão utilizados componentes "prontos"? Existe algum problema em questão de rankeamento com relação a utilização dessas bibliotecas?
Excelente vídeo!
Excelente conteúdo, ajudou muito!! Muito obrigado!!!!
Ótimo vídeo, sobre um assunto mega importante
Rafa você não vai ensinar a concertar aquela Landing Page que você fez? ela ficou bem diferente do projeto que estava do figma, ficou incompleta e com 0 responsividade, achei que você ia lançar a parte II do vídeo.
Primeira a comentar por aqui!!! Parabéns pelo conteúdo, Rafa ❤
Obrigada pelas dicas prof 😊💖
"Se voce tem miopia, tira seu oculos e tenta ler sem ele"
eu com 6 graus de miopia 😂
Amo estudar sobre esse assunto! Obrigado por compartilhar também, isso deixa mais devs ficarem cientes.
Só fazendo um pequeno adendo na questão do "lang", caso o site possua algum termo/palavra em inglês (ou qualquer outra lingua q não seja a indicada em "lang"), fica legal utilizar uma fonte itálica e tbm indicar no html q aquela palavra se trata de uma palavra em "x" língua (justamente para evitar erros de pronuncias bizonhos por conta dos leitores de tela).
"lang" é um atributo global e você utiliza ele pra definir o idioma de um elemento, nesse caso, você o adiciona dentro da tag , ficando (text), que assim os leitores de telas saberão qual a língua daquela palavra/texto. Bom code! 😊
Basicamente foi oq eu disse, porem exemplificado. Obrigado =)
@@astolfoFredor
Uau meus parabens... muito bom seu video. eu estou a ptocura de alguem pra criar um bot pra mim. vc faz isso ou conhece alguem q faz?
Qual(is) site(s) para ver o contraste? Alguém sabe por favor?
Muito bom!!!👏
Queria programar mas não tenho PC ou notebook
Sensacional
🔥🔥🔥
😀
Quem nuncanse apaixonou pela ballerini q atire a primeira pedra kkk
Fico com uma agonia só de pensar em mãos sujas de comidas mexendo no meu pc heheh não nem perto!
vim a correr do instagram só para ver uma das minhas profs favoritas sem exagero!😁🥰😅