⭐Se quiser conhecer mais sobre HTML, considere conhecer meu curso Web Design Fundamentos. Aprenda HTML CSS e Javascript: serfrontend.com/cursos/web-fundamentos-html-css/index.html
Maravilhoso o vídeo. Dos 6 recursos ensinados eu não sabia nenhum. Atualmente existem no canal somente 3 vídeos sobre acessibilidade. Três entre 583. Gostaria de ver mais vídeos assim. Os únicos temas que eu acho mais interessantes que acessibilidade são a analise de portfólio e as simulações de entrevistas de emprego. As simulações de entrevistas de emprego são de longe o melhor na minha opinião.
Video muito bom. direto ao ponto. Ainda tem poucos videos mais praticos sobre Acessibilidade, mas é um assunto muito importante para todos que trabalham TI.
Quanto a textos sobre imagem me previno de que pode demorar a carregar a imagem ou falhar. Portanto estilizo o texto alternativo img { color: white }. É falível background-img, logo convém adicionar background-color. E há os textos que estão em cima de um elemento img mediante top, left, bottom, right, insight ou grid-area
Vídeo incrível professor! Comecei seu curso da Udemy e estou maravilhado nos seus vídeos. É tão gratificante começar a entender esses códigos. Parabéns!
As vezes alguns códigos alteram o outline, e sem perceber o programador remove o outline do focus-within. Quem tentar navegar pelo teclado, terá problemas em saber qual elemento está selecionado. Em um site com muitos elementos, seria interessante algum keyacess ou tecla de atalho em javascript.
Eu vi exemplos e passei adotar mesmo sem saber se é certo. colocar o input dentro do label, assim: User Assim não necessito do for=" " no label. Mas não sei se é certo, saberia me responder? Sou aluno e seu fã!! OBS: Escrever isso no celular foi um pesadelo.
Eu sou iniciante e só não conhecia a última dica. Vi todas elas principalmente na documentação da MDN, e acessibilidade é algo que me preocupa desde que eu dava aula em escolas públicas. Obrigado por compartilhar isso tudo, eu achei ótimo. Ahhh Não sei se o professor COMPROU o microfone de lapela... Eu tenho um microfone de lapela que nem uso, da época que eu trabalhava como filmmaker. Ele tá meio velho e remendada a presilha mas tá ótimo ainda hahah. Se o professor morasse mais perto eu poderia fazer uma doação. :/
Opa. Agradeço por ter oferecido. Muito obrigado mesmo, de coração. Que Deus multiplique essa generosidade em tua vida. Mas eu realmente moro muito longe. Abração
Preciso de ajuda!!! No vídeo, qual é a ordem de acesso a pagina web utilizando a tecla “TAB” para navegar? O que você fez para deixar os cards em ordem? Ao navegar pelas páginas utilizando a tecla TAB, depois que ele acessou todos os elementos HTML, ele deu foco em quais elementos?
⭐Se quiser conhecer mais sobre HTML, considere conhecer meu curso Web Design Fundamentos. Aprenda HTML CSS e Javascript: serfrontend.com/cursos/web-fundamentos-html-css/index.html
Cara, muito bom!! Sou pessoa com deficiência visual e, sofro muito com isso as vezes .
Muito obrigado pelo feedback Fagner. A web precisa servir à todas as pessoas, todas, sem distinção. Forte abraço
Parabéns pela iniciativa
Muito obrigado Rafael ☺
Maravilhoso o vídeo. Dos 6 recursos ensinados eu não sabia nenhum.
Atualmente existem no canal somente 3 vídeos sobre acessibilidade. Três entre 583.
Gostaria de ver mais vídeos assim.
Os únicos temas que eu acho mais interessantes que acessibilidade são a analise de portfólio e as simulações de entrevistas de emprego.
As simulações de entrevistas de emprego são de longe o melhor na minha opinião.
Boa. Muito obrigado pela mensagem. Forte abraço
10:50 q top! eu q to fazendo um site com idioma em portugues, ingles, chines tradicional e simplificado.. tava ficando tudo em portugues kkkkkk
Show Edson. valeu
Video muito bom. direto ao ponto. Ainda tem poucos videos mais praticos sobre Acessibilidade, mas é um assunto muito importante para todos que trabalham TI.
Muito obrigado Diego
Muito legal essas dicas! Realmente não fazia ideia da última rsrs
Hahaha. Que bom que gostou mano. Obrigado pelo apoio 😉
Top demais professor! E se der faz um vídeo tbm falando dos atributos ARIA mais importantes 😊
Boa. Valeu Herison
Na linha 220 no tempo 20:23, por que usou "keyup" ao invés de "keydown" ou "keypress"?
Quanto a textos sobre imagem me previno de que pode demorar a carregar a imagem ou falhar. Portanto estilizo o texto alternativo img { color: white }. É falível background-img, logo convém adicionar background-color. E há os textos que estão em cima de um elemento img mediante top, left, bottom, right, insight ou grid-area
Vídeo incrível professor! Comecei seu curso da Udemy e estou maravilhado nos seus vídeos. É tão gratificante começar a entender esses códigos. Parabéns!
Muito obrigado pela mensagem. Fico muito feliz em saber que está gostando. Sucesso
caraca achei esse vídeo por acaso e essa dica do tabindex me ajudou dms em um projeto
Opa. Fico feliz por saber. Muito obrigado pelo feedback
Aula incrível professor! Essa do tabindex eu não sabia
Que bom que ajudei. Abração
Exelente.
Valeu Rafinha. forte abraço
As vezes alguns códigos alteram o outline, e sem perceber o programador remove o outline do focus-within. Quem tentar navegar pelo teclado, terá problemas em saber qual elemento está selecionado. Em um site com muitos elementos, seria interessante algum keyacess ou tecla de atalho em javascript.
Muito BOM !
Muito obrigado
Um grande problema de acessibilidade é a tecla tab em quando ela está sendo usada para inserir caractere de tabulação.
bem bom teu conteúdo, gratdão por isso
Muito obrigado Tadeu. Abração
bom vídeo.
Muito obrigado Henrique
Muito bom. Obrigado!
Opa. Eu que agradeço Amauri
Essa dica do final foi a cereja do bolo !
Opa. Que bom que gostou. Fico feliz. Abração
Eu não conhecia o último exemplo.
Pois. Agora já conhece :)
essa segunda dica eu não fazia ideia
Boa. Obrigado pela mensagem
O atributo tabindex eu não conhecia.
Pois. É muito útil para usabilidade e acessibilidade
Eu vi exemplos e passei adotar mesmo sem saber se é certo. colocar o input dentro do label, assim:
User
Assim não necessito do for=" " no label. Mas não sei se é certo, saberia me responder?
Sou aluno e seu fã!!
OBS: Escrever isso no celular foi um pesadelo.
Está correto, no caso dos inputs checkbox, radius, que tenha uma descrição do lado.
Exato. É perfeitamente válido também. Forte abraço
Tenho visto em alguns sites, que é bom especificar o for, mesmo que o label esteja envolvendo ambos os elementos.
Eu sou iniciante e só não conhecia a última dica. Vi todas elas principalmente na documentação da MDN, e acessibilidade é algo que me preocupa desde que eu dava aula em escolas públicas. Obrigado por compartilhar isso tudo, eu achei ótimo.
Ahhh Não sei se o professor COMPROU o microfone de lapela... Eu tenho um microfone de lapela que nem uso, da época que eu trabalhava como filmmaker. Ele tá meio velho e remendada a presilha mas tá ótimo ainda hahah. Se o professor morasse mais perto eu poderia fazer uma doação. :/
Opa. Agradeço por ter oferecido. Muito obrigado mesmo, de coração. Que Deus multiplique essa generosidade em tua vida. Mas eu realmente moro muito longe. Abração
dicas de ouro😍
Muito obrigado Francis. Abração
Preciso de ajuda!!!
No vídeo, qual é a ordem de acesso a pagina web utilizando a tecla “TAB” para navegar?
O que você fez para deixar os cards em ordem?
Ao navegar pelas páginas utilizando a tecla TAB, depois que ele acessou todos os elementos HTML, ele deu foco em quais elementos?
O foco fica no browser em si, como barra de endereço, botões etc
A tag "a" pode ser usada como botão para outra página dentro do próprio site ou envia para sites externos. Não entendi mto bem
A tag a é link para outra página, seja do mesmo site ou não. Esse link pode até se parecer como um botão, usando css, mas a tag é sempre a.
👏👏👏👏👏👏👏
Obrigado Ale. 😊
em pé na chuva foi boa🤣
kkkkkk obrigado Eliel