วีดีโอ

Once the page is reloaded, the expected behavior is not to forcefully put focus on a control. On first tab, focus must go to "skip to main content" skip link. Let me know if you have follow-up questions.

Hi Michael! 1. For the main menu, a screen reader should announce the state such as "Expanded/Collapsed". 2. For a menu item within the dropdown: Depending upon how you have coded a menu. Usually, they're either links or buttons, so a screen reader will read them either as link or a button. No additional context needs to be provided. I would encourage to put them in a <li> tag so that a user understands how many items are available under that menu item. Let me know when you have follow-up questions or need clarifications.

Pardon my ignorance but not sure about your concern. Can you give me an example?

Hi, thanks for asking it. I would suggest going over the following articles: 1. www.deque.com/blog/writing-automated-tests-accessibility/#:~:text=For%20accessibility%2C%20unit%20tests%20typically,state%20in%20an%20expected%20way. 2. testingaccessibility.com/a11y-focused-unit-testing

I would advise sharing code for me to review and make suggestion. In general, icons work well with aria-label.

Hello sir , screen reader reads bullets also in li tag ...want to remove that

By default a screen reader is in read all mode or known as "virtual PC cursor ON mode". this is where it reads the entire content of the modal when its loaded. Turn off the virtual PC cursor by pressing "Ins + Z" on the keyboard and then test. screen reader should read the modal header and close button.

Ok..ya got it ...thank you

share sample code and I can then troubleshoot it.

Hi! Great thought, I started a new WhatsApp group to guide on digital accessibility. Join me using this link: chat.whatsapp.com/IEzSmPHYLQkHQsMlQAWdmw

Glad it was helpful!

It's my pleasure and will post video in coming weeks.

Yes, you can use HTML <select> for dropdown. The only downside is that you cannot customize the look and feel of it using CSS.

@@SkillsSingh thank u sir for the reply Your videos are super easy to understand

Kindly check your email.

Hello Rajendra! Kindly drop me an email at yoursskillssingh@gmail.com to better understand your request.

@@SkillsSingh thanks for reply aap training provide karte ho I mean I hv questions relating Not colr or font or which wave can detect But manual issues Html symantec Form Incorrect label Missing link Etc etc

Happy to help, Ping me on google meet using my above mentioned email address.

@@SkillsSingh ok thanks singhji

Yes, it will be when you press "down" arrow key only. However, If you want to announce the helper text when the focus is within the textbox, you need to use aria-labelledby. I hope this clarifies.

Glad you enjoy it!

Thanks, I am glad it was helpful.

Thank you dost!

Hello Payal, when jaws is on, headings are accessible by pressing “h” keyboard key and must not be in the tabbing order unless they trigger an action for example accordions.

Hello Payal, Thank your for your comment, I would recommend to provide unique alt text to informative images, because providing same alt text to three different images is not a good user experience. Here's the link that can help you further: www.a11yproject.com/posts/are-you-making-these-five-mistakes-when-writing-alt-text/ , do let me know your thoughts on the same.

Glad it was helpful!

So nice of you

Thank Anil for the advice and I will plan for it

Glad to hear that! Thanks Siva

Thanks Siva

Thanks Siva, really appreciate that it added value to you

You’re welcome Saad

Hello Dmitriy, please refer to this GitHub link for code: github.com/skillssingh/ADASeries/tree/dropdownMenu

Thanks Siva 👍

Thanks Siva!

Hi DJ, I have not worked much with making the documents Accessible. Here's the link that can help you create Accessible PDFs: helpx.adobe.com/acrobat/using/create-verify-pdf-accessibility.html

Thanks Sesi, yes I can help with more Web Accessibility videos. Please watch already published videos on this channel and consider subscribing to never miss a new video.

Hi Shaminder, thanks for watching the video and for your feedback. Yes, I help my clients with Web Accessible Applications.

Thanks Deepika, I am glad you liked it.

Hi Siva, I am not sure of it, please let us know as well when you find one.

Thanks Gaurav for watching the video. Yes, I can plan for it, in a nutshell its used to define the relationship between the elements that cannot be determined by DOM hierarchy.

Yup, thanks for watching the video Siva 👍🏼

Happy to help you Siva

Thanks Shubhangi, appreciate it, you want to me use or not to use a screen reader while typing? I apologize if that caused you any inconvenience.

So nice of you Lohith, Really appreciate your feedback 😊

Thanks Pankhi for watching the video and pointing out the issue, here's the GitHub link(github.com/skillssingh/ADASeries/tree/webAccessible_tables) for Web Accessible tables. Please let me know in case you need any other help. Happy coding.

​@@SkillsSingh Thanks, Your videos are very informative. I have one concern in your table html . I am using chromeVox and when I click on tab button Sreenreader is not reading the text of the table html. I have to use mouse to read text in next row/ column (which is not recommended) will you please check that ??

Thanks Pankhi, Really appreciate it 😊. Tables content will only be accessible using tab when you have actionable elements such as checkboxes, radio buttons, etc. That too, only these elements will be tab-able, not other columns with regular text. There are Screen reader hotkeys that should be used to access the tables. Follow this link on how to navigate a table using keyboard keys: *_media.dequeuniversity.com/courses/generic/testing-screen-readers/2.0/en/docs/jaws-guide.pdf_* Please let me know if you are still facing issues with it.

Thanks Vinayak, Google recaptcha is web accessible, please checkout this forum for more details:support.google.com/recaptcha/answer/6175971?hl=en

@@SkillsSingh thank you I had found this wasn't sure about it.. 👍🏻 thank you once again

Happy to help you Vinayak

Hi Gabriel, please check NVIDIA’s audio profiles, there should be some options.

@@SkillsSingh Thank you. I was strugling with Jaws, that I did not realize that it was a NVDA problem. It was solved !

I am glad that you were able to resolve the issue 👍🏼

I am glad that you figured it out Gabriel. Please let me know if you need help.

Thanks 🙏🏽 I appreciate it

I am not sure, have you tried aXe devtool’s report? Maybe we can find something there.

@@SkillsSingh axedev tool I'm using..

@@SkillsSinghwhen u run the error.. there u can see top bar tags " WCAG2aa or WCAG2a" or in CSV reports after generating u can find in column "tag"

I can check and let you know, however, most tools should adhere to the latest WCAG guidelines.

Hi Vinayak, you can make JAWS/NVIDIA announce the errors, watch this video to discover simple steps:th-cam.com/video/OK5Hi-6HQKI/w-d-xo.html

@@SkillsSingh thank you