Видео

Hello Geeta, I'm working on creating a video "How to find and fix issues using axe dev tools plugin" which will be available on Jan 12. Wishing you a Happy new year 👍

Awesome! what's the biggest challenge that you have faced?

Thank you!

Thanks for commenting!

Thanks for asking, SC 1.3.3 of WCAG 2.1, mandates avoiding instructions that're only dependent on sensory characteristics such as color, size, shape, or location. Personas or people for whom this is needed: who're dependent on screen readers, have color blindness, or cannot interpret visual cues easily because of cognitive challenges. Bad Example: "Press red triangle to start" Good example: "Press red triangle button labeled 'Start'.

Thanks! I appreciate your support.

Thank you for commenting, Khushi mili sunke ki apke kaam aya video. Text me when you need help.

@@SkillsSingh bhaiya, how to become a certified professional in accessibility testing. Can you explain the step by step process.

Sure! I can work on a short video, Stay tuned.

Thank you 🙏 for your kind words! How are you?

It's good to be back, and thanks for the motivation, I will keep posting.

Please like, and share it with your friends.

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 👍🏼