feat!: accordion要素をdetails~summary要素へ

[Hidetaro7]

No description provided.

[Hidetaro7]

とはいえ、マーカーのスタイルを変更したい場合どうしたらよいのか、もう少し考えたほうが良さそうな気がする。

[knokmki612]

見た目が変わっていますが意図どおりですかね

変更前

変更後

[Hidetaro7]

見た目が変わっていますが意図どおりですかね

はい、極力独自のスタイルを提供するのは避けたい、ブラウザデフォルトとさほど変わらないくらいのシンプルさがコンセプトに近いです。

冒頭にその方針や意図を書くことが大事かもしれないですね。

Figmaでは反映しておきました

[knokmki612]

マーカーのスタイルを変更したい場合どうしたらよいのか

svgtodatauri を使っている箇所は同じことが言えるかもしれませんね
また、マーカーの位置をサマリーテキストに対して左にするのか右にするのか、というのもケースバイケースで変わってくるかもしれませんね

[knokmki612]

擬似要素を使う代わりに、 [aria="presentation"] 要素をマーカーとして取り扱い、任意の形状のアイコンを使えるようにしてもいいかもしれませんね

[Hidetaro7]

[aria="presentation"]

属性を使ったサンプルを見つけたので参考までに貼っておきます。

https://codepen.io/diomed/pen/gQyapY

[Hidetaro7]

属性を使ったサンプルを見つけたので参考までに貼っておきます。

見間違いだったのかもしれません。