Como usar acessibilidade web no seu projeto front end na prática!

Поділитися
Вставка
  • Опубліковано 3 гру 2024

КОМЕНТАРІ • 41

  • @lascmed
    @lascmed 10 місяців тому +12

    Parabéns Rafaella! Excelente Conteúdo! Excelente ter uma referência feminina falando sobre o tema!

  • @Roberio.Leal2
    @Roberio.Leal2 10 місяців тому +3

    Rafaela você consegue passar o conteúdo de uma forma simples e agradável.

  • @sebastiaow.s.cardoso242
    @sebastiaow.s.cardoso242 Місяць тому

    Parabéns. Muito didático, claro e extremamente útil. Obrigado.

  • @tauz-12354
    @tauz-12354 10 місяців тому +2

    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. 🥰😊

  • @FernandaMarques-fg3mh
    @FernandaMarques-fg3mh 10 місяців тому +2

    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!

  • @bossledesenvolvimentoweb6045
    @bossledesenvolvimentoweb6045 10 місяців тому

    Excelente conteúdo, ajudou muito!! Muito obrigado!!!!

  • @annaluizasantosgusmao7478
    @annaluizasantosgusmao7478 10 місяців тому

    Conteúdo incrível!! Se puder trazer um vídeo falando de técnicas para melhorar a performance no Front-end será muito interessante.

  • @lukawalk627
    @lukawalk627 10 місяців тому

    vídeos muito bons com boa didática
    com muito carisma parabéns

  • @hendelfeliciano6375
    @hendelfeliciano6375 10 місяців тому

    Vídeo muito informativo, muito obrigado pelas dicas !

  • @Xzler-n8l
    @Xzler-n8l 10 місяців тому

    Rafaella parabéns pelo canal! Tudo muito interessante por aqui :D. Não sou da área... sou economista hahaha. Mas estou encantada!

  • @iamcoelho
    @iamcoelho 10 місяців тому +1

    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!

    • @mauriciohenrique3525
      @mauriciohenrique3525 10 місяців тому

      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

    • @iamcoelho
      @iamcoelho 10 місяців тому

      @@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

    • @mauriciohenrique3525
      @mauriciohenrique3525 10 місяців тому

      @@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!

    • @iamcoelho
      @iamcoelho 10 місяців тому

      @@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

  • @angelogarcia4803
    @angelogarcia4803 10 місяців тому

    Ótimo vídeo, sobre um assunto mega importante

  • @marceloramos385
    @marceloramos385 10 місяців тому

    Top demais Rafa, muito top o conteúdo

  • @VINIoy
    @VINIoy 10 місяців тому +8

    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.

  • @Mateus.95.
    @Mateus.95. 2 місяці тому

    Excelente vídeo!

  • @lascmed
    @lascmed 10 місяців тому +1

    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?

  • @Lala_kissy
    @Lala_kissy 10 місяців тому

    Obrigada pelas dicas prof 😊💖

  • @alvesmariadefatima
    @alvesmariadefatima 10 місяців тому

    Primeira a comentar por aqui!!! Parabéns pelo conteúdo, Rafa ❤

  • @Sagita1012
    @Sagita1012 10 місяців тому

    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).

    • @astolfoFredor
      @astolfoFredor 10 місяців тому +2

      "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! 😊

    • @Sagita1012
      @Sagita1012 10 місяців тому +1

      Basicamente foi oq eu disse, porem exemplificado. Obrigado =)
      @@astolfoFredor

  • @everybodydance1210
    @everybodydance1210 10 місяців тому +1

    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?

  • @Samuel-ys7nn
    @Samuel-ys7nn 10 місяців тому +1

    "Se voce tem miopia, tira seu oculos e tenta ler sem ele"
    eu com 6 graus de miopia 😂

  • @MarcoMarchi29
    @MarcoMarchi29 10 місяців тому

    Amo estudar sobre esse assunto! Obrigado por compartilhar também, isso deixa mais devs ficarem cientes.

  • @RafaelGarcia-ww6vo
    @RafaelGarcia-ww6vo 10 місяців тому

    Muito bom!!!👏

  • @Selebr
    @Selebr 10 місяців тому

    Qual(is) site(s) para ver o contraste? Alguém sabe por favor?

  • @lucas22843
    @lucas22843 10 місяців тому

    Queria programar mas não tenho PC ou notebook

  • @DenyellPlayer
    @DenyellPlayer 10 місяців тому

    Sensacional

  • @helder-rangel
    @helder-rangel 7 місяців тому

    😀

  • @Andretatt2
    @Andretatt2 10 місяців тому

    🔥🔥🔥

  • @carolm8704
    @carolm8704 9 місяців тому

    Quem nuncanse apaixonou pela ballerini q atire a primeira pedra kkk

  • @JoshuaDaCosta2004
    @JoshuaDaCosta2004 10 місяців тому

    vim a correr do instagram só para ver uma das minhas profs favoritas sem exagero!😁🥰😅

  • @raffizmc
    @raffizmc 10 місяців тому

    Fico com uma agonia só de pensar em mãos sujas de comidas mexendo no meu pc heheh não nem perto!