fix: summary要素の先頭文字が見切れている

[tokimari]

概要

折りたたみ表示のsummary要素の先頭文字が見切れているのを修正しました。

before	after
先頭文字が見切れている	先頭文字が全て見えている

関連リンク

#417 (comment)

確認項目

Pull Requestを出す前に確認しましょう。

• コミットは適切にまとめられているか
• Pull Requestの概要を適切に書いたか
• レビュワーの指定をしているか
• textlintを実行しエラーが出ていないか
• Accessibility
  • altは適切に設定したか(参考(1.1.1 画像に代替テキストを提供する))

その他

[reg-suit]

reg-suit detected visual differences.

Check this report, and review them.

🔴🔴🔴

🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵

What do the circles mean?

The number of circles represent the number of changed images.
🔴 : Changed items, ⚪ : New items, ⚫ : Deleted items, and 🔵 Passed items

How can I change the check status?

If reviewers approve this PR, the reg context status will be green automatically.

[github-actions]

Visit the preview URL for this PR (updated for commit 619dff8):

https://ameba-a11y-guidelines--pr420-fix-summary-pil3wuui.web.app

_{(expires Wed, 18 Oct 2023 07:44:21 GMT)}

_{🔥 via Firebase Hosting GitHub Action 🌎}

_{Sign: b5ed0ee52825c395d695adc443890c0775e604f1}

[tokimari]

regression testが仕事している:tada:

$ ag summary src/**/*.md
14 matches
3 files contained matches
56 files searched
154509 bytes searched
0.004563 seconds
src/1/1/1.md
19:  <summary>代替テキストとは</summary>
36:  <summary>広告の代替テキストについて</summary>
120:  <summary>親要素にラベルを設定する方法</summary>
131:  <summary>roleをimgにした上で、ラベルを設定する方法</summary>

src/2/3/3.md
24:  <summary>モーションアニメーションとは</summary>
29:  <summary>必要不可欠なアニメーション</summary>

src/4/1/3.md
21:<summary>ステータスメッセージとは</summary>

の３箇所分だけfailしていました:pray:https://storage.googleapis.com/a11y-guidelines/619dff8c389d662e427a1bdbd7bafb4cbf564367/index.html?stat=q1ZKS8zMSU3xLEnNLXbOL80rUbIy1lHKSy1HFjHQUUpJzUktQVUHFC1ILC5GFTQF6i7OyC8qcUktTi7KLCjJzM9TskpLzClOrQUA