How to make a Table Web Accessible(Simple Steps) ? | Digital Accessibility Tutorial

Поделиться
HTML-код
  • Опубликовано: 6 янв 2025

Комментарии • 6

  • @ses7470
    @ses7470 3 года назад +1

    Informative video...thank you for sharing

  • @pankhiwalia5699
    @pankhiwalia5699 3 года назад +1

    In your github repo I am not able to find the html for the table that you have shown in video

    • @SkillsSingh
      @SkillsSingh  3 года назад +2

      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.

    • @pankhiwalia5699
      @pankhiwalia5699 3 года назад +1

      ​@@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 ??

    • @SkillsSingh
      @SkillsSingh  3 года назад

      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.