How to Check Web Accessibility with a Screen Reader and Keyboard

Поділитися
Вставка
  • Опубліковано 4 лис 2024

КОМЕНТАРІ • 28

  • @MariaRosa1972
    @MariaRosa1972 25 днів тому

    I am a screen reader user. Thank you for raising awareness about Accessibility.

  • @cameronembers
    @cameronembers 2 місяці тому +2

    This is probably the most fundamentally excellent video I've ever seen on this topic. THANK YOU.

  • @QuantumLegal
    @QuantumLegal 9 місяців тому +1

    Totally agree with most of your points and important to do it manually as you. BUT, and it is I think a major but that I often see glossed over on many accessibility videos. That "but" is the practical reality of volume. In my case, we have a massive Sharepoint deployment with more than 5,500 pages. Trying to test that many pages would be a Herculean effort at best - and most organizations are lucky to have even one Accessibility staff member with any technical experience at all.
    Web Accessibility is important - but often stymied by a lot of factors that rarely get noted. Enjoyed your video!

    • @kerrinwhipple
      @kerrinwhipple 9 місяців тому +1

      Agreed sometimes it can seem like a massive effort. Let me ask, are all of those Sharepoint pages totally unique, or are they using templates? For massive websites it can be a good start to identify the pages that share common elements - for example if there is a newsletter sign up component it is (hopefully) the same code across all pages and you can test and update it once. In terms of content, which is different throughout, it comes down to good authoring practices, like coaching the content authors on always using alt text, using headers logically, etc. In terms of prioritization, start with the most high trafficked pages to maximize your efforts. Manual testing can be supplemented by automatic testing, and there are some reputable companies out there that can help with that. I know it's daunting! Glad you liked the video.

  • @reiver569
    @reiver569 3 місяці тому +1

    This is an excellent overview, even for us non-developers who get this sort of review dropped in our laps with a quick turnaround.

  • @SharonElizabethIdowu
    @SharonElizabethIdowu 6 місяців тому +2

    You have literally cleared my confusion about checking web accessibility manually. Thank you so much!

  • @kimwelch4499
    @kimwelch4499 2 роки тому +10

    Really nice overview. Working on trying to get other devs to buy into this at my current job. - oh, the input checkboxes, pretty sure default key action is on the space key press

  • @subhasishnathdev
    @subhasishnathdev 7 місяців тому +1

    Great tutorial sister. Thanks.

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

    Thank you. This was very well done and explained a lot. I appreciate you taking the time to share your knowledge.

  • @eaglesvoice
    @eaglesvoice 2 роки тому +3

    This is quite educative as from the perspective of a content designer. I am a visually impaired lady and i would like to share the video via my UA-cam hope this is fine

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

    Explained so well! Thank you :)

  • @metaverseant4470
    @metaverseant4470 2 роки тому +2

    You helped me so much on my journey. Thank you

  • @winterdreaming
    @winterdreaming 6 місяців тому

    Thank you so much for this -- so helpful. Can you tell me what the overlay tool you used to display the keys/text on screen you were accessing via your keyboard?

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

    This is great input. Thanks a ton!

  • @ericsilberstein667
    @ericsilberstein667 3 дні тому

    Do most people know to use the space bar to check or uncheck checkboxes?

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

    This video is so awesome, thanks! Amazing!

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

    Thanks so much for this video!

  • @davadh
    @davadh 2 роки тому +4

    As a web designer, I'm frustrated that I was never educated on this in my classes.

  • @siddharthsingh5829
    @siddharthsingh5829 11 місяців тому

    Thankyou so much...!!!!😊😊😊

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

    Great informative video, thanks!

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

    I'm developing and maintaining websites, and I'm finding it harder than it needs to be to get my hands on a commonly use screen reader

    • @ExpandTheRoom
      @ExpandTheRoom  Рік тому +2

      If you are on a PC, try www.nvaccess.org/download/
      If you are on a Mac, you already have VoiceOver built in! Use Cmd + F5 to start it. dequeuniversity.com/screenreaders/voiceover-keyboard-shortcuts

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

    hi i had a doubt on one issue present im facing that when i click down arrow nvda reads all the content present in the nav bar but i need reads individual...pls help on this issue

  • @EdwardLee-h3z
    @EdwardLee-h3z 11 місяців тому

    Are you using some tool or program to show the spoken text on screen? For example at 8:20

    • @kerrinwhipple
      @kerrinwhipple 11 місяців тому

      That is VoiceOver, the screen reader built into Macs

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

    The only thing i cannot figure out is the third eye part. Need assistance pls. Thx

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

    how to install a screen reader