最新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、日志推送到群组方法For UCH2.0
https://www.onexin.net/log-pushed-to-group-method-for-uch2/

2、PHP 7.4的新增特性(功能,弃用,速度)
https://www.onexin.net/php-7-4/

3、[个人潜能3B]专注的力量
https://www.onexin.net/personal-potentials-3b-focus-on-the-strength-of/

4、Magento中获取Zend DB对象中的SQL语句
https://www.onexin.net/magento-zend-db-object-for-sql-statements/

5、PHP设计模式(二十五)—空对象模式(Null Object Pattern)
https://www.onexin.net/php-null-object-pattern/

Leave a Reply