Screen Reader Demo for Digital Accessibility

  Рет қаралды 243,525

UCSF Documents & Media Photography

UCSF Documents & Media Photography

Күн бұрын

Пікірлер: 77
@secure_the_bags620
@secure_the_bags620 4 жыл бұрын
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 жыл бұрын
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 жыл бұрын
@@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 жыл бұрын
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 5 жыл бұрын
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 Жыл бұрын
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 жыл бұрын
Thank you. Clear, concise and informative. The presenter, Mark, comes across really well.
@nihalalfred2062
@nihalalfred2062 Жыл бұрын
Thank you for making me understand the real importance of accessibility and how much difference it can make for so many people.
@karlosfandango4622
@karlosfandango4622 5 жыл бұрын
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 жыл бұрын
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 жыл бұрын
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.
@e.l.2734
@e.l.2734 3 жыл бұрын
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 жыл бұрын
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 жыл бұрын
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.
@nicholaslieurance8092
@nicholaslieurance8092 3 жыл бұрын
Best video I've watched on this subject so far. Easy to understand and short. Thanks!
@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.
@Myrmod
@Myrmod 4 жыл бұрын
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.
@victorlopez2980
@victorlopez2980 Жыл бұрын
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!
@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
@LateBoomer1964
@LateBoomer1964 2 жыл бұрын
Videos like this help website developers know how to design sites for accessibility. Thanks
@joaoricardoalves651
@joaoricardoalves651 4 жыл бұрын
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?
@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
@Jerohnable
@Jerohnable 4 жыл бұрын
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.
@timlockman
@timlockman 4 жыл бұрын
Excellent demonstration, thank you! I've shown this to others at my institution.
@loni009
@loni009 3 жыл бұрын
This is great for my essay at uni! Thank you for sharing!
@28SongTube28
@28SongTube28 6 жыл бұрын
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 :)
@tisoch
@tisoch 4 жыл бұрын
Thank you! Newbie in coding here. Good to remember when creating alt tags for images and labels for tables.
@aaaamontenegro
@aaaamontenegro 2 жыл бұрын
Thank you for this videos, it is important to take into account accessibility when coding. Thank you once again
@TheTrovatos
@TheTrovatos 2 жыл бұрын
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 ?"
@philipoakley5498
@philipoakley5498 7 ай бұрын
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.
@topgunnmom1
@topgunnmom1 4 жыл бұрын
Thank you. This is very helpful to me as a sighted teacher trying to understand accessibility.
@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.
@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.
@saladlamp2092
@saladlamp2092 Жыл бұрын
Very helpful video. Can you tell me what screen reader Mr. Sutton was using in this video? Thank you.
@sammclaren6965
@sammclaren6965 Жыл бұрын
Thank you very much for the video! Very useful information!
@GabrielAlfaroCossio
@GabrielAlfaroCossio 3 жыл бұрын
Thank you Mark, I'll make sure I use the proper tags, and alts for every web page I'm building.
@MatthewMarianowski
@MatthewMarianowski 5 күн бұрын
excellent material
@rizkygabriels9279
@rizkygabriels9279 Жыл бұрын
Thanks for the explanation.
@811Liberty
@811Liberty 4 жыл бұрын
Great video, will be showing to my colleagues!
@obedasante
@obedasante 7 ай бұрын
Thanks very much I will do the right things from now onwards.
@raakshas5547
@raakshas5547 2 ай бұрын
Love u mark .
@pixelpefekt
@pixelpefekt 5 жыл бұрын
Excellent video!
@admecindia
@admecindia 4 жыл бұрын
very useful.. i will show this to my students too
@StellarDiversityTraining
@StellarDiversityTraining 2 жыл бұрын
Thank you for showing what happens when proper tags aren't used.
@yvette979
@yvette979 5 жыл бұрын
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?
@nefed-L
@nefed-L 3 жыл бұрын
Класс! Мне очень понравилось видео! Круто! Спасибо! Теперь стало гораздо понятнее!
@MonisA.-mh3cn
@MonisA.-mh3cn 4 ай бұрын
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?
@mpessan
@mpessan 2 жыл бұрын
Check MIAV - the inclusive web accessibility assessment method by the visually impaired, available online.
@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.
@LuaneCarolineAquinoCavalcanti
@LuaneCarolineAquinoCavalcanti 6 жыл бұрын
Thank you so much for sharing!
@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?
@JananiDeenesh
@JananiDeenesh Жыл бұрын
What screen reader is used here ?
@sidkmmking
@sidkmmking 3 жыл бұрын
Thank you. Easy to follow. ^^
@felipedantas8153
@felipedantas8153 4 жыл бұрын
thank you very much i am Brazilian and i studing in edx web acessibility i will remember about it.
@johncardona1910
@johncardona1910 2 жыл бұрын
is just amazing!
@gabrielr.7423
@gabrielr.7423 8 ай бұрын
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.
@WelWel-p8y
@WelWel-p8y 16 күн бұрын
accessibility matters!
@7grhpsyfuck272
@7grhpsyfuck272 2 жыл бұрын
whats the magic trick to headbutt 3 people together? aka CRA
@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
@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
@Ggma8989
@Ggma8989 5 жыл бұрын
Good share
@designtarifi
@designtarifi 2 жыл бұрын
Gr8...
@qdrawli
@qdrawli 5 жыл бұрын
thankyou for sharing
@makwkk
@makwkk 2 ай бұрын
Can the owner of this video contact me? Thanks
@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
Screen Reader Demo
3:50
SLCC Universal Access
Рет қаралды 71 М.
Screen Reader Basics: VoiceOver -- A11ycasts #07
12:11
Chrome for Developers
Рет қаралды 115 М.
Une nouvelle voiture pour Noël 🥹
00:28
Nicocapone
Рет қаралды 9 МЛН
IL'HAN - Qalqam | Official Music Video
03:17
Ilhan Ihsanov
Рет қаралды 700 М.
My scorpion was taken away from me 😢
00:55
TyphoonFast 5
Рет қаралды 2,7 МЛН
Cheerleader Transformation That Left Everyone Speechless! #shorts
00:27
Fabiosa Best Lifehacks
Рет қаралды 16 МЛН
Using a Screen Reader
7:46
TheDOITCenter
Рет қаралды 64 М.
How I do an accessibility check -- A11ycasts #11
12:17
Chrome for Developers
Рет қаралды 141 М.
You Suck At Accessibility (But You Don't Have To)
13:23
Web Dev Simplified
Рет қаралды 63 М.
ARIA HTML Tutorial - What is ARIA & Why it's Important to Use!
13:54
Make Technology Work for Everyone: introducing digital accessibility
4:42
Accessibility Fundamentals with Rob Dodson
28:16
SFHTML5
Рет қаралды 104 М.
Demonstration of JAWS screen reader
5:45
Penn State TLT
Рет қаралды 76 М.
Une nouvelle voiture pour Noël 🥹
00:28
Nicocapone
Рет қаралды 9 МЛН