Reactガイドを読んでいくその24

これは

Reactのガイドを読んでいく記事です。

ガイドのリンク

ja.reactjs.org

アクセシビリティ

何回かに分けてやっていきます。

セマンティックな HTML

セマンティックなHTMLはアクセシビリティの基礎になりHTMLの持つ多様な要素を使うことで容易に手に入れることができる。

developer.mozilla.org

JSXにリストやtableタグがあるときにdivタグを追加するとHTMLが崩れることがあるため、
Rectフラグメントを使うようにする。
例
‘‘‘ import React, { Fragment } from 'react';

function ListItem({ item }) { return (

{item.term}

{item.description}

); }

function Glossary(props) { return (

{props.items.map(item => ( ))}

); } ‘‘‘

今日はここまで。