You always rocks with your videos, great explanation skills.
@SkillsSingh12 күн бұрын
Thank you 🙏 for your kind words! How are you?
@SudhakarReddy-oc4oi23 күн бұрын
Hello Skills Singh, I'm seeing the new video of yours after 3 years, please do regular videos on Web Accessibility. Your videos really helped me when I was fresher.
@SkillsSingh22 күн бұрын
It's good to be back, and thanks for the motivation, I will keep posting.
@SkillsSingh22 күн бұрын
Please like, and share it with your friends.
@magnusreuter40742 ай бұрын
Thanks for this, I wonder where the focus should be when reloading the page and should there be a default action if the user press ENTER ?
@SkillsSingh2 ай бұрын
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.
@tech.ismelody25294 ай бұрын
Hello sir can you help in mobile accessiblity like talk back by videos
@MichaelVohra5 ай бұрын
Thank you for such a wonderful video. I wanted to know how the screen reader reads the state of menu item selected in a drop-down. Thank you!
@SkillsSingh5 ай бұрын
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.
@tech.ismelody25296 ай бұрын
Sir .sometimes screen reder reads place value .....means 4 digit value diffrently and non 4 digit value diffrently ...what is this case
@SkillsSingh6 ай бұрын
Pardon my ignorance but not sure about your concern. Can you give me an example?
@tech.ismelody25296 ай бұрын
Sir please can u teach us how to write unit test case for ADA changes in angular ....means how can we test by code ...if u can make vidwo for this
@SkillsSingh6 ай бұрын
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
@tech.ismelody25297 ай бұрын
I have one red warning icon Jaws is not reading that icon so I have provided aria-label="warning"...so now it reads warning when come to icon ..is this good approch to do ...and I tried it by alt tag but it does not work on <i> icon tag
@SkillsSingh7 ай бұрын
I would advise sharing code for me to review and make suggestion. In general, icons work well with aria-label.
@tech.ismelody25297 ай бұрын
Hello alll ...how to remove sreen reder to read bullets in ul li tag
@tech.ismelody25297 ай бұрын
Hello sir , screen reader reads bullets also in li tag ...want to remove that
@SkillsSingh7 ай бұрын
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.
@tech.ismelody25297 ай бұрын
Ok..ya got it ...thank you
@tech.ismelody25297 ай бұрын
Hello sir 1 doubth ...regarding heading hirarcy level .....after giving role=heading and aria-level=3 ...heading level note announce 3 by reader
@SkillsSingh7 ай бұрын
share sample code and I can then troubleshoot it.
@tech.ismelody25298 ай бұрын
Sir can we have doubth grp for web accessiblity ..how to ask douth
@SkillsSingh8 ай бұрын
Hi! Great thought, I started a new WhatsApp group to guide on digital accessibility. Join me using this link: chat.whatsapp.com/IEzSmPHYLQkHQsMlQAWdmw
@NekoJinFel8 ай бұрын
Very helpful video. Thank you
@SkillsSingh8 ай бұрын
Glad it was helpful!
@banupopulusu23659 ай бұрын
what a video for anyone regardless technical or not to learn and at the same time get motivated (bcz way singhsir explained ) sir 🙏please make more videos on accessibilty testing and fixing issues after finding manuall end to end
@SkillsSingh9 ай бұрын
It's my pleasure and will post video in coming weeks.
@rajendramodusu59809 ай бұрын
I am watching hing over n over What a video 🙏 Sir is their any other alternative to Java for open/ close dropdown Can it be done only with html n css? I am just a beginner if my question is absurd please sorry
@SkillsSingh9 ай бұрын
Yes, you can use HTML <select> for dropdown. The only downside is that you cannot customize the look and feel of it using CSS.
@rajendramodusu59809 ай бұрын
@@SkillsSingh thank u sir for the reply Your videos are super easy to understand
@rajendramodusu59809 ай бұрын
Reply kardo singh sir
@SkillsSingh9 ай бұрын
Kindly check your email.
@rajendramodusu59809 ай бұрын
Do u provide training
@SkillsSingh9 ай бұрын
Hello Rajendra! Kindly drop me an email at [email protected] to better understand your request.
@rajendramodusu59809 ай бұрын
@@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
@SkillsSingh9 ай бұрын
Happy to help, Ping me on google meet using my above mentioned email address.
@rajendramodusu59809 ай бұрын
@@SkillsSingh ok thanks singhji
@kumarKumar-qs8sy10 ай бұрын
That date of birth format will still be read by screen readers even with out mentioning aria-labelled by
@SkillsSingh10 ай бұрын
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.
@SemanticA11yOptimSEOCBTDocumen Жыл бұрын
Greet content man, thank u❤
@SkillsSingh Жыл бұрын
Glad you enjoy it!
@mousumeesbloghouse5844 Жыл бұрын
Good job
@SkillsSingh Жыл бұрын
Thanks, I am glad it was helpful.
@mdmoniruzzaman4379 Жыл бұрын
मुझे आपके सभी वीडियो देखने में आनंद आता है, मेरे दोस्त।
@SkillsSingh Жыл бұрын
Thank you dost!
@payalsaini3888 Жыл бұрын
Hello Sir, heading in a page is recognized by JAWS(screen reader) or not and heading in the page should be accessible by keyboard or not
@SkillsSingh Жыл бұрын
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.
@payalsaini3888 Жыл бұрын
Hello sir, I have a question about images if a webpage has two or more images and have same alt text can u please let me know what is the accessibility it has and how to remove it
@SkillsSingh Жыл бұрын
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.
@28_entc_poojapandey74 Жыл бұрын
Thanks soo much very well explained 👍
@SkillsSingh Жыл бұрын
Glad it was helpful!
@sambasivarao3392 Жыл бұрын
Super, very well explained and thanks for sharing 👍
@SkillsSingh Жыл бұрын
So nice of you
@anil12ac Жыл бұрын
bro, app ka video tabhi log dekhega jab aap wordpress pe ye sab implement karoge. from my side highly recommended hai wordpress pe implement karo. because aap ka video achha hai.
@SkillsSingh Жыл бұрын
Thank Anil for the advice and I will plan for it
@sambasivarao3392 Жыл бұрын
Very nice explanation and your videos are extremely helpful.
@SkillsSingh Жыл бұрын
Glad to hear that! Thanks Siva
@sambasivarao33922 жыл бұрын
Thank you for your videos, best explanation with real time examples.
@SkillsSingh2 жыл бұрын
Thanks Siva
@sambasivarao33922 жыл бұрын
Very nice explanation, thank you very much for posting.
@SkillsSingh2 жыл бұрын
Thanks Siva, really appreciate that it added value to you
@spacemanstrikesagain2 жыл бұрын
This was helpful. Thank you for making the video!
@SkillsSingh2 жыл бұрын
You’re welcome Saad
@dmitriydubov85302 жыл бұрын
where can I find the js code?
@SkillsSingh2 жыл бұрын
Hello Dmitriy, please refer to this GitHub link for code: github.com/skillssingh/ADASeries/tree/dropdownMenu
@sambasivarao33922 жыл бұрын
Thanks for the video which clearly explained how to make breadcrumbs accessible.
@SkillsSingh2 жыл бұрын
Thanks Siva 👍
@sambasivarao33922 жыл бұрын
Very nicely explained and extremely helpful.
@SkillsSingh2 жыл бұрын
Thanks Siva!
@DDDJJJ3 жыл бұрын
Hi Sir Any video regarding document accessibility - tools - how to check - fixes etx
@SkillsSingh3 жыл бұрын
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
@Royal-19923 жыл бұрын
Hi Brother, Could make all tutorials about web accessibility Pls.. Your videos are very informative to learn new things...
@SkillsSingh3 жыл бұрын
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.
@shamindersngh3 жыл бұрын
are you working specifically for web accessibility ? Your videos are very informative !!👍
@SkillsSingh3 жыл бұрын
Hi Shaminder, thanks for watching the video and for your feedback. Yes, I help my clients with Web Accessible Applications.
@Thehorizon1983 жыл бұрын
Very informative video for beginners in the field of web design. Great work. Keep making more helpful videos.
@SkillsSingh3 жыл бұрын
Thanks Deepika, I am glad you liked it.
@sivan28783 жыл бұрын
Hi, Is there a way we can enable captions to displayed in screen for deaf users like chromevox and voiceover shows it in display while reading the the actual element?
@SkillsSingh3 жыл бұрын
Hi Siva, I am not sure of it, please let us know as well when you find one.
@Thekumargaurav19833 жыл бұрын
Can you please create a video for aria-owns
@SkillsSingh3 жыл бұрын
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.
@sivan28783 жыл бұрын
great shortcuts
@SkillsSingh3 жыл бұрын
Yup, thanks for watching the video Siva 👍🏼
@sivan28783 жыл бұрын
Thanks a lot
@SkillsSingh3 жыл бұрын
Happy to help you Siva
@shubhangimohite63473 жыл бұрын
Hello sir it's great learning from you But it is my kind request to you to use screen reader wild typing
@SkillsSingh3 жыл бұрын
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.
@lohithds61883 жыл бұрын
Thanks for video sir keep going 🤗
@SkillsSingh3 жыл бұрын
So nice of you Lohith, Really appreciate your feedback 😊
@SkillsSingh3 жыл бұрын
Thanks for watching the video, do comment your questions/thoughts on it. Happy Coding 😊
@pankhiwalia56993 жыл бұрын
In your github repo I am not able to find the html for the table that you have shown in video
@SkillsSingh3 жыл бұрын
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.
@pankhiwalia56993 жыл бұрын
@@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 ??
@SkillsSingh3 жыл бұрын
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.
@Travelwith_VJ3 жыл бұрын
Nice video.. " I have one doubt.. how to make captcha read by screen reader.. and is accessible to blind people..? Of not what is the other option for security the page.? Please help me
@SkillsSingh3 жыл бұрын
Thanks Vinayak, Google recaptcha is web accessible, please checkout this forum for more details:support.google.com/recaptcha/answer/6175971?hl=en
@Travelwith_VJ3 жыл бұрын
@@SkillsSingh thank you I had found this wasn't sure about it.. 👍🏻 thank you once again
@SkillsSingh3 жыл бұрын
Happy to help you Vinayak
@mksounds3 жыл бұрын
In Jaws, I got the Tom voice. In NVDA I got the Helloquence voice. I am running NVDA . How do I do for the Helloquence voice does not switch to Tom voice when I am viewing the comments ?
@SkillsSingh3 жыл бұрын
Hi Gabriel, please check NVIDIA’s audio profiles, there should be some options.
@mksounds3 жыл бұрын
@@SkillsSingh Thank you. I was strugling with Jaws, that I did not realize that it was a NVDA problem. It was solved !
@SkillsSingh3 жыл бұрын
I am glad that you were able to resolve the issue 👍🏼
@mksounds3 жыл бұрын
In Jaws, I got the Tom voice. In NVDA I got the Helloquence voice. I am running NVDA . How do I do for the Helloquence voice does not switch to Tom voice when I am viewing the comments ?
@SkillsSingh3 жыл бұрын
I am glad that you figured it out Gabriel. Please let me know if you need help.