Footer:Footer Mobile Open

Unable to find an accessible element with the role "button"

Here are the accessible roles:

  heading:

  Name "Get in touch":
  <h2
    class="vs-heading vs-heading--style-level-6 d-none vs-accordion-item__title d-md-block"
    data-test="vs-accordion__item-title"
  />

  --------------------------------------------------list:

  Name "":
  <ul
    class="vs-list vs-list--unstyled"
  />

  --------------------------------------------------
  menuitem:

  Name "Brochures":
  <li
    class="vs-footer-nav-list-item"
    data-test="vs-footer-nav-list-item"
    role="menuitem"
  />

  Name "VisitScotland iCentres":
  <li
    class="vs-footer-nav-list-item"
    data-test="vs-footer-nav-list-item"
    role="menuitem"
  />

  Name "iKnow Scotland Community":
  <li
    class="vs-footer-nav-list-item"
    data-test="vs-footer-nav-list-item"
    role="menuitem"
  />

  Name "VisitScotland Awards":
  <li
    class="vs-footer-nav-list-item"
    data-test="vs-footer-nav-list-item"
    role="menuitem"
  />

  --------------------------------------------------
  link:

  Name "Brochures":
  <a
    class="vs-link vs-link--variant-on-dark"
    data-test="vs-footer-nav-list-item__link"
    disabled="false"
    href="#"
    tabindex="0"
    target="_self"
  />

  Name "VisitScotland iCentres":
  <a
    class="vs-link vs-link--variant-on-dark"
    data-test="vs-footer-nav-list-item__link"
    disabled="false"
    href="#"
    tabindex="0"
    target="_self"
  />

  Name "iKnow Scotland Community":
  <a
    class="vs-link vs-link--variant-on-dark"
    data-test="vs-footer-nav-list-item__link"
    disabled="false"
    href="#"
    tabindex="0"
    target="_self"
  />

  Name "VisitScotland Awards":
  <a
    class="vs-link vs-link--variant-on-dark"
    data-test="vs-footer-nav-list-item__link"
    disabled="false"
    href="#"
    tabindex="0"
    target="_self"
  />

  --------------------------------------------------

Ignored nodes: comments, script, style
<div
  class="card vs-accordion-item vs-footer-accordion-item mb-md-6"
  data-test="vs-footer-accordion-item"
  data-testid="footer_accordion_item_2"
  data-unique-id="vs-footer-get-in-touch"
>
  
  
  
  <div
    class="card-header vs-accordion-item__card-header"
    data-test="vs-accordion__item-header"
  >
    
    
    <button
      aria-controls="footer_accordion_item_2"
      aria-expanded="false"
      aria-haspopup="true"
      class="btn btn-md btn-dark vs-button vs-accordion-toggle clearfix d-md-none vs-accordion-toggle clearfix d-md-none"
    >
      <div
        class="btn-content"
      >
        
        <span
          class="vs-button__text"
        >
          
          <span
            class="vs-accordion-toggle__text"
          >
            
            
            Get in touch
            
            
          </span>
          <span
            class="vs-accordion-toggle__icon"
          >
            
            
            
            <i
              class="fak fa-chevron vs-icon vs-icon--size-xs vs-icon--chevron icon--down vs-icon--variant-light"
              data-test="vs-icon"
            />
            
            
            
          </span>
          
        </span>
        
      </div>
    </button>
    <h2
      class="vs-heading vs-heading--style-level-6 d-none vs-accordion-item__title d-md-block"
      data-test="vs-accordion__item-title"
    >
      
      
      Get in touch
      
      
    </h2>
    
    
  </div>
  <div
    class="card-body vs-accordion-item__panel d-md-block"
    data-test="vs-accordion__item-body"
    id="footer_accordion_item_2"
    style="display: none;"
  >
    
    
    
    <ul
      class="vs-list vs-list--unstyled"
    >
      
      <li
        class="vs-footer-nav-list-item"
        data-test="vs-footer-nav-list-item"
        role="menuitem"
      >
        <a
          class="vs-link vs-link--variant-on-dark"
          data-test="vs-footer-nav-list-item__link"
          disabled="false"
          href="#"
          tabindex="0"
          target="_self"
        >
          
          Brochures
          
        </a>
      </li>
      <li
        class="vs-footer-nav-list-item"
        data-test="vs-footer-nav-list-item"
        role="menuitem"
      >
        <a
          class="vs-link vs-link--variant-on-dark"
          data-test="vs-footer-nav-list-item__link"
          disabled="false"
          href="#"
          tabindex="0"
          target="_self"
        >
          
          VisitScotland iCentres
          
        </a>
      </li>
      <li
        class="vs-footer-nav-list-item"
        data-test="vs-footer-nav-list-item"
        role="menuitem"
      >
        <a
          class="vs-link vs-link--variant-on-dark"
          data-test="vs-footer-nav-list-item__link"
          disabled="false"
          href="#"
          tabindex="0"
          target="_self"
        >
          
          iKnow Scotland Community
          
        </a>
      </li>
      <li
        class="vs-footer-nav-list-item"
        data-test="vs-footer-nav-list-item"
        role="menuitem"
      >
        <a
          class="vs-link vs-link--variant-on-dark"
          data-test="vs-footer-nav-list-item__link"
          disabled="false"
          href="#"
          tabindex="0"
          target="_self"
        >
          
          VisitScotland Awards
          
        </a>
      </li>
      
    </ul>
    
    
    
  </div>
  
</div>

Chrome 105

1168x517

Linux Linux Ubuntu 20.04.4

288126 on 323-add-missing-no-cookiesno-js-component-states-to-storybook