Screen Reader Demo for Digital Accessibility

Поделиться
HTML-код
  • Опубликовано: 19 янв 2025

Комментарии • 77

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

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

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

  • @vinsingh1619
    @vinsingh1619 2 года назад +1

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

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

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

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

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

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

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

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

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

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

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

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

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

  • @LateBoomer1964
    @LateBoomer1964 2 года назад +1

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

  • @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 :)

  • @saltech2024
    @saltech2024 3 года назад

    So amazing to see how properly defined tags help screen readers

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

  • @aaaamontenegro
    @aaaamontenegro 2 года назад

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

  • @timlockman
    @timlockman 4 года назад +1

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

  • @topgunnmom1
    @topgunnmom1 4 года назад

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

  • @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 ?"

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

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

  • @GabrielAlfaroCossio
    @GabrielAlfaroCossio 3 года назад

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

  • @TheWanderingHeather
    @TheWanderingHeather 2 года назад

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

  • @estegy
    @estegy Год назад

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

  • @sammclaren6965
    @sammclaren6965 2 года назад

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

  • @obedasante
    @obedasante 7 месяцев назад

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

  • @811Liberty
    @811Liberty 4 года назад

    Great video, will be showing to my colleagues!

  • @coolpix807
    @coolpix807 2 месяца назад

    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.

  • @MatthewMarianowski
    @MatthewMarianowski 20 дней назад

    excellent material

  • @admecindia
    @admecindia 4 года назад

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

  • @nefed-L
    @nefed-L 3 года назад

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

  • @rizkygabriels9279
    @rizkygabriels9279 Год назад

    Thanks for the explanation.

  • @StellarDiversityTraining
    @StellarDiversityTraining 2 года назад

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

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

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

  • @felipedantas8153
    @felipedantas8153 4 года назад

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

  • @mpessan
    @mpessan 2 года назад

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

  • @RebeccaAllen89
    @RebeccaAllen89 Год назад

    Is this JAWS, NVDA, or another screen reader?

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

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

  • @JananiDeenesh
    @JananiDeenesh Год назад

    What screen reader is used here ?

  • @pixelpefekt
    @pixelpefekt 5 лет назад

    Excellent video!

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

  • @raakshas5547
    @raakshas5547 2 месяца назад

    Love u mark .

  • @7grhpsyfuck272
    @7grhpsyfuck272 2 года назад

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

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

  • @sidkmmking
    @sidkmmking 3 года назад

    Thank you. Easy to follow. ^^

  • @johncardona1910
    @johncardona1910 3 года назад

    is just amazing!

  • @WelWel-p8y
    @WelWel-p8y Месяц назад

    accessibility matters!

  • @makwkk
    @makwkk 2 месяца назад

    Can the owner of this video contact me? Thanks

  • @designtarifi
    @designtarifi 2 года назад

    Gr8...

  • @qdrawli
    @qdrawli 5 лет назад

    thankyou for sharing

  • @pb0_
    @pb0_ 4 года назад

    thank you :)

  • @Ggma8989
    @Ggma8989 5 лет назад

    Good share

  • @uzochukwuemeka3449
    @uzochukwuemeka3449 8 месяцев назад

    We will work harder

  • @selammengistu2284
    @selammengistu2284 6 лет назад

    thank you Sir

  • @kosojmshj5564
    @kosojmshj5564 3 года назад

    i don't like money