Reactアクセシビリティ

Reactの記事を参考に初心者がなんとか覚書を書いています。
ってそういう意味だったのかー、と思いました。

• Webアクセシビリティ a11yとも呼ばれる
  • Web Content Accessibility Guidelines (WCAG) Overview アクセシビリティを備えたウェブサイトを構築するためのガイドラインを提供
  • WAI-ARIA React においてほとんどの DOM プロパティと属性がキャメルケースである一方で、これらの属性は純粋な HTML と同じようにハイフンケース（ケバブケースやリスプケースなどとも言われる）である必要があります。
  • セマンティックな HTML
  • 正しい子要素の出力

Fragment.js

    class Columns extends React.Component {
      render() {
        return (
          <React.Fragment>
            <td>Hello</td>
            <td>World</td>
          </React.Fragment>
        );
      }
    }

- key 付きフラグメント
明示的に <React.Fragment> と宣言したフラグメントでは key を持つことができる