https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/region_role

WAI-ARIA Roles

• region, tabpanel, tablist, tab

<div class="product-carousel" role="region">
  <div class="product-carousel-slider">
    <ol class="slider-list">
      <li class="slider-item" role="tabpanel" aria-labelledby="product-carousel-tab-1">
        <figure>
          <img src="./assets/images/img-product-01.jpg" alt="">
          <figcaption class="visually-hidden">보아르 전기히터 상세 이미지 1</figcaption>
        </figure>
      </li>
      <li class="slider-item" role="tabpanel" aria-labelledby="product-carousel-tab-2">
        <figure>
          <img src="./assets/images/img-product-02.jpg" alt="">
          <figcaption class="visually-hidden">보아르 전기히터 상세 이미지 2</figcaption>
        </figure>
      </li>
      <li class="slider-item" role="tabpanel" aria-labelledby="product-carousel-tab-3">
        <figure>
          <img src="./assets/images/img-product-03.jpg" alt="">
          <figcaption class="visually-hidden">보아르 전기히터 상세 이미지 3</figcaption>
        </figure>
      </li>
      <li class="slider-item" role="tabpanel" aria-labelledby="product-carousel-tab-4">
        <figure>
          <img src="./assets/images/img-product-04.jpg" alt="">
          <figcaption class="visually-hidden">보아르 전기히터 상세 이미지 4</figcaption>
        </figure>
      </li>
    </ol>
  </div>

  <div class="product-carousel-thumbnail">
    <ol class="thumbnail-list" role="tablist">
      <li class="thumbnail-item" id="product-carousel-tab-1" role="tab">
        <button type="button">
          <img src="./assets/images/img-product-01.jpg" alt="1번 이미지">
        </button>
      </li>
      <li class="thumbnail-item" id="product-carousel-tab-2" role="tab">
        <button type="button">
          <img src="./assets/images/img-product-02.jpg" alt="2번 이미지">
        </button>
      </li>
      <li class="thumbnail-item" id="product-carousel-tab-3" role="tab">
        <button type="button">
          <img src="./assets/images/img-product-03.jpg" alt="3번 이미지">
        </button>
      </li>
      <li class="thumbnail-item" id="product-carousel-tab-4" role="tab">
        <button type="button">
          <img src="./assets/images/img-product-04.jpg" alt="4번 이미지">
        </button>
      </li>
    </ol>
  </div>
</div>