Web 应用程序中的可访问性：该技术必须对残疾人和非残疾人具有同等的可访问性，并且消除访问网络的任何障碍。
在使网站可访问时，谁得到了帮助？
弱视或色盲等视觉障碍人士，耳聋等听觉障碍人士。认知障碍可能包括有听力障碍的人或受癫痫影响的人。身体/运动障碍，例如重复性压力损伤、截肢、关节炎。它还可以增强各种其他体验，例如互联网连接、嘈杂/繁忙的环境。
ARIA 是指可访问的富 Internet 应用程序。它是一组属性，用于定义使残障人士更容易访问 Web 内容和 Web 应用程序的方法。这特别是在 HTML 5 中。这对于那些视障人士或那些想要使用互联网的残疾人来说非常有用。一种使用方式是通过屏幕阅读器。它会说出网页上的内容。例如，屏幕阅读器是一个免费的 chrome 扩展。
HTML
About us
We provide a variety of services for you
to learn, thrive and also have fun! Free
Tutorials, Millions of Articles, Live,
Online and Classroom Courses ,Frequent
Coding Competitions, Webinars by Industry
Experts, Internship opportunities and
Job Opportunities.
Read more about our services
-
Full stack web development:
This course will help you to learn
Full Stack Web Development using:
JavaScript, Webpack, React, Redux,
React-Router, Hooks etc. to build
Front-end and Java, Spring / Spring
Boot, JPA / Hibernate, MySQL, RESTful
APIs, Micro-services & related
technologies to build Back-end.
-
Competitive Programming:
Looking to be a programmer for a top
company or wishing to top the charts
of leading coding competitions, youve
come to the right place! This live
course will improve your problem-
solving skills so you can write
reliable and optimal codes. You will
be mentored by programming experts
and they will give you tips and
tricks on which competitions to
participate in and how to succeed in
them!
-
System Design:
centric course in which the content
has been designed in a manner that
will prepare you for System Design
interviews for companies like Google,
Amazon, Adobe, Uber, etc. Industry
experts having first-hand experience
will be mentoring and guiding you
throughout the duration of the course.
style.css
* {
margin: 0;
padding: 0;
}
body {
background: palegreen;
}
nav {
display: flex;
padding: 2% 6%;
justify-content: space-between;
align-items: center;
}
.nav-links {
flex: 1;
text-align: right;
}
.nav-links ul li {
list-style: none;
display: inline-block;
padding: 8px 12px;
position: relative;
}
.nav-links ul li a {
color: brown;
text-decoration: none;
font-size: 20px;
}
.header nav a {
color: brown;
text-decoration: none;
font-size: 30px;
}
.container h1 {
color: brown;
text-decoration: none;
font-size: 30px;
padding: 8px 80px;
}
.container p {
font-size: 20px;
padding: 8px 82px;
}
.container h2 {
font-size: 30px;
padding: 8px 70px;
}
.container ul li {
font-size: 20px;
padding: 8px 70px;
}CSS代码：
样式文件
* {
margin: 0;
padding: 0;
}
body {
background: palegreen;
}
nav {
display: flex;
padding: 2% 6%;
justify-content: space-between;
align-items: center;
}
.nav-links {
flex: 1;
text-align: right;
}
.nav-links ul li {
list-style: none;
display: inline-block;
padding: 8px 12px;
position: relative;
}
.nav-links ul li a {
color: brown;
text-decoration: none;
font-size: 20px;
}
.header nav a {
color: brown;
text-decoration: none;
font-size: 30px;
}
.container h1 {
color: brown;
text-decoration: none;
font-size: 30px;
padding: 8px 80px;
}
.container p {
font-size: 20px;
padding: 8px 82px;
}
.container h2 {
font-size: 30px;
padding: 8px 70px;
}
.container ul li {
font-size: 20px;
padding: 8px 70px;
}
输出：
屏幕阅读器将阅读网页上的内容。