WAI-ARIA无障碍网页应用属性（html-role）

详细：https://www.w3.org/TR/html-aria/#docconformance
html元素的role怎么写？重新整理，个人学习使用。

常用的标签元素对应的 ARIA 的 role，仅供参考：

HTML元素	ARIA (role =)	备注
a with href	role=link	不带href属性的a元素不具有 role="link"
a / li / p / div	menuitem	父元素下的一个菜单项，不限于 a p li div等
article	article
aside	complementary
body	document
button	button
dd	definition
dialog	dialog
footer	contentinfo
form	form
h1~h6	heading	对应是使用 aria-level 属性来设置标题的级别，对应的是 aria-level=“1~6”
header	banner
hr	separator
img	img
input	button	input的 type 属性为 button(或image、reset、submit)
input	button	input的 type 属性为 button(或image)，并且其父元素是一个菜单 menu
input	checkbox	input的 type 属性设置为 checkbox，并且 aria-checked 默认值为 mixed
input	menuitemcheckbox	input的 type 为 checkbox，并且其父元素是一个菜单
input	textbox	input的 type 为 text(或password、search、telephone、email、url)
input	spinbutton	input的 type 为 number
input	slider	input的 type 为 rang
input	combobox	input的 type 为 text、search、telephone、url、email，并且 aria-owns 属性的值和 list 属性值一样
li	listitem	父元素是ol或ul或menu
main	main
nav	navigation
ol或ul	list
optgroup	group
option	option	aria-selected的默认值为true
progress	progressbar	aria-valuemax 设置最大值，aria-valumin 设置最小值，aria-valuenow 设置当前值
section	region
table	table
tbody	rowgroup	thead对应的 role 值和 tbody 一样
td	cell	祖先元素具有 table 的作用，如果祖先元素是一个 grid，那么其 role 为 gridcell
th	columnheader	表格的列标题，表格的横标题对应的 role 为 rowheader
tr	row