• front-end-handbook-2017
  • Introduction
  • 前端开发者是什么?
  • 2016 前端开发回顾
  • 展望 2017
  • 第一部分. 前端实践
    • 前端职称
    • 前端开发者所使用的技术
    • 前端开发技能
    • 前端开发者为 ... 而开发
    • 团队里的前端
    • 全能型人才/全栈神话
    • 前端面试
    • 前端开发职位公示
    • 前端开发薪资
    • 前端开发者是如何诞生的
  • 第二部分:学习前端开发
    • 自学
      • 关于互联网/WEB
      • 学习 Web 浏览器
      • 学习域名系统(又叫 DNS)
      • 学习 HTTP/Networks(包括 CORS 和 WebSockets)
      • 学习网页寄存(通称虚拟主机)
      • 学习前端开发
      • 学习用户界面/交互设计
      • 学习 HTML 和 CSS
      • 学习搜索引擎优化
      • 学习 JavaScript
      • 学习 Web 动画
      • 学习 DOM、BOM 和 jQuery
      • 学习网页字体 & 图标
      • 学习可访问性相关知识
      • 学习 web/浏览器 API
      • 学习 JSON (JavaScript 对象表示法)
      • 学习 JS 模板
      • 学习静态网页生成器
      • 通过JS学习计算机科学
      • 学习前端应用架构
      • 学习数据(例如,JSON)API 的设计
      • 学习 React & Redux
      • 学习渐进式 Web 应用
      • 学习设计 JS API
      • 学习web开发工具
      • 学习命令行的使用
      • 学习 Node.js
      • 学习 JS 模块系统
      • 学习模块加载和打包工具
      • 学习包管理工具
      • 学习版本控制
      • 学习构建及任务自动化技术
      • 学习网站性能优化
      • 学习测试
      • 学习无头浏览器
      • 学习离线开发
      • 学习网络/浏览器/应用的安全
      • 多平台开发学习
    • 导向学习
      • 前端课程
    • 前端开发学习的起点
    • 前端资讯、新闻站和播客
  • 第三部分:前端开发工具
    • Doc/API 浏览工具
    • SEO 工具
    • 原型设计和线框图工具
    • 制图工具
    • HTTP / 网络工具
    • 代码编辑工具
    • 浏览器上的神兵利器
    • HTML 工具
    • CSS 工具
    • DOM 工具
    • JavaScript 工具
    • 静态网页构建工具
    • 无障碍访问工具
    • 应用程序框架工具(台式机、手机、平板电脑等)
    • 渐进式 Web 应用工具
    • 脚手架工具
    • 常规前端开发工具
    • 模版/数据绑定工具
    • UI 组件 & 组件包
    • 数据可视化工具(例如图表)
    • 图形工具(例如 SVG、canvas、webGL)
    • 动画工具
    • JSON 工具
    • 占位符内容工具
    • 测试工具
    • 前端数据存储工具 (例如客户端的数据存储方案)
    • 模块加载/打包工具
    • 模块/包管理工具
    • 托管工具
    • 项目管理以及代码托管工具
    • 协作与沟通工具
    • 内容管理 托管/API 工具
    • 后端即服务工具
    • 离线工具
    • 安全工具
    • 构建工具
    • 部署工具
    • 网站/应用监控工具
    • JavaScript 错误报告/监控
    • 性能工具
    • 寻找工具的工具
Powered by GitBook

无障碍访问工具

无障碍访问工具

指南

  • 无障碍访问指南清单
  • 互动 Web 内容无障碍访问指南(WCAG) 2.0
  • 18F 无障碍访问指南

站点扫描工具

  • aXe 浏览器扩展工具
  • Chrome 无障碍访问开发者工具
  • Tenon 无障碍访问工具
  • WAVE 无障碍访问工具

颜色对比度检查工具

  • Colorable
  • Colorable Matrix
  • Color Safe
  • Color Ratio

视觉障碍模拟工具

  • SEE (Chrome)
  • Spectrum (Chrome)
  • NoCoffee (Chrome)

屏幕阅读器

  • VoiceOver (Mac)
  • JAWS (Win)
  • NVDA (Win)
  • Window-Eyes (Win)
  • ChromeVox (Chrome extension)
  • 基础屏幕阅读指令

可读性检查工具

  • Expresso App
  • Hemingway App
  • Grammarly
  • Readability Score
  • MS Office

相关文章

  • ARIA 入门
  • 重构 Web 的可访问性
  • 无障碍访问入门
  • 实用 ARIA 实例
  • MDN 无障碍访问指南
  • 在 Chrome 开发者工具中打开无障碍访问面板

results matching ""

    No results matching ""