05 - Tabs Control {Accessibility - HTML Attributes & Screen reader test}

Channel:
Poland Status Code
Subscribers:
10,800
Published on ● Video Link: https://www.youtube.com/watch?v=eTobOVCApJ4


Duration: 7:52
117 views
0

05 - Tabs Control {Accessibility - HTML Attributes & Screen reader test}

How to implement a proper HTML aria attributes for tab control element.
What to do if you have the tablist container or unorder list UL.
The importance of the role attribute for the LI tag. escpecially for firefox browser.
Practival part + source code of the tab implemintation.

Link to the GIT repository for the TAB source code.
https://github.com/JAVA-MSDT/Accessibility-Basics/tree/main/Components/Tabs

Link to the playlist on YouTube also:
https://youtube.com/playlist?list=PLiY06-DY3fPFDa5fiCWk-kx7so9JEWnvY

#htmltabs #ScreenReader #accessibility #assistivetechnology #accessibility #webdevelopment #frontend #accessible #accessibilityforall #accessibilitymatters #website #development #computerscience #programming #programmer #Angular #AngularJS #vue #vuejs #ReactJS #html #Attributes #a11y #html5 #nvda #assistive #assistive #assistiveTechnology



Other Videos By Status Code


2022-02-1607 – إضافه مؤثرات مرئيه للفيديووطرق التحكم بها و تثبيت أى مؤثر لفتره زمنيه معينه ببرنامج OpenShoot
2022-02-1606 – إضافه مؤثرات البدايه و النهايه للفيديو و المقاطع وطرق التحكم بها ببرنامج OpenShoot
2022-02-1605 – إضافه مؤثرات صوتيه, التحكم فمستوى الصوت, استخدام كى فرايم ببرنامج OpenShoot
2022-02-1604 – تسريع وتبطئ الفيديو و كيفيه التحكم فسرعه الفيديو, ماهو تأثير المغناطيس ببرنامج OpenShoot
2022-02-1603 – حفظ الفيديو بإمتدادات مختلفه لليوتيوب, انستجرام وغيره, قص ولصق على التراك ببرنامج OpenShoot
2022-02-1602 – طرق تقطيع الفيديوهات, الادوات المستخدمه للتقطيع ببرنامج OpenShoot
2022-02-1601 – مونتاج - مقدمه عن السلسله, تحميل, تسطيب وتعريف بواجهه البرنامج OpenShoot
2022-02-1508 - Inputs, Checkboxes and Radio groups
2022-02-1406 – Standard Dropdown {Accessibility - HTML Attributes & Screen reader test}
2022-02-1407 - Modal dialog & Dynamic content (alerts, status, progress, loading , etc)
2022-02-1305 - Tabs Control {Accessibility - HTML Attributes & Screen reader test}
2022-02-1304 - Buttons, anchor, images & Icon for Screen Readers assistive technology
2022-02-1303 – Setup, Configure NVDA & real life example of HTML 5 landmarks, headings, etc using NVDA.
2022-02-1202 - What is Accessibility & assistive technology for Web Apps {English}
2022-02-1201 - Web Development with Accessibility In Mind {Intro}-{English}
2022-02-1004 - Что такое переменные в программировании??
2022-02-0903 - Что такое компьютерная память
2022-02-09Step by step & I'm getting close to master it, never stop learning, As long as you breathe, you can.
2022-02-0804 - What is variables in programming
2022-02-0804 - ماهو المتغيير Variable
2022-02-0703 - What is Computer Memory


Tags:
a11y
accessibility
web development
wcag
html 5
html
symantics
front end
front-end
server
developer
web developer
web site
disability
mind set
screen readers
keyboard
keyboard navigation
keyboard access
nvda
react
angular
vue
javascript
programming language
computer science
assistive technology
ARIA
keyboard events
Headings
Focusable
screen reader
speech moods
browse mood
focus mood
visual effect
headings
landmarks
html5
documentations
guide
Elements list
tab