[译] 如何让你的 CSS Grid 布局有良好的可访问性

原文地址：How to Keep Your CSS Grid Layouts Accessible
原文作者：Anna Monus
译文出自：掘金翻译计划
本文永久链接：github.com/xitu/gold-m…
译者：EmilyQiRabbit
校对者：xionglong58，hanxiansen

CSS Grid 可以将元素放入有行和列的网格中，从而让创建二维布局成为可能。有了它，你可以自定义网格的任何形态，例如网格宽高、网格范围、或者网格之间的间隙。但是，CSS Grid 可能会有访问性不佳的问题，尤其是对于那些使用屏幕阅读器和仅使用键盘的用户。本篇教程将会帮助你避免此类问题。

源顺序独立性

“源顺序独立性”是 CSS Grid 强大优势之一。这意味着你不需要像使用 float 或者表格布局那样，在 HTML 中定义布局结构。你可以使用