style: 不要な role 属性を削除してアクセシビリティを改善

Author: SatooRu65536

Diff for: src/components/Header/HambergerMenu.astro

@@ -32,7 +32,7 @@ const { pages } = Astro.props;
     </ul>
   </div>
 
-  <label class="menu-bg" for="hamburger" role="menu"></label>
+  <label class="menu-bg" for="hamburger"></label>
 </div>
 
 <style lang="scss">

Diff for: src/components/PostCard/index.astro

@@ -9,7 +9,7 @@ interface Props {
 const { post, min } = Astro.props;
 ---
 
-<a href={`/post/${post.data.number}`} class="article" data-min={min} role="article">
+<a href={`/post/${post.data.number}`} class="article" data-min={min}>
   <div class="thumbnail">
     <img src={pickPostThumbnail(post.body)} alt="post thumbnail" class="img" />
   </div>

Diff for: src/components/ProductCard/index.astro

@@ -47,7 +47,7 @@ const product = pipe(productCollection, (p) => {
 });
 ---
 
-<a href={product.link} target="_blank" class="article" role="article" data-haslink={product.link !== undefined}>
+<a href={product.link} target="_blank" class="article" data-haslink={product.link !== undefined}>
   <div class="thumbnail">
     <img src={product.thumbnail ?? DEFAULT_PRODUCT_THUMBNAIL.src} alt="post thumbnail" class="img" />
   </div>