最新Markdown与HTML转换工具,支持在线转换

适用于Chrome,Firefox,Windows,MacOS环境下Markdown与HTML代码,可正向或反向转换。


工具网址:https://www.onexin.net/markdown.php

Markdown测试代码:
支持标题h1,h2,h3,h4,h5,h6,普通链接<a>以及锚转换,

# 无障碍辅助功能

## 为什么我们需要无障碍辅助功能? {#why-accessibility}
网络无障碍辅助功能(Accessibility,也被称为 [**a11y**](https://en.wiktionary.org/wiki/a11y),因为以 A 开头,以 Y 结尾,中间一共 11 个字母)是一种可以帮助所有人获得服务的设计和创造。无障碍辅助功能是使得辅助技术正确解读网页的必要条件。
React 对于创建可访问网站有着全面的支持,而这通常是通过标准 HTML 技术实现的。
## 标准和指南 {#standards-and-guidelines}

### WCAG {#wcag}
[网络内容无障碍指南(Web Content Accessibility Guidelines,WCAG)](https://www.w3.org/WAI/intro/wcag) 为开发无障碍网站提供了指南。

支持<code>代码块,<img>图片转换,

## 语义化的 HTML {#semantic-html}
语义化的 HTML 是无障碍辅助功能网络应用的基础。
利用多种 HTML 元素来强化您网站中的信息通常可以使您直接获得无障碍辅助功能。

有时,语义化的 HTML 会被破坏。比如当在 JSX 中使用  `</code>`

支持<ul>,<li>无序列表和<ol>,<li>有序列表转换

### WCAG {#wcag}
[网络内容无障碍指南(Web Content Accessibility Guidelines,WCAG)](https://www.w3.org/WAI/intro/wcag) 为开发无障碍网站提供了指南。
下面的 WCAG 检查表提供了一些概览:

- [Wuhcag 提供的 WCAG 检查表(WCAG checklist from Wuhcag)](https://www.wuhcag.com/wcag-checklist/)
- [WebAIM 提供的 WCAG 检查表(WCAG checklist from WebAIM)](https://webaim.org/standards/wcag/checklist)
- [A11Y Project 提供的检查表(Checklist from The A11Y Project)](https://a11yproject.com/checklist.html)

转载请注明出处:https://www.onexin.net/markdown-and-html-conversion-tool/

随机文章:

1、认清CSS的类class和标识id选择符
https://www.onexin.net/a-clear-understanding-of-the-css-class-of-class-and-identity-id-selector/

2、微信营销路在何方,微信运营你怎么看?
https://www.onexin.net/micro-letter-marketing-where-is-the-way-micro-channel-operation-how-do-you-see/

3、Linux VPS上SSH安装Kloxo/Lxadmin
https://www.onexin.net/ssh-installation-on-linux-vps-kloxo-lxadmin/

4、Web前端开发必备工具[整理]
https://www.onexin.net/an-indispensable-tool-for-developing-web-front-end-finishing/

5、了解Android的由来
https://www.onexin.net/understanding-of-the-origin-of-android/

Leave a Reply