文件名称：react-accessible-headings:使标题级别更容易保持语义和可访问性（WCAG）
文件大小：71KB
文件格式：ZIP
更新时间：2024-06-13 21:22:06
TypeScript
React可访问的标题 为什么？ 为了制作可访问的网页， ， 跳过标题级别可能会造成混淆，并且应尽可能避免：例如，确保
后面不要紧跟 。
因此，可访问的应用程序必须具有这样的标题级别...
H1
H2
H3
H3
H2 H3
H4
H4
H2
不是这样
H1 H6
H3
H1（应该只有一个H1！）
H5
H4
H4
H1
但是，作为React组件的开发人员，很难使组件与该语义层次相匹配。 我们通常将标题级别（例如或硬编码到组件中。 这将限制其灵活性，并使其更难以遵守W3C WCAG。
通过使用react-accessible-headings heading ，您可以使组件的标题适合于适当的标题级别，从而使您可以更容易地创建可访问的组件，并且标题不会跳过级别。
您是否可以编写接受props来设置标题级别的组件？ 当然。
【文件预览】：
react-accessible-headings-master
----.gitignore(225B)
----package.json(997B)
----src()
--------index.test.tsx(4KB)
--------index.tsx(3KB)
----.nvmrc(3B)
----jest.config.js(70B)
----tsconfig.json(478B)
----README.md(11KB)
----.npmignore(3B)
----yarn.lock(159KB)
或硬编码到组件中。 这将限制其灵活性，并使其更难以遵守W3C WCAG。
通过使用react-accessible-headings heading ，您可以使组件的标题适合于适当的标题级别，从而使您可以更容易地创建可访问的组件，并且标题不会跳过级别。
您是否可以编写接受props来设置标题级别的组件？ 当然。
【文件预览】：
react-accessible-headings-master
----.gitignore(225B)
----package.json(997B)
----src()
--------index.test.tsx(4KB)
--------index.tsx(3KB)
----.nvmrc(3B)
----jest.config.js(70B)
----tsconfig.json(478B)
----README.md(11KB)
----.npmignore(3B)
----yarn.lock(159KB)
【文件预览】：
react-accessible-headings-master
----.gitignore(225B)
----package.json(997B)
----src()
--------index.test.tsx(4KB)
--------index.tsx(3KB)
----.nvmrc(3B)
----jest.config.js(70B)
----tsconfig.json(478B)
----README.md(11KB)
----.npmignore(3B)
----yarn.lock(159KB)