Screen Reader Demo for Digital Accessibility

Поділитися
Вставка
  • Опубліковано 20 січ 2025

КОМЕНТАРІ • 77

  • @nuclearprotocol
    @nuclearprotocol 3 роки тому +95

    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 2 роки тому

      Can you explain for me why! Please

    • @OliveOliverr
      @OliveOliverr 2 роки тому

      @@wimabk9887 for blind people ?

    • @achuuuooooosuu
      @achuuuooooosuu 2 роки тому +7

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

  • @secure_the_bags620
    @secure_the_bags620 4 роки тому +153

    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!

  • @hannahk7373
    @hannahk7373 4 роки тому +26

    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 6 років тому +50

    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.

  • @cschetan77
    @cschetan77 2 роки тому +5

    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.

  • @nihalalfred2062
    @nihalalfred2062 Рік тому +1

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

  • @vinsingh1619
    @vinsingh1619 2 роки тому +1

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

  • @karlosfandango4622
    @karlosfandango4622 5 років тому +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 5 років тому +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.

  • @rebeccode4141
    @rebeccode4141 5 років тому +9

    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.

  • @veztron
    @veztron 5 років тому +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.

  • @e.l.2734
    @e.l.2734 3 роки тому +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.

  • @katherineb8171
    @katherineb8171 4 роки тому +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.

  • @Myrmod
    @Myrmod 4 роки тому +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.

  • @mallorymyers7525
    @mallorymyers7525 2 роки тому

    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.

  • @nicholaslieurance8092
    @nicholaslieurance8092 3 роки тому

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

  • @victorlopez2980
    @victorlopez2980 2 роки тому

    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!

  • @andreydunin7300
    @andreydunin7300 Рік тому

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

  • @Jerohnable
    @Jerohnable 4 роки тому +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 4 роки тому +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.

    • @mckensieparker
      @mckensieparker 3 роки тому

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

  • @agnesswitaj6364
    @agnesswitaj6364 2 роки тому

    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.

  • @saltech2024
    @saltech2024 3 роки тому

    So amazing to see how properly defined tags help screen readers

  • @summernights211
    @summernights211 2 роки тому

    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

  • @LateBoomer1964
    @LateBoomer1964 2 роки тому +1

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

  • @timlockman
    @timlockman 4 роки тому +1

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

  • @aaaamontenegro
    @aaaamontenegro 2 роки тому

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

  • @28SongTube28
    @28SongTube28 6 років тому +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 :)

  • @topgunnmom1
    @topgunnmom1 4 роки тому

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

  • @loni009
    @loni009 3 роки тому +1

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

  • @tisoch
    @tisoch 4 роки тому +1

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

  • @philipoakley5498
    @philipoakley5498 8 місяців тому

    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.

  • @TheWanderingHeather
    @TheWanderingHeather 2 роки тому

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

  • @TheTrovatos
    @TheTrovatos 2 роки тому +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 ?"

  • @saladlamp2092
    @saladlamp2092 Рік тому

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

  • @souzafilho
    @souzafilho 2 роки тому

    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.

  • @estegy
    @estegy Рік тому

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

  • @GabrielAlfaroCossio
    @GabrielAlfaroCossio 3 роки тому

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

  • @sammclaren6965
    @sammclaren6965 2 роки тому

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

  • @811Liberty
    @811Liberty 4 роки тому

    Great video, will be showing to my colleagues!

  • @JananiDeenesh
    @JananiDeenesh Рік тому

    What screen reader is used here ?

  • @MonisA.-mh3cn
    @MonisA.-mh3cn 5 місяців тому

    Does a web page have to be responsive to be considered 100% accessible by screen readers? How do Screen Readers perform on non-responsive sites? Are there any actual barriers to the end-user?

  • @karkof
    @karkof 5 років тому

    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.

  • @RebeccaAllen89
    @RebeccaAllen89 Рік тому

    Is this JAWS, NVDA, or another screen reader?

  • @MatthewMarianowski
    @MatthewMarianowski 22 дні тому

    excellent material

  • @StellarDiversityTraining
    @StellarDiversityTraining 2 роки тому

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

  • @nefed-L
    @nefed-L 3 роки тому

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

  • @7grhpsyfuck272
    @7grhpsyfuck272 2 роки тому

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

  • @admecindia
    @admecindia 4 роки тому

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

  • @pixelpefekt
    @pixelpefekt 5 років тому

    Excellent video!

  • @obedasante
    @obedasante 8 місяців тому

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

  • @rizkygabriels9279
    @rizkygabriels9279 Рік тому

    Thanks for the explanation.

  • @raakshas5547
    @raakshas5547 2 місяці тому

    Love u mark .

  • @user-jw1tc4eo5e
    @user-jw1tc4eo5e 4 роки тому

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

  • @LuaneCarolineAquinoCavalcanti
    @LuaneCarolineAquinoCavalcanti 6 років тому +1

    Thank you so much for sharing!

  • @RoyerAdames
    @RoyerAdames Рік тому

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

  • @yvette979
    @yvette979 5 років тому +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?

  • @coolpix807
    @coolpix807 3 місяці тому

    Thank you for your video. I am a legally blind software engineer so engineering diagrams and other graphs like bar graphs are an everyday part of life, except I can’t read them. I am stuck. I can’t find any screen reader or extension that can describe diagrams. So your message is important, diagrams, charts, etc, must contain the right tags and descriptors.

  • @felipedantas8153
    @felipedantas8153 4 роки тому

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

  • @sidkmmking
    @sidkmmking 3 роки тому

    Thank you. Easy to follow. ^^

  • @mpessan
    @mpessan 2 роки тому

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

  • @johncardona1910
    @johncardona1910 3 роки тому

    is just amazing!

  • @gabrielr.7423
    @gabrielr.7423 9 місяців тому

    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.

  • @makwkk
    @makwkk 2 місяці тому

    Can the owner of this video contact me? Thanks

  • @WelWel-p8y
    @WelWel-p8y Місяць тому

    accessibility matters!

  • @qdrawli
    @qdrawli 5 років тому

    thankyou for sharing

  • @Ggma8989
    @Ggma8989 5 років тому

    Good share

  • @designtarifi
    @designtarifi 2 роки тому

    Gr8...

  • @pb0_
    @pb0_ 4 роки тому

    thank you :)

  • @selammengistu2284
    @selammengistu2284 6 років тому

    thank you Sir

  • @uzochukwuemeka3449
    @uzochukwuemeka3449 8 місяців тому

    We will work harder

  • @kosojmshj5564
    @kosojmshj5564 3 роки тому

    i don't like money