07 - Modal dialog & Dynamic content (alerts, status, progress, loading , etc)

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


Category:
Vlog
Duration: 8:39
69 views
1

07 - Modal dialog & Dynamic content (alerts, status, progress, loading , etc)

How to make the Modal Dialog Screen REader friendly. What is a dynamic content which appears on the screen under conditions, such as alerts, status, progress , etc,
Theoretical & practical example

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

#htmlelement #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 #assistiveTechnologylogy #htmltabs



Other Videos By Status Code


2022-02-1608 – إزاله الخلفيه من الفيديو مثل الأفلام, متطلبات و طريقه, وتأثير الشاشه الخضراء ببرنامج OpenShoot
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


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