12.26 Daily
Do you know what the accessibility of the web is for? No, you don’t know, you don’t care how people with disabilities browse the web, you only care about yourself!
WAI-ARIA Accessible
ARIA: Accessible Rich Internet Applications, which is a guide for the implementation of accessible rich Internet applications released by W3C's Web Accessibility Promotion Organization (WAI) on March 20, 2014.
WAI: The Web Accessibility Initiative (initiated by W3C in 1997) is a series of guidelines for web developers, creators, and designers to use-on how to make content more accessible to people with disabilities.
The goal of these guidelines is accessibility, but it also helps to make web content available to more browsers (voice browsers, mobile phones, handheld devices), and more users working in difficult environments (non- Handheld, strong light, darkness, low vision, noise, etc.).
Provide technical specifications for the disabled to access dynamic and interactive Web content
ARIA is a supplement to HTML semantics. It has a more complete expression ability than existing HTML elements and attributes, and makes the relationship and meaning of the elements in your page more clear
Is WAI important to your website?
Yes.
Millions of disabled people surf the Internet every day, and even more than a million people are using bad browser devices.
If your website lacks things like adjustable font size, graphics with text descriptions, and convenient navigation, those people will not be able to access your information.
In fact: Your website deprives these people of their rights.
There are also reasons to enhance the ease of use of the website: it
can improve the reputation and image of the website
can increase user satisfaction
can increase the number of
visitors
can increase the time visitors stay on the site can increase the number of return visits of visitors
can also be disabled Increased availability
for people. Increased availability for visitors who turn off graphics . Increased availability for people who
use older devices.
Allows your website to serve the fastest-growing population: the elderly
How to use ARIA
to apply to HTML ARIA consists of two parts: role (role) and attributes with aria- prefix, its function:
The role (role) identifies the role of an element. The
aria- attribute describes the things (features) related to it and what it is (status).
ARIA's role role
role attribute value meaning
alert means warning
dialog means Modal pop-up window
presentation means Description
application means application
button means button
raido means radio
checkbox means checkbox
combobox means form control
grid means grid
gridcell means cell
group means combination and
heading means title, h1
listbox means list box, select
option means option
menu means menu
menubar means the menu bar
menuitem means the menu item
menuitemradio can only be single-
selected menu item menuitemcheckbox checkbox menu items can be checked. The
above table does not list all ARIA roles, of course, not all HTML elements have corresponding ARIA roles
ARIA attributes The
following table describes how to use ARIA related attributes.