Поправил разметку табов

src/blocks-demo.html

@@ -1866,29 +1866,35 @@
       <h2 class="blocks-library__item-title">Вкладки</h2>
 
       <div class="tabs">
-        <ul class="tabs__links">
-          <li class="tabs__link-wrap  tabs__link-wrap--active"><a href="#demo-tab-01" class="tabs__link">Вкладка 01</a></li>
-          <li class="tabs__link-wrap"><a href="#demo-tab-02" class="tabs__link">Вкладка 02</a></li>
-          <li class="tabs__link-wrap"><a href="#demo-tab-03" class="tabs__link">Вкладка 03</a></li>
-          <li class="tabs__link-wrap"><a href="#demo-tab-04" class="tabs__link">Вкладка 04</a></li>
+        <ul class="tabs__links" role="tablist">
+          <li class="tabs__link-wrap  tabs__link-wrap--active" role="presentation">
+            <a href="#demo-tab-01" class="tabs__link" role="tab">Вкладка 01</a>
+          </li>
+          <li class="tabs__link-wrap" role="presentation">
+            <a href="#demo-tab-02" class="tabs__link" role="tab">Вкладка 02</a>
+          </li>
+          <li class="tabs__link-wrap" role="presentation">
+            <a href="#demo-tab-03" class="tabs__link" role="tab">Вкладка 03</a>
+          </li>
+          <li class="tabs__link-wrap" role="presentation">
+            <a href="#demo-tab-04" class="tabs__link" role="tab">Вкладка 04</a>
+          </li>
         </ul>
         <div class="tabs__content-wrapper">
-          <div class="tabs__content-item">
-            <div class="tabs__content-item  tabs__content-item--active" id="demo-tab-01">
+          <div class="tabs__content-item  tabs__content-item--active" id="demo-tab-01" role="tabpanel">
             <p>01 Далеко-далеко за словесными горами в стране, гласных и согласных живут рыбные.</p>
           </div>
-            <div class="tabs__content-item" id="demo-tab-02">
+          <div class="tabs__content-item" id="demo-tab-02" role="tabpanel">
             <p>02 Далеко-далеко за словесными горами в стране, гласных и согласных живут рыбные.</p>
           </div>
-            <div class="tabs__content-item" id="demo-tab-03">
+          <div class="tabs__content-item" id="demo-tab-03" role="tabpanel">
             <p>03 Далеко-далеко за словесными горами в стране, гласных и согласных живут рыбные.</p>
           </div>
-            <div class="tabs__content-item" id="demo-tab-04">
+          <div class="tabs__content-item" id="demo-tab-04" role="tabpanel">
             <p>04 Далеко-далеко за словесными горами в стране, гласных и согласных живут рыбные.</p>
           </div>
         </div>
       </div>
-      </div>
 
       <div class="blocks-library__code-wrapper">
         <span class="blocks-library__code-show-trigger" title="Показать код"><i class="blocks-library__code-icon"></i></span>

src/blocks/tabs/tabs.scss

@@ -26,6 +26,10 @@ $field-padding-horizontal:    0.7em !default;
     flex-wrap: wrap;
     align-items: flex-end;
 
+    .no-js & {
+      display: none;
+    }
+
     &:after {
       content: '';
       flex-grow: 1;