Screen Reader Demo for Digital Accessibility

Sdílet
Vložit
  • čas přidán 30. 07. 2024
  • Screen Reader Demo for Digital Accessibility.

Komentáře • 71

  • @secure_the_bags620
    @secure_the_bags620 Před 3 lety +136

    I am a new programmer and I will do everything in my power to make sure I incorporate all the proper tags and semantic code into my projects and webpages!

  • @nuclearprotocol
    @nuclearprotocol Před 3 lety +86

    I am a university student and wondered why we needed to include a descriptive tag in our graphic assignments. Now I know. Thank you for informing me!

    • @wimabk9887
      @wimabk9887 Před 2 lety

      Can you explain for me why! Please

    • @OliveOliverr
      @OliveOliverr Před 2 lety

      @@wimabk9887 for blind people ?

    • @achuuuooooosuu
      @achuuuooooosuu Před rokem +5

      @@wimabk9887 Because it helps blind people. Obviously they can’t see images, but they CAN imagine what it is when developers put a descriptive tag. Voiceover can speak out the tag for them.

  • @hannahk7373
    @hannahk7373 Před 3 lety +25

    Thank you for the video! I find that showing people things like alternative text and proper header navigation is so much easier than telling them about it, and there are shockingly few practical videos like this. Much appreciated, Mark!

  • @texbex1117
    @texbex1117 Před 5 lety +48

    Thank you Mark! I edit digital marketing assets, and always wondered what the big deal about image alt text was. This was a great explanation on the need for quality clear, descriptive text.

  • @karlosfandango4622
    @karlosfandango4622 Před 4 lety +13

    Thanks for the video, it was really useful to see a screen-reader used in context. I'll certainly remember your advice when building web pages in the future

  • @MrViciousway
    @MrViciousway Před 4 lety +11

    Thank you, New to coding and this really helped when it comes down to accessibility. It's way more impactful to see it in action.

  • @LateBoomer1964
    @LateBoomer1964 Před rokem +1

    Videos like this help website developers know how to design sites for accessibility. Thanks

  • @vinsingh1619
    @vinsingh1619 Před rokem

    Thank you. Clear, concise and informative. The presenter, Mark, comes across really well.

  • @veztron
    @veztron Před 5 lety +9

    Awesome video Mark! I would love to see more videos on this topic with more examples. Really helps me understand how to make websites accessible for real people.

  • @nihalalfred2062
    @nihalalfred2062 Před rokem

    Thank you for making me understand the real importance of accessibility and how much difference it can make for so many people.

  • @laysomeeggs1320
    @laysomeeggs1320 Před 3 lety +3

    Thank you so much for taking the time to explain this to us!

  • @cschetan77
    @cschetan77 Před rokem +2

    Thank you, Mark. I just encountered this video while completing some trainings. But after watching this 4 min video, I now understand how much important it is to take these accessibility things into consideration. Thank you again.

  • @nicholaslieurance8092
    @nicholaslieurance8092 Před 2 lety

    Best video I've watched on this subject so far. Easy to understand and short. Thanks!

  • @timlockman
    @timlockman Před 4 lety +1

    Excellent demonstration, thank you! I've shown this to others at my institution.

  • @Myrmod
    @Myrmod Před 4 lety +1

    That's the reason why I'm trying to push the accessibility and want to improve the search experience overall for all people. Great video, thanks for sharing.

  • @rebeccode4141
    @rebeccode4141 Před 5 lety +7

    Thank you for sharing this.
    I'm learning web development and accessibility is something that comes up in study materials, but it was really useful to see a video of you using a screen reader and how bad code can really impact the experience for users.

  • @katherineb8171
    @katherineb8171 Před 3 lety +2

    Thank you! I'm currently studying Instructional Design, it's really helpful to see how screen readers work for the user, so I have a better understanding when creating courses.

  • @e.l.2734
    @e.l.2734 Před 3 lety +1

    Another aspiring web developer here. Thankfully, there are a lot of good resources nowadays that help with learning how to make a web page screen reader friendly, but I appreciate you showing us one in action.

  • @saltech2024
    @saltech2024 Před 2 lety

    So amazing to see how properly defined tags help screen readers

  • @mallorymyers7525
    @mallorymyers7525 Před 2 lety

    Thank you for turning down the speech rate so us untrained folks can follow along. I passed over several demo videos in which the reviewer kept their normal super-fast settings. I appreciate the great demo.

  • @topgunnmom1
    @topgunnmom1 Před 4 lety

    Thank you. This is very helpful to me as a sighted teacher trying to understand accessibility.

  • @philipoakley5498
    @philipoakley5498 Před 2 měsíci

    It is definitely worth trying a few of the screen readers.
    The most 'normal' usage is all those long corporate documents you are expected to read as part of CBT (computer based training) which can be really boring, but are actually made accessible when the computer will read them out to you. You will quickly appreciate the problems and confusions from poorly formatted documents. I recently had to 'read' 13 updated documents as part of a mandatory volunteer training exercise that took hours. I could have just scrolled and ticked the box (unprofessional), but having a reader quickly, but accurately read them all made the exercise manageable. The MS Edge browser will read pdfs 'out of the box'. Try them.

  • @Jerohnable
    @Jerohnable Před 4 lety +3

    This is an awesome video which shows me that proper coding is really important thing out of respect for people who have some limitations with sences. Be a respectful person, make a proper coding.

  • @joaoricardoalves651
    @joaoricardoalves651 Před 3 lety +3

    Thank you so much for the explanation. Today I am working with my organization into making our intranet in compliance with the accessibility laws, and this video has helped me to get a glimpse of what a screen reader can do, and how important the development of proper designs are to make inclusion happen.

    • @mckensieparker6414
      @mckensieparker6414 Před 2 lety

      At the time, were you using the voiceover or NVDA at the time?

  • @agnesswitaj6364
    @agnesswitaj6364 Před rokem

    Thank you for your video. I'm a beginner in Front-end development but I will make sure my codes will be inclusive and won't forget about accessibility.

  • @loni009
    @loni009 Před 2 lety +1

    This is great for my essay at uni! Thank you for sharing!

  • @victorlopez2980
    @victorlopez2980 Před rokem

    Currently taking a class in accessibility as a UX Designer/Researcher, I will take you into consideration in my work. Thank you for sharing this with us!

  • @tisoch
    @tisoch Před 3 lety +1

    Thank you! Newbie in coding here. Good to remember when creating alt tags for images and labels for tables.

  • @28SongTube28
    @28SongTube28 Před 6 lety +11

    Very interesting video! I think it's really hard to understand or better exhausting what is on the page / maybe I'm just used to see the elements and would be totally desperated if I couldn't. But it's such a great invention. I will be a web developer and I will pay attention to make the website good for Screen Readers :)

  • @andreydunin7300
    @andreydunin7300 Před 7 měsíci

    Dude, this is awesome. I now understand why its so important to develop accessible websites. Thank you!

  • @aaaamontenegro
    @aaaamontenegro Před 2 lety

    Thank you for this videos, it is important to take into account accessibility when coding. Thank you once again

  • @GabrielAlfaroCossio
    @GabrielAlfaroCossio Před 3 lety

    Thank you Mark, I'll make sure I use the proper tags, and alts for every web page I'm building.

  • @summernights211
    @summernights211 Před rokem

    Thank you for the explanation.
    I am self teaching development and it is very useful to actually understand how screen reader work and how code impact accessibility

  • @LuaneCarolineAquinoCavalcanti

    Thank you so much for sharing!

  • @TheTrovatos
    @TheTrovatos Před 2 lety +1

    Marc - This was super helpful to me as a product manager. Could you share examples of best practices of showing image based videos with no human narration on a screen reader? For instance, consider a video flipping through a few inside pages of an illustrated children's book with no speech. Is it enough to say 'you are currently looking at a page inside ?"

  • @811Liberty
    @811Liberty Před 4 lety

    Great video, will be showing to my colleagues!

  • @souzafilho
    @souzafilho Před rokem

    Hello, Mark. Thank you for the video. You showed the ways you are able to navigate on a page, element by element (line by line) and jumping headings by headings. I wonder which of these is the most common way.

  • @pixelpefekt
    @pixelpefekt Před 4 lety

    Excellent video!

  • @estegy
    @estegy Před rokem

    I am studying Computing accessibility, that is why I end up here, very interesting indeed.

  • @TheWanderingHeather
    @TheWanderingHeather Před 2 lety

    Love this video! I will recommend it to my students!

  • @obedasante
    @obedasante Před 2 měsíci

    Thanks very much I will do the right things from now onwards.

  • @sammclaren6965
    @sammclaren6965 Před rokem

    Thank you very much for the video! Very useful information!

  • @StellarDiversityTraining

    Thank you for showing what happens when proper tags aren't used.

  • @admecindia
    @admecindia Před 4 lety

    very useful.. i will show this to my students too

  • @rizkygabriels9279
    @rizkygabriels9279 Před rokem

    Thanks for the explanation.

  • @sidkmmking
    @sidkmmking Před 2 lety

    Thank you. Easy to follow. ^^

  • @yvette979
    @yvette979 Před 5 lety +1

    Hi Mark. Your video is awesome. So much so, in fact, I'd like to use it in an Accessibility course that I'm working on. Would it be OK for me to use parts of this video in my course?

  • @johncardona1910
    @johncardona1910 Před 2 lety

    is just amazing!

  • @felipedantas8153
    @felipedantas8153 Před 3 lety

    thank you very much i am Brazilian and i studing in edx web acessibility i will remember about it.

  • @nefed-L
    @nefed-L Před 3 lety

    Класс! Мне очень понравилось видео! Круто! Спасибо! Теперь стало гораздо понятнее!

  • @saladlamp2092
    @saladlamp2092 Před 9 měsíci

    Very helpful video. Can you tell me what screen reader Mr. Sutton was using in this video? Thank you.

  • @qdrawli
    @qdrawli Před 4 lety

    thankyou for sharing

  • @karkof
    @karkof Před 4 lety

    Does anyone have links to a video showing a JAWS user using the application as they normally would? At their comfortable full speed and all? Would be great to hear a walkthrough of a website as a JAWS power user would experience it.

  • @selammengistu2284
    @selammengistu2284 Před 5 lety

    thank you Sir

  • @pb0_
    @pb0_ Před 3 lety

    thank you :)

  • @TerenceMa1989
    @TerenceMa1989 Před 5 lety

    Good share

  • @mpessan
    @mpessan Před rokem

    Check MIAV - the inclusive web accessibility assessment method by the visually impaired, available online.

  • @user-jw1tc4eo5e
    @user-jw1tc4eo5e Před 4 lety

    Como se entrena para poder entender lo que dice a la velocidad de 100%. Me gustaria para leer mas audiolibros

  • @designtarifi
    @designtarifi Před rokem

    Gr8...

  • @RebeccaAllen89
    @RebeccaAllen89 Před rokem

    Is this JAWS, NVDA, or another screen reader?

  • @JananiDeenesh
    @JananiDeenesh Před rokem

    What screen reader is used here ?

  • @gabrielr.7423
    @gabrielr.7423 Před 3 měsíci

    Im a web dev and worried with ARIA standards , semantics and accessibility as general. By the way it is one of the elements of good UX.

  • @7grhpsyfuck272
    @7grhpsyfuck272 Před 2 lety

    whats the magic trick to headbutt 3 people together? aka CRA

  • @uzochukwuemeka3449
    @uzochukwuemeka3449 Před 3 měsíci

    We will work harder

  • @RoyerAdames
    @RoyerAdames Před rokem

    I'm a dev, and I'm finding it hard to get a screen reader so that I can develop the website for it

  • @kosojmshj5564
    @kosojmshj5564 Před 2 lety

    i don't like money