04 - Buttons, anchor, images & Icon for Screen Readers assistive technology

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


Category:
Vlog
Duration: 8:57
60 views
0

04 - Buttons, anchor, images & Icon for Screen Readers assistive technology.

When to use Button or Anchor Tag.
What is button and anchor tag about.
Difference between decoratiive and descriptive image.
Difference between decoratiive and descriptive Icon.
What is Sr-Only and sampl;e of it.

======================================

.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0,0,0,0);
border: 0;
}

======================================

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

#NVDA #ScreenReader #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-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
2022-02-0703 - ماهى الذاكره (ذاكره الحاسوب)


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