label"
      >
        Styled Points
      </label>
      <div
        id="test-a11y-styled-slider-container"
        class="styled-test-slider-container"
      >
          <div
            id="test-a11y-styled-slider"
            class="styled-test-slider"
          />
      </div>
    </div>

    <!-- Role Slider -->
    <div>
      <label
        id="test-a11y-role-slider-label"
        class="styled-label"
      >
        Role Points
      </label>
      <div
        role="slider"
        id="test-a11y-