Why do semantics matter? --

แชร์
ฝัง
  • เผยแพร่เมื่อ 18 ต.ค. 2024

ความคิดเห็น • 25

  • @karlitowhoelse
    @karlitowhoelse 8 ปีที่แล้ว

    Great work on the functionality, by bringing it to the forefront of the Inspector it will make it much harder for developers to be as dismissive about accessibility concerns as we have generally tended to be.

  • @ayeshab5699
    @ayeshab5699 2 ปีที่แล้ว

    Thank you! Very helpful and easy to understand for beginners.

  • @neilosman4440
    @neilosman4440 8 ปีที่แล้ว +4

    Also use chrome://accessibility/ to inspect the a11y tree

  • @LaloHao
    @LaloHao 4 ปีที่แล้ว

    Thanks for the teapot reference, reminded me of FP

  • @puphuc9415
    @puphuc9415 3 ปีที่แล้ว +1

    The unicorn head is reallly distracting :))))

  • @fredbcarneiro
    @fredbcarneiro 8 ปีที่แล้ว

    What a amazing thing to do with websites! Thank you for the insight.

  • @michongoma7598
    @michongoma7598 8 ปีที่แล้ว +1

    Good Video Rob

  • @chandlerzhu9735
    @chandlerzhu9735 2 ปีที่แล้ว +1

    I hope chrome has a built-in screen reader someday

  • @dmitriysmirnov457
    @dmitriysmirnov457 4 ปีที่แล้ว +5

    Watching this in 2020 and it's strange to see G+, haha

  • @zeinabkamel9439
    @zeinabkamel9439 6 ปีที่แล้ว

    Great Video, Thanks a lot. I just have a question, is there a way I could possibly override some of the things that get to be said anyway regardless of what I wrote. i.e "You are Currently inside the html element ......." ?

  • @HoaPham-wc4kq
    @HoaPham-wc4kq 3 ปีที่แล้ว

    Thanks for this useful content

  • @YageSpirit
    @YageSpirit 7 ปีที่แล้ว

    I noticed that Angular 1.6.x seems to interfere with some of the aria attributes work in Bootstrap 4.0 Alpha. I am guessing that I will need to work on things like UI Bootstrap did since the CSS framework changed hooks.

  • @sneto_dev_br
    @sneto_dev_br 8 ปีที่แล้ว

    cool, it's a very important subject. thx

  • @thiruppathimuthukumar7171
    @thiruppathimuthukumar7171 8 ปีที่แล้ว

    Dint know any the a11y section in dev tools.. it's cool.. thanks

  • @rasingangi4875
    @rasingangi4875 8 ปีที่แล้ว

    I wonder...What is the latest version for Chrome for Android?(lollipop 5.02)

  • @waledhajaz3022
    @waledhajaz3022 8 ปีที่แล้ว +1

    woow

  • @TheAlkhemiaStudio
    @TheAlkhemiaStudio 8 ปีที่แล้ว

    he looks kinda tired tho

    • @letswatchrob
      @letswatchrob 8 ปีที่แล้ว

      Alkhemia Studio lol thanks...

  • @Gettomix222
    @Gettomix222 8 ปีที่แล้ว

    what is the point in taking care of accessability? is there really a need? i mean.. great that there is the opportunity to support such.. but why?

    • @letswatchrob
      @letswatchrob 8 ปีที่แล้ว +19

      A few important reasons:
      1. There are about 1 billion people across the world with some form of disability. So building an inaccessible experience means you'll miss out on those users. Blind people want to order pizza and go on vacation too!
      2. In some countries, like the United States, it's against the law to build inaccessible applications. You will get sued and many large companies have been.
      3. Adding in good accessibility usually translates into components that are easier for everyone to use. For instance, the trackpad on my laptop literally broke this morning so I'm doing a bunch of stuff using the keyboard today. I'm *very* thankful that apps like gmail and tweetdeck have good built-in keyboard support
      4. It's a fun engineering problem to work on. I find that most folks who don't care about accessibility don't understand how it works. Once you have the basics down, it's quite fun adding in good semantics and verifying your components work well with a screen reader. I get a lot of personal satisfaction out of knowing I built a component that looks great, AND is highly usable.

    • @AnthonyShuker
      @AnthonyShuker 8 ปีที่แล้ว +8

      god forbid anyone with a disability wants to use the internet

    • @Anan6CMS
      @Anan6CMS 8 ปีที่แล้ว

      Exactly! It also also allows us to answer the WHY question. Just imagine that the labels in your example where not visible. We would just see a bunch of input fields without knowing WHY they're there ... A simple script could alert us the contents of the label associated with the input ...