Accessibility is not a “React Problem” - Githubissues

barretlee / translation-plan

翻译计划

https://www.barretlee.com/translation/

MIT License

36 stars 0 forks source link

Accessibility is not a “React Problem” #3

Open barretlee opened 5 years ago

barretlee commented 5 years ago

https://www.netlify.com/blog/2019/02/25/accessibility-is-not-a-react-problem/

barretlee commented 5 years ago

核心几点：

使用 HTML5 Outline 工具检查 DOM 结构，看看是否合理
使用语义化的标签，而不是 DIVs 和 SPANs
使用 React.Fragment 包裹返回多值的 JSX，可以看看这里
使用 Styled Components 或者 emotion 来编写组件代替标签
可重用的组件通过 Props 入参来区分语义，参考这里