From e62db0144c8c986cbc50940977730cfc4e984c3f Mon Sep 17 00:00:00 2001
From: Richard McCartney <richard@mccartney.io>
Date: Fri, 10 Feb 2017 16:08:59 +0000
Subject: [PATCH] Updating HTML

---
 demo/demo-details.html | 203 ++++++++++---------
 demo/demo-listing.html |  80 ++++----
 demo/index.html        | 444 +++++++++++++++++++++--------------------
 3 files changed, 378 insertions(+), 349 deletions(-)

diff --git a/demo/demo-details.html b/demo/demo-details.html
index 9c157ba..a95057b 100644
--- a/demo/demo-details.html
+++ b/demo/demo-details.html
@@ -175,12 +175,12 @@ <h2>Section header</h2>
                             <h2>Section header</h2>
                         </div>
                         <div class="twelve-col">
-                            <section class="table">
+                            <section class="table u-margin--bottom">
                                 <header class="table__head">
                                     <div class="table__row">
                                         <div class="table__header table-col--3">
-                                            <input type="checkbox" id="exampleCheckboxAll1">
-                                            <label for="exampleCheckboxAll1"></label>
+                                            <input type="checkbox" id="exampleCheckboxAll">
+                                            <label for="exampleCheckboxAll"></label>
                                         </div>
                                         <div class="table__header table-col--15">Name</div>
                                         <div class="table__header table-col--15">Size</div>
@@ -195,87 +195,96 @@ <h2>Section header</h2>
                                         <div class="table__header table-col--7"></div>
                                     </div>
                                 </header>
-                                <div class="table__body">
+                                <main class="table__body">
                                     <div class="table__row">
-                                        <div class="table__data table-col--3">
-                                            <input type="checkbox" id="exampleCheckboxAll2">
-                                            <label for="exampleCheckboxAll2"></label>
+                                        <div aria-label="label" class="table__data table-col--3">
+                                            <input type="checkbox" id="exampleCheckboxAll">
+                                            <label for="exampleCheckboxAll"></label>
                                         </div>
-                                        <div class="table__data table-col--15">sda
+                                        <div aria-label="label" class="table__data table-col--15">
+                                            sda
                                         </div>
-                                        <div class="table__data table-col--15">8.5 G</div>
-                                        <div class="table__data table-col--15">Physical</div>
-                                        <div class="table__data table-col--15">
+                                        <div aria-label="label" class="table__data table-col--15">8.5 G</div>
+                                        <div aria-label="label" class="table__data table-col--15">Physical</div>
+                                        <div aria-label="label" class="table__data table-col--15">
                                             <a class="table__controls table__controls--secondary">Format</a>
                                         </div>
-                                        <div class="table__data table-col--15">QEMU HARDDISK</div>
-                                        <div class="table__data table-col--15 u-display--hidden">937368252</div>
-                                        <div class="table__data table-col--15">rotary, storage, machine</div>
-                                        <div class="table__data table-col--7">
+                                        <div aria-label="label" class="table__data table-col--15">QEMU HARDDISK</div>
+                                        <div aria-label="label" class="table__data table-col--15 u-display--hidden">937368252</div>
+                                        <div aria-label="label" class="table__data table-col--15">rotary, storage, machine</div>
+                                        <div aria-label="label" class="table__data table-col--7 table--mobile-controls">
                                             <div class="table__controls">
-                                                <a class="icon icon--partition">Partition</a>
+                                                <a class="icon icon--partition u-display--desktop"></a>
+                                                <a class="button--secondary u-display--mobile">Add partition</a>
                                             </div>
                                         </div>
                                     </div>
                                     <div class="table__row is-active">
-                                        <div class="table__data table-col--3">
-                                            <input type="checkbox" id="exampleCheckboxAll3">
-                                            <label for="exampleCheckboxAll3"></label>
+                                        <div aria-label="label" class="table__data table-col--3">
+                                            <input type="checkbox" id="exampleCheckboxAll">
+                                            <label for="exampleCheckboxAll"></label>
                                         </div>
-                                        <div class="table__data table-col--15">
+                                        <div aria-label="label" class="table__data table-col--15">
+                                            <span hidden>sdb</span>
                                             <input type="text" value="sdb" class="table__input">
                                         </div>
-                                        <div class="table__data table-col--15 u-display--hidden">8.5 G</div>
-                                        <div class="table__data table-col--15 u-display--hidden">Physical</div>
-                                        <div class="table__data table-col--15 u-display--hidden">
-                                            fat32 <a class="table__controls table__controls--secondary u-margin--left-small">Mount</a>
+                                        <div aria-label="label" class="table__data table-col--15"><span class="u-display--hidden">8.5 G</span></div>
+                                        <div aria-label="label" class="table__data table-col--15"><span class="u-display--hidden">Physical</span></div>
+                                        <div aria-label="label" class="table__data table-col--15"><span class="u-display--hidden">
+                                            fat32 <a class="table__controls table__controls--secondary u-margin--left-small">Mount</a></span>
                                         </div>
-                                        <div class="table__data table-col--15 u-display--hidden">QEMU HARDDISK</div>
-                                        <div class="table__data table-col--15 u-display--hidden">937368252</div>
-                                        <div class="table__data table-col--15 u-display--hidden">
-                                            <div class="table__tags">rotary, storage, test, hp, machine<span class="table__controls table__controls--secondary">, <a>edit</a></span></div>
+                                        <div aria-label="label" class="table__data table-col--15"><span class="u-display--hidden">QEMU HARDDISK</span></div>
+                                        <div aria-label="label" class="table__data table-col--15 u-display--hidden">937368252</div>
+                                        <div aria-label="label" class="table__data table-col--15"><span class="u-display--hidden">
+                                            <div class="table__tags">rotary, storage, test, hp, machine<span class="table__controls table__controls--secondary">, <a>edit</a></span></div></span>
                                         </div>
-                                        <div class="table__data table-col--7 u-display--hidden">
+                                        <div aria-label="label" class="table__data table-col--7 table--mobile-controls">
                                             <div class="table__controls">
-                                                <a class="icon icon--partition">Partition</a>
-                                                <a class="icon icon--delete">Delete</a>
+                                                <a class="icon icon--partition u-display--desktop">Partition</a>
+                                                <a class="icon icon--delete u-display--desktop">Delete</a>
+                                                <a class="button--secondary u-display--mobile">Partition</a>
+                                                <a class="button--secondary u-display--mobile">Delete</a>
                                             </div>
                                         </div>
                                         <div class="table__dropdown">
+                                            <div class="table__dropdown-title">
+                                                <h2 class="u-float--left">Editing</h2>
+                                                <i class="icon icon--remove u-float--right u-margin--top-small u-margin--right-small"></i>
+                                            </div>
                                             <div class="table__row is-active">
-                                                <form class="table__data u-padding--top table-col--100 form form--stack">
+                                                <form aria-label="label" class="table__data u-padding--top table-col--100 form form--stack">
                                                     <fieldset class="form__fieldset six-col">
                                                         <div class="form__group">
-                                                            <label class="two-col" for="example-input1">Example input</label>
-                                                            <input class="table__input three-col" type="text" id="example-input1" placeholder="Example">
+                                                            <label class="two-col" for="example-input">Example input</label>
+                                                            <input class="table__input three-col" type="text" id="example-input" placeholder="Example">
                                                         </div>
                                                         <div class="form__group">
-                                                            <label class="two-col" for="example-input2">Example input</label>
-                                                            <input class="table__input three-col" type="text" id="example-input2" placeholder="Example">
+                                                            <label class="two-col" for="example-input">Example input</label>
+                                                            <input class="table__input three-col" type="text" id="example-input" placeholder="Example">
                                                         </div>
                                                         <div class="form__group">
-                                                            <label class="two-col" for="example-input3">Example input</label>
-                                                            <input class="table__input three-col" type="text" id="example-input3" placeholder="Example">
+                                                            <label class="two-col" for="example-input">Example input</label>
+                                                            <input class="table__input three-col" type="text" id="example-input" placeholder="Example">
                                                         </div>
                                                     </fieldset>
                                                     <fieldset class="form__fieldset six-col last-col">
                                                         <div class="form__group">
-                                                            <label class="two-col" for="example-input4">Example input</label>
-                                                            <input class="table__input three-col" type="text" id="example-input4" placeholder="Example">
+                                                            <label class="two-col" for="example-input">Example input</label>
+                                                            <input class="table__input three-col" type="text" id="example-input" placeholder="Example">
                                                         </div>
                                                         <div class="form__group">
-                                                            <label class="two-col" for="example-input5">Example input</label>
-                                                            <input class="table__input three-col" type="text" id="example-input5" placeholder="Example">
+                                                            <label class="two-col" for="example-input">Example input</label>
+                                                            <input class="table__input three-col" type="text" id="example-input" placeholder="Example">
                                                         </div>
                                                         <div class="form__group">
-                                                            <label class="two-col" for="example-input6">Example input</label>
-                                                            <input class="table__input three-col" type="text" id="example-input6" placeholder="Example">
+                                                            <label class="two-col" for="example-input">Example input</label>
+                                                            <input class="table__input three-col" type="text" id="example-input" placeholder="Example">
                                                         </div>
                                                     </fieldset>
                                                 </form>
                                             </div>
                                             <div class="table__row table__dropdown-row is-active">
-                                                <div class="table__data u-float--right">
+                                                <div aria-label="label" class="table__data u-float--right">
                                                       <a class="button--base button--inline">Cancel</a>
                                                       <button class="button--positive button--inline">Mount</button>
                                                 </div>
@@ -283,94 +292,98 @@ <h2>Section header</h2>
                                         </div>
                                     </div>
                                     <div class="table__row">
-                                        <div class="table__data table-col--3">
-                                            <input type="checkbox" id="exampleCheckboxAll4">
-                                            <label for="exampleCheckboxAll4"></label>
+                                        <div aria-label="label" class="table__data table-col--3">
+                                            <input type="checkbox" id="exampleCheckboxAll">
+                                            <label for="exampleCheckboxAll"></label>
                                         </div>
-                                        <div class="table__data table-col--15">
+                                        <div aria-label="label" class="table__data table-col--15">
                                             sdb
                                         </div>
-                                        <div class="table__data table-col--15">8.5 G</div>
-                                        <div class="table__data table-col--15">Physical</div>
-                                        <div class="table__data table-col--15">
+                                        <div aria-label="label" class="table__data table-col--15">8.5 G</div>
+                                        <div aria-label="label" class="table__data table-col--15">Physical</div>
+                                        <div aria-label="label" class="table__data table-col--15">
                                             <a class="table__controls table__controls--secondary">Format</a>
                                         </div>
-                                        <div class="table__data table-col--15">QEMU HARDDISK</div>
-                                        <div class="table__data table-col--15 u-display--hidden">937368252</div>
-                                        <div class="table__data table-col--15">rotary, storage, machine</div>
-                                        <div class="table__data table-col--7">
+                                        <div aria-label="label" class="table__data table-col--15">QEMU HARDDISK</div>
+                                        <div aria-label="label" class="table__data table-col--15 u-display--hidden">937368252</div>
+                                        <div aria-label="label" class="table__data table-col--15">rotary, storage, machine</div>
+                                        <div aria-label="label" class="table__data table-col--7 table--mobile-controls">
                                             <div class="table__controls">
-                                                <a class="icon icon--partition">Partition</a>
+                                                <a class="icon icon--partition u-display--desktop"></a>
+                                                <a class="button--secondary u-display--mobile">Add partition</a>
                                             </div>
                                         </div>
                                     </div>
                                     <div class="table__row">
-                                        <div class="table__data table-col--3">
-                                            <input type="checkbox" id="exampleCheckboxAll5">
-                                            <label for="exampleCheckboxAll5"></label>
+                                        <div aria-label="label" class="table__data table-col--3">
+                                            <input type="checkbox" id="exampleCheckboxAll">
+                                            <label for="exampleCheckboxAll"></label>
                                         </div>
-                                        <div class="table__data table-col--15">
+                                        <div aria-label="label" class="table__data table-col--15">
                                             sdc
                                         </div>
-                                        <div class="table__data table-col--15">8.5 G</div>
-                                        <div class="table__data table-col--15">Physical</div>
-                                        <div class="table__data table-col--15">
+                                        <div aria-label="label" class="table__data table-col--15">8.5 G</div>
+                                        <div aria-label="label" class="table__data table-col--15">Physical</div>
+                                        <div aria-label="label" class="table__data table-col--15">
                                             <a class="table__controls table__controls--secondary">Format</a>
                                         </div>
-                                        <div class="table__data table-col--15">QEMU HARDDISK</div>
-                                        <div class="table__data table-col--15 u-display--hidden">937368252</div>
-                                        <div class="table__data table-col--15">rotary, storage, machine</div>
-                                        <div class="table__data table-col--7">
+                                        <div aria-label="label" class="table__data table-col--15">QEMU HARDDISK</div>
+                                        <div aria-label="label" class="table__data table-col--15 u-display--hidden">937368252</div>
+                                        <div aria-label="label" class="table__data table-col--15">rotary, storage, machine</div>
+                                        <div aria-label="label" class="table__data table-col--7 table--mobile-controls">
                                             <div class="table__controls">
-                                                <a class="icon icon--partition">Partition</a>
+                                                <a class="icon icon--partition u-display--desktop"></a>
+                                                <a class="button--secondary u-display--mobile">Add partition</a>
                                             </div>
                                         </div>
                                     </div>
                                     <div class="table__row">
-                                        <div class="table__data table-col--3">
-                                            <input type="checkbox" id="exampleCheckboxAll6">
-                                            <label for="exampleCheckboxAll6"></label>
+                                        <div aria-label="label" class="table__data table-col--3">
+                                            <input type="checkbox" id="exampleCheckboxAll">
+                                            <label for="exampleCheckboxAll"></label>
                                         </div>
-                                        <div class="table__data table-col--15">
+                                        <div aria-label="label" class="table__data table-col--15">
                                             sdd
                                         </div>
-                                        <div class="table__data table-col--15">8.5 G</div>
-                                        <div class="table__data table-col--15">Physical</div>
-                                        <div class="table__data table-col--15">
+                                        <div aria-label="label" class="table__data table-col--15">8.5 G</div>
+                                        <div aria-label="label" class="table__data table-col--15">Physical</div>
+                                        <div aria-label="label" class="table__data table-col--15">
                                             <a class="table__controls table__controls--secondary">Format</a>
                                         </div>
-                                        <div class="table__data table-col--15">QEMU HARDDISK</div>
-                                        <div class="table__data table-col--15 u-display--hidden">937368252</div>
-                                        <div class="table__data table-col--15">rotary, storage, machine</div>
-                                        <div class="table__data table-col--7">
+                                        <div aria-label="label" class="table__data table-col--15">QEMU HARDDISK</div>
+                                        <div aria-label="label" class="table__data table-col--15 u-display--hidden">937368252</div>
+                                        <div aria-label="label" class="table__data table-col--15">rotary, storage, machine</div>
+                                        <div aria-label="label" class="table__data table-col--7 table--mobile-controls">
                                             <div class="table__controls">
-                                                <a class="icon icon--partition">Partition</a>
+                                                <a class="icon icon--partition u-display--desktop"></a>
+                                                <a class="button--secondary u-display--mobile">Add partition</a>
                                             </div>
                                         </div>
                                     </div>
                                     <div class="table__row">
-                                        <div class="table__data table-col--3">
-                                            <input type="checkbox" id="exampleCheckboxAll7">
-                                            <label for="exampleCheckboxAll7"></label>
+                                        <div aria-label="label" class="table__data table-col--3">
+                                            <input type="checkbox" id="exampleCheckboxAll">
+                                            <label for="exampleCheckboxAll"></label>
                                         </div>
-                                        <div class="table__data table-col--15">
-                                            vg0-lg0
+                                        <div aria-label="label" class="table__data table-col--15">
+                                            vg0-lv0
                                         </div>
-                                        <div class="table__data table-col--15">8.5 G</div>
-                                        <div class="table__data table-col--15">Logical volume</div>
-                                        <div class="table__data table-col--15">
+                                        <div aria-label="label" class="table__data table-col--15">8.5 G</div>
+                                        <div aria-label="label" class="table__data table-col--15">Logical volume</div>
+                                        <div aria-label="label" class="table__data table-col--15">
                                             <a class="table__controls table__controls--secondary">Format</a>
                                         </div>
-                                        <div class="table__data table-col--15"></div>
-                                        <div class="table__data table-col--15 u-display--hidden"></div>
-                                        <div class="table__data table-col--15">rotary, storage, machine</div>
-                                        <div class="table__data table-col--7">
+                                        <div aria-label="label" class="table__data table-col--15"></div>
+                                        <div aria-label="label" class="table__data table-col--15 u-display--hidden"></div>
+                                        <div aria-label="label" class="table__data table-col--15">rotary, storage, machine</div>
+                                        <div aria-label="label" class="table__data table-col--7 table--mobile-controls">
                                             <div class="table__controls">
-                                                <a class="icon icon--delete">Delete</a>
+                                                <a class="icon icon--partition u-display--desktop"></a>
+                                                <a class="button--secondary u-display--mobile">Add partition</a>
                                             </div>
                                         </div>
                                     </div>
-                                </div>
+                                </main>
                             </section>
                         </div>
                     </div>
diff --git a/demo/demo-listing.html b/demo/demo-listing.html
index c74d859..feb3499 100644
--- a/demo/demo-listing.html
+++ b/demo/demo-listing.html
@@ -304,66 +304,66 @@ <h4 class="accordion__tab-title">Sit amet</h4>
                                 </thead>
                                 <tbody>
                                       <tr>
-                                          <td>test</td>
-                                          <td>test</td>
-                                          <td>test</td>
-                                          <td>test</td>
+                                          <td aria-label="label">test</td>
+                                          <td aria-label="label">test</td>
+                                          <td aria-label="label">test</td>
+                                          <td aria-label="label">test</td>
                                       </tr>
                                       <tr>
-                                          <td>test</td>
-                                          <td>test</td>
-                                          <td>test</td>
-                                          <td>test</td>
+                                          <td aria-label="label">test</td>
+                                          <td aria-label="label">test</td>
+                                          <td aria-label="label">test</td>
+                                          <td aria-label="label">test</td>
                                       </tr>
                                       <tr class="table--success">
-                                          <td><i class="icon u-margin--right-small icon--success"></i> test</td>
-                                          <td>test</td>
-                                          <td>test</td>
-                                          <td>test</td>
+                                          <td aria-label="label"><i class="icon u-margin--right-small icon--success"></i> test</td>
+                                          <td aria-label="label">test</td>
+                                          <td aria-label="label">test</td>
+                                          <td aria-label="label">test</td>
                                       </tr>
                                       <tr>
-                                          <td>test</td>
-                                          <td>test</td>
-                                          <td>test</td>
-                                          <td>test</td>
+                                          <td aria-label="label">test</td>
+                                          <td aria-label="label">test</td>
+                                          <td aria-label="label">test</td>
+                                          <td aria-label="label">test</td>
                                       </tr><tr>
-                                          <td>test</td>
-                                          <td>test</td>
-                                          <td>test</td>
-                                          <td>test</td>
+                                          <td aria-label="label">test</td>
+                                          <td aria-label="label">test</td>
+                                          <td aria-label="label">test</td>
+                                          <td aria-label="label">test</td>
                                       </tr>
                                       <tr class="table--warning">
-                                          <td><i class="icon u-margin--right-small icon--warning"></i> test</td>
-                                          <td>test</td>
-                                          <td>test</td>
-                                          <td>test</td>
+                                          <td aria-label="label"><i class="icon u-margin--right-small icon--warning"></i> test</td>
+                                          <td aria-label="label">test</td>
+                                          <td aria-label="label">test</td>
+                                          <td aria-label="label">test</td>
                                       </tr>
                                       <tr>
-                                          <td>test</td>
-                                          <td>test</td>
-                                          <td>test</td>
-                                          <td>test</td>
+                                          <td aria-label="label">test</td>
+                                          <td aria-label="label">test</td>
+                                          <td aria-label="label">test</td>
+                                          <td aria-label="label">test</td>
                                       </tr>
                                       <tr class="table--error">
-                                          <td><i class="icon u-margin--right-small icon--error"></i> test</td>
-                                          <td>test</td>
-                                          <td>test</td>
-                                          <td>test</td>
+                                          <td aria-label="label"><i class="icon u-margin--right-small icon--error"></i> test</td>
+                                          <td aria-label="label">test</td>
+                                          <td aria-label="label">test</td>
+                                          <td aria-label="label">test</td>
                                       </tr>
                                       <tr class="table--information">
-                                          <td><i class="icon u-margin--right-small icon--info"></i> test</td>
-                                          <td>test</td>
-                                          <td>test</td>
-                                          <td>test</td>
+                                          <td aria-label="label"><i class="icon u-margin--right-small icon--info"></i> test</td>
+                                          <td aria-label="label">test</td>
+                                          <td aria-label="label">test</td>
+                                          <td aria-label="label">test</td>
                                       </tr>
                                       <tr>
-                                          <td>
+                                          <td aria-label="label">
                                               <input type="checkbox" id="exampleCheckbox">
                                               <label for="exampleCheckbox"></label>
                                           test</td>
-                                          <td>test</td>
-                                          <td>test</td>
-                                          <td>test</td>
+                                          <td aria-label="label">test</td>
+                                          <td aria-label="label">test</td>
+                                          <td aria-label="label">test</td>
                                       </tr>
                                 </tbody>
                             </table>
diff --git a/demo/index.html b/demo/index.html
index b53dc0d..bf113a6 100644
--- a/demo/index.html
+++ b/demo/index.html
@@ -1467,66 +1467,66 @@ <h5 class="u-align--right">Example</h5>
                                         </thead>
                                         <tbody>
                                               <tr>
-                                                  <td>test</td>
-                                                  <td>test</td>
-                                                  <td>test</td>
-                                                  <td>test</td>
+                                                  <td aria-label="label">test</td>
+                                                  <td aria-label="label">test</td>
+                                                  <td aria-label="label">test</td>
+                                                  <td aria-label="label">test</td>
                                               </tr>
                                               <tr>
-                                                  <td>test</td>
-                                                  <td>test</td>
-                                                  <td>test</td>
-                                                  <td>test</td>
+                                                  <td aria-label="label">test</td>
+                                                  <td aria-label="label">test</td>
+                                                  <td aria-label="label">test</td>
+                                                  <td aria-label="label">test</td>
                                               </tr>
                                               <tr class="table--success">
-                                                  <td><i class="icon icon--success"></i> test</td>
-                                                  <td>test</td>
-                                                  <td>test</td>
-                                                  <td>test</td>
+                                                  <td aria-label="label"><i class="icon icon--success"></i> test</td>
+                                                  <td aria-label="label">test</td>
+                                                  <td aria-label="label">test</td>
+                                                  <td aria-label="label">test</td>
                                               </tr>
                                               <tr>
-                                                  <td>test</td>
-                                                  <td>test</td>
-                                                  <td>test</td>
-                                                  <td>test</td>
+                                                  <td aria-label="label">test</td>
+                                                  <td aria-label="label">test</td>
+                                                  <td aria-label="label">test</td>
+                                                  <td aria-label="label">test</td>
                                               </tr><tr>
-                                                  <td>test</td>
-                                                  <td>test</td>
-                                                  <td>test</td>
-                                                  <td>test</td>
+                                                  <td aria-label="label">test</td>
+                                                  <td aria-label="label">test</td>
+                                                  <td aria-label="label">test</td>
+                                                  <td aria-label="label">test</td>
                                               </tr>
                                               <tr class="table--warning">
-                                                  <td><i class="icon icon--warning"></i> test</td>
-                                                  <td>test</td>
-                                                  <td>test</td>
-                                                  <td>test</td>
+                                                  <td aria-label="label"><i class="icon icon--warning"></i> test</td>
+                                                  <td aria-label="label">test</td>
+                                                  <td aria-label="label">test</td>
+                                                  <td aria-label="label">test</td>
                                               </tr>
                                               <tr>
-                                                  <td>test</td>
-                                                  <td>test</td>
-                                                  <td>test</td>
-                                                  <td>test</td>
+                                                  <td aria-label="label">test</td>
+                                                  <td aria-label="label">test</td>
+                                                  <td aria-label="label">test</td>
+                                                  <td aria-label="label">test</td>
                                               </tr>
                                               <tr class="table--error">
-                                                  <td><i class="icon icon--error"></i> test</td>
-                                                  <td>test</td>
-                                                  <td>test</td>
-                                                  <td>test</td>
+                                                  <td aria-label="label"><i class="icon icon--error"></i> test</td>
+                                                  <td aria-label="label">test</td>
+                                                  <td aria-label="label">test</td>
+                                                  <td aria-label="label">test</td>
                                               </tr>
                                               <tr class="table--information">
-                                                  <td><i class="icon icon--info"></i> test</td>
-                                                  <td>test</td>
-                                                  <td>test</td>
-                                                  <td>test</td>
+                                                  <td aria-label="label"><i class="icon icon--info"></i> test</td>
+                                                  <td aria-label="label">test</td>
+                                                  <td aria-label="label">test</td>
+                                                  <td aria-label="label">test</td>
                                               </tr>
                                               <tr>
-                                                  <td>
+                                                  <td aria-label="label">
                                                       <input type="checkbox" id="exampleCheckbox">
                                                       <label for="exampleCheckbox"></label>
                                                   test</td>
-                                                  <td>test</td>
-                                                  <td>test</td>
-                                                  <td>test</td>
+                                                  <td aria-label="label">test</td>
+                                                  <td aria-label="label">test</td>
+                                                  <td aria-label="label">test</td>
                                               </tr>
                                         </tbody>
                                     </table>
@@ -1547,66 +1547,66 @@ <h5 class="u-align--right">Example</h5>
     &lt;/thead&gt;
     &lt;tbody&gt;
           &lt;tr&gt;
-              &lt;td&gt;test&lt;/td&gt;
-              &lt;td&gt;test&lt;/td&gt;
-              &lt;td&gt;test&lt;/td&gt;
-              &lt;td&gt;test&lt;/td&gt;
+              &lt;td aria-label="label"&gt;test&lt;/td&gt;
+              &lt;td aria-label="label"&gt;test&lt;/td&gt;
+              &lt;td aria-label="label"&gt;test&lt;/td&gt;
+              &lt;td aria-label="label"&gt;test&lt;/td&gt;
           &lt;/tr&gt;
           &lt;tr&gt;
-              &lt;td&gt;test&lt;/td&gt;
-              &lt;td&gt;test&lt;/td&gt;
-              &lt;td&gt;test&lt;/td&gt;
-              &lt;td&gt;test&lt;/td&gt;
+              &lt;td aria-label="label"&gt;test&lt;/td&gt;
+              &lt;td aria-label="label"&gt;test&lt;/td&gt;
+              &lt;td aria-label="label"&gt;test&lt;/td&gt;
+              &lt;td aria-label="label"&gt;test&lt;/td&gt;
           &lt;/tr&gt;
           &lt;tr class="table--success"&gt;
-              &lt;td&gt;&lt;i class="icon icon--success"&gt;&lt;/i&gt; test&lt;/td&gt;
-              &lt;td&gt;test&lt;/td&gt;
-              &lt;td&gt;test&lt;/td&gt;
-              &lt;td&gt;test&lt;/td&gt;
+              &lt;td aria-label="label"&gt;&lt;i class="icon icon--success"&gt;&lt;/i&gt; test&lt;/td&gt;
+              &lt;td aria-label="label"&gt;test&lt;/td&gt;
+              &lt;td aria-label="label"&gt;test&lt;/td&gt;
+              &lt;td aria-label="label"&gt;test&lt;/td&gt;
           &lt;/tr&gt;
           &lt;tr&gt;
-              &lt;td&gt;test&lt;/td&gt;
-              &lt;td&gt;test&lt;/td&gt;
-              &lt;td&gt;test&lt;/td&gt;
-              &lt;td&gt;test&lt;/td&gt;
+              &lt;td aria-label="label"&gt;test&lt;/td&gt;
+              &lt;td aria-label="label"&gt;test&lt;/td&gt;
+              &lt;td aria-label="label"&gt;test&lt;/td&gt;
+              &lt;td aria-label="label"&gt;test&lt;/td&gt;
           &lt;/tr&gt;&lt;tr&gt;
-              &lt;td&gt;test&lt;/td&gt;
-              &lt;td&gt;test&lt;/td&gt;
-              &lt;td&gt;test&lt;/td&gt;
-              &lt;td&gt;test&lt;/td&gt;
+              &lt;td aria-label="label"&gt;test&lt;/td&gt;
+              &lt;td aria-label="label"&gt;test&lt;/td&gt;
+              &lt;td aria-label="label"&gt;test&lt;/td&gt;
+              &lt;td aria-label="label"&gt;test&lt;/td&gt;
           &lt;/tr&gt;
           &lt;tr class="table--warning"&gt;
-              &lt;td&gt;&lt;i class="icon icon--warning"&gt;&lt;/i&gt; test&lt;/td&gt;
-              &lt;td&gt;test&lt;/td&gt;
-              &lt;td&gt;test&lt;/td&gt;
-              &lt;td&gt;test&lt;/td&gt;
+              &lt;td aria-label="label"&gt;&lt;i class="icon icon--warning"&gt;&lt;/i&gt; test&lt;/td&gt;
+              &lt;td aria-label="label"&gt;test&lt;/td&gt;
+              &lt;td aria-label="label"&gt;test&lt;/td&gt;
+              &lt;td aria-label="label"&gt;test&lt;/td&gt;
           &lt;/tr&gt;
           &lt;tr&gt;
-              &lt;td&gt;test&lt;/td&gt;
-              &lt;td&gt;test&lt;/td&gt;
-              &lt;td&gt;test&lt;/td&gt;
-              &lt;td&gt;test&lt;/td&gt;
+              &lt;td aria-label="label"&gt;test&lt;/td&gt;
+              &lt;td aria-label="label"&gt;test&lt;/td&gt;
+              &lt;td aria-label="label"&gt;test&lt;/td&gt;
+              &lt;td aria-label="label"&gt;test&lt;/td&gt;
           &lt;/tr&gt;
           &lt;tr class="table--error"&gt;
-              &lt;td&gt;&lt;i class="icon icon--error"&gt;&lt;/i&gt; test&lt;/td&gt;
-              &lt;td&gt;test&lt;/td&gt;
-              &lt;td&gt;test&lt;/td&gt;
-              &lt;td&gt;test&lt;/td&gt;
+              &lt;td aria-label="label"&gt;&lt;i class="icon icon--error"&gt;&lt;/i&gt; test&lt;/td&gt;
+              &lt;td aria-label="label"&gt;test&lt;/td&gt;
+              &lt;td aria-label="label"&gt;test&lt;/td&gt;
+              &lt;td aria-label="label"&gt;test&lt;/td&gt;
           &lt;/tr&gt;
           &lt;tr class="table--information"&gt;
-              &lt;td&gt;&lt;i class="icon icon--info"&gt;&lt;/i&gt; test&lt;/td&gt;
-              &lt;td&gt;test&lt;/td&gt;
-              &lt;td&gt;test&lt;/td&gt;
-              &lt;td&gt;test&lt;/td&gt;
+              &lt;td aria-label="label"&gt;&lt;i class="icon icon--info"&gt;&lt;/i&gt; test&lt;/td&gt;
+              &lt;td aria-label="label"&gt;test&lt;/td&gt;
+              &lt;td aria-label="label"&gt;test&lt;/td&gt;
+              &lt;td aria-label="label"&gt;test&lt;/td&gt;
           &lt;/tr&gt;
           &lt;tr&gt;
-              &lt;td&gt;
+              &lt;td aria-label="label"&gt;
                   &lt;input type="checkbox" id="exampleCheckbox"&gt;
                   &lt;label for="exampleCheckbox"&gt;&lt;/label&gt;
               test&lt;/td&gt;
-              &lt;td&gt;test&lt;/td&gt;
-              &lt;td&gt;test&lt;/td&gt;
-              &lt;td&gt;test&lt;/td&gt;
+              &lt;td aria-label="label"&gt;test&lt;/td&gt;
+              &lt;td aria-label="label"&gt;test&lt;/td&gt;
+              &lt;td aria-label="label"&gt;test&lt;/td&gt;
           &lt;/tr&gt;
     &lt;/tbody&gt;
 &lt;/table&gt;</pre>
@@ -1677,50 +1677,53 @@ <h5 class="u-align--right">Example</h5>
                                         </header>
                                         <main class="table__body">
                                             <div class="table__row">
-                                                <div class="table__data table-col--3">
+                                                <div aria-label="label" class="table__data table-col--3">
                                                     <input type="checkbox" id="exampleCheckboxAll">
                                                     <label for="exampleCheckboxAll"></label>
                                                 </div>
-                                                <div class="table__data table-col--15">
+                                                <div aria-label="label" class="table__data table-col--15">
                                                     sda
                                                 </div>
-                                                <div class="table__data table-col--15">8.5 G</div>
-                                                <div class="table__data table-col--15">Physical</div>
-                                                <div class="table__data table-col--15">
+                                                <div aria-label="label" class="table__data table-col--15">8.5 G</div>
+                                                <div aria-label="label" class="table__data table-col--15">Physical</div>
+                                                <div aria-label="label" class="table__data table-col--15">
                                                     <a class="table__controls table__controls--secondary">Format</a>
                                                 </div>
-                                                <div class="table__data table-col--15">QEMU HARDDISK</div>
-                                                <div class="table__data table-col--15 u-display--hidden">937368252</div>
-                                                <div class="table__data table-col--15">rotary, storage, machine</div>
-                                                <div class="table__data table-col--7">
+                                                <div aria-label="label" class="table__data table-col--15">QEMU HARDDISK</div>
+                                                <div aria-label="label" class="table__data table-col--15 u-display--hidden">937368252</div>
+                                                <div aria-label="label" class="table__data table-col--15">rotary, storage, machine</div>
+                                                <div aria-label="label" class="table__data table-col--7 table--mobile-controls">
                                                     <div class="table__controls">
-                                                        <a class="icon icon--partition">Partition</a>
+                                                        <a class="icon icon--partition u-display--desktop"></a>
+                                                        <a class="button--secondary u-display--mobile">Add partition</a>
                                                     </div>
                                                 </div>
                                             </div>
                                             <div class="table__row is-active">
-                                                <div class="table__data table-col--3">
+                                                <div aria-label="label" class="table__data table-col--3">
                                                     <input type="checkbox" id="exampleCheckboxAll">
                                                     <label for="exampleCheckboxAll"></label>
                                                 </div>
-                                                <div class="table__data table-col--15">
+                                                <div aria-label="label" class="table__data table-col--15">
                                                     <span hidden>sdb</span>
                                                     <input type="text" value="sdb" class="table__input">
                                                 </div>
-                                                <div class="table__data table-col--15"><span class="u-display--hidden">8.5 G</span></div>
-                                                <div class="table__data table-col--15"><span class="u-display--hidden">Physical</span></div>
-                                                <div class="table__data table-col--15"><span class="u-display--hidden">
+                                                <div aria-label="label" class="table__data table-col--15"><span class="u-display--hidden">8.5 G</span></div>
+                                                <div aria-label="label" class="table__data table-col--15"><span class="u-display--hidden">Physical</span></div>
+                                                <div aria-label="label" class="table__data table-col--15"><span class="u-display--hidden">
                                                     fat32 <a class="table__controls table__controls--secondary u-margin--left-small">Mount</a></span>
                                                 </div>
-                                                <div class="table__data table-col--15"><span class="u-display--hidden">QEMU HARDDISK</span></div>
-                                                <div class="table__data table-col--15 u-display--hidden">937368252</div>
-                                                <div class="table__data table-col--15"><span class="u-display--hidden">
+                                                <div aria-label="label" class="table__data table-col--15"><span class="u-display--hidden">QEMU HARDDISK</span></div>
+                                                <div aria-label="label" class="table__data table-col--15 u-display--hidden">937368252</div>
+                                                <div aria-label="label" class="table__data table-col--15"><span class="u-display--hidden">
                                                     <div class="table__tags">rotary, storage, test, hp, machine<span class="table__controls table__controls--secondary">, <a>edit</a></span></div></span>
                                                 </div>
-                                                <div class="table__data table-col--7">
+                                                <div aria-label="label" class="table__data table-col--7 table--mobile-controls">
                                                     <div class="table__controls">
-                                                        <a class="icon icon--partition">Partition</a>
-                                                        <a class="icon icon--delete">Delete</a>
+                                                        <a class="icon icon--partition u-display--desktop">Partition</a>
+                                                        <a class="icon icon--delete u-display--desktop">Delete</a>
+                                                        <a class="button--secondary u-display--mobile">Partition</a>
+                                                        <a class="button--secondary u-display--mobile">Delete</a>
                                                     </div>
                                                 </div>
                                                 <div class="table__dropdown">
@@ -1729,7 +1732,7 @@ <h2 class="u-float--left">Editing</h2>
                                                         <i class="icon icon--remove u-float--right u-margin--top-small u-margin--right-small"></i>
                                                     </div>
                                                     <div class="table__row is-active">
-                                                        <form class="table__data u-padding--top table-col--100 form form--stack">
+                                                        <form aria-label="label" class="table__data u-padding--top table-col--100 form form--stack">
                                                             <fieldset class="form__fieldset six-col">
                                                                 <div class="form__group">
                                                                     <label class="two-col" for="example-input">Example input</label>
@@ -1761,7 +1764,7 @@ <h2 class="u-float--left">Editing</h2>
                                                         </form>
                                                     </div>
                                                     <div class="table__row table__dropdown-row is-active">
-                                                        <div class="table__data u-float--right">
+                                                        <div aria-label="label" class="table__data u-float--right">
                                                               <a class="button--base button--inline">Cancel</a>
                                                               <button class="button--positive button--inline">Mount</button>
                                                         </div>
@@ -1769,98 +1772,102 @@ <h2 class="u-float--left">Editing</h2>
                                                 </div>
                                             </div>
                                             <div class="table__row">
-                                                <div class="table__data table-col--3">
+                                                <div aria-label="label" class="table__data table-col--3">
                                                     <input type="checkbox" id="exampleCheckboxAll">
                                                     <label for="exampleCheckboxAll"></label>
                                                 </div>
-                                                <div class="table__data table-col--15">
+                                                <div aria-label="label" class="table__data table-col--15">
                                                     sdb
                                                 </div>
-                                                <div class="table__data table-col--15">8.5 G</div>
-                                                <div class="table__data table-col--15">Physical</div>
-                                                <div class="table__data table-col--15">
+                                                <div aria-label="label" class="table__data table-col--15">8.5 G</div>
+                                                <div aria-label="label" class="table__data table-col--15">Physical</div>
+                                                <div aria-label="label" class="table__data table-col--15">
                                                     <a class="table__controls table__controls--secondary">Format</a>
                                                 </div>
-                                                <div class="table__data table-col--15">QEMU HARDDISK</div>
-                                                <div class="table__data table-col--15 u-display--hidden">937368252</div>
-                                                <div class="table__data table-col--15">rotary, storage, machine</div>
-                                                <div class="table__data table-col--7">
+                                                <div aria-label="label" class="table__data table-col--15">QEMU HARDDISK</div>
+                                                <div aria-label="label" class="table__data table-col--15 u-display--hidden">937368252</div>
+                                                <div aria-label="label" class="table__data table-col--15">rotary, storage, machine</div>
+                                                <div aria-label="label" class="table__data table-col--7 table--mobile-controls">
                                                     <div class="table__controls">
-                                                        <a class="icon icon--partition">Partition</a>
+                                                        <a class="icon icon--partition u-display--desktop"></a>
+                                                        <a class="button--secondary u-display--mobile">Add partition</a>
                                                     </div>
                                                 </div>
                                             </div>
                                             <div class="table__row">
-                                                <div class="table__data table-col--3">
+                                                <div aria-label="label" class="table__data table-col--3">
                                                     <input type="checkbox" id="exampleCheckboxAll">
                                                     <label for="exampleCheckboxAll"></label>
                                                 </div>
-                                                <div class="table__data table-col--15">
+                                                <div aria-label="label" class="table__data table-col--15">
                                                     sdc
                                                 </div>
-                                                <div class="table__data table-col--15">8.5 G</div>
-                                                <div class="table__data table-col--15">Physical</div>
-                                                <div class="table__data table-col--15">
+                                                <div aria-label="label" class="table__data table-col--15">8.5 G</div>
+                                                <div aria-label="label" class="table__data table-col--15">Physical</div>
+                                                <div aria-label="label" class="table__data table-col--15">
                                                     <a class="table__controls table__controls--secondary">Format</a>
                                                 </div>
-                                                <div class="table__data table-col--15">QEMU HARDDISK</div>
-                                                <div class="table__data table-col--15 u-display--hidden">937368252</div>
-                                                <div class="table__data table-col--15">rotary, storage, machine</div>
-                                                <div class="table__data table-col--7">
+                                                <div aria-label="label" class="table__data table-col--15">QEMU HARDDISK</div>
+                                                <div aria-label="label" class="table__data table-col--15 u-display--hidden">937368252</div>
+                                                <div aria-label="label" class="table__data table-col--15">rotary, storage, machine</div>
+                                                <div aria-label="label" class="table__data table-col--7 table--mobile-controls">
                                                     <div class="table__controls">
-                                                        <a class="icon icon--partition">Partition</a>
+                                                        <a class="icon icon--partition u-display--desktop"></a>
+                                                        <a class="button--secondary u-display--mobile">Add partition</a>
                                                     </div>
                                                 </div>
                                             </div>
                                             <div class="table__row">
-                                                <div class="table__data table-col--3">
+                                                <div aria-label="label" class="table__data table-col--3">
                                                     <input type="checkbox" id="exampleCheckboxAll">
                                                     <label for="exampleCheckboxAll"></label>
                                                 </div>
-                                                <div class="table__data table-col--15">
+                                                <div aria-label="label" class="table__data table-col--15">
                                                     sdd
                                                 </div>
-                                                <div class="table__data table-col--15">8.5 G</div>
-                                                <div class="table__data table-col--15">Physical</div>
-                                                <div class="table__data table-col--15">
+                                                <div aria-label="label" class="table__data table-col--15">8.5 G</div>
+                                                <div aria-label="label" class="table__data table-col--15">Physical</div>
+                                                <div aria-label="label" class="table__data table-col--15">
                                                     <a class="table__controls table__controls--secondary">Format</a>
                                                 </div>
-                                                <div class="table__data table-col--15">QEMU HARDDISK</div>
-                                                <div class="table__data table-col--15 u-display--hidden">937368252</div>
-                                                <div class="table__data table-col--15">rotary, storage, machine</div>
-                                                <div class="table__data table-col--7">
+                                                <div aria-label="label" class="table__data table-col--15">QEMU HARDDISK</div>
+                                                <div aria-label="label" class="table__data table-col--15 u-display--hidden">937368252</div>
+                                                <div aria-label="label" class="table__data table-col--15">rotary, storage, machine</div>
+                                                <div aria-label="label" class="table__data table-col--7 table--mobile-controls">
                                                     <div class="table__controls">
-                                                        <a class="icon icon--partition">Partition</a>
+                                                        <a class="icon icon--partition u-display--desktop"></a>
+                                                        <a class="button--secondary u-display--mobile">Add partition</a>
                                                     </div>
                                                 </div>
                                             </div>
                                             <div class="table__row">
-                                                <div class="table__data table-col--3">
+                                                <div aria-label="label" class="table__data table-col--3">
                                                     <input type="checkbox" id="exampleCheckboxAll">
                                                     <label for="exampleCheckboxAll"></label>
                                                 </div>
-                                                <div class="table__data table-col--15">
+                                                <div aria-label="label" class="table__data table-col--15">
                                                     vg0-lv0
                                                 </div>
-                                                <div class="table__data table-col--15">8.5 G</div>
-                                                <div class="table__data table-col--15">Logical volume</div>
-                                                <div class="table__data table-col--15">
+                                                <div aria-label="label" class="table__data table-col--15">8.5 G</div>
+                                                <div aria-label="label" class="table__data table-col--15">Logical volume</div>
+                                                <div aria-label="label" class="table__data table-col--15">
                                                     <a class="table__controls table__controls--secondary">Format</a>
                                                 </div>
-                                                <div class="table__data table-col--15"></div>
-                                                <div class="table__data table-col--15 u-display--hidden"></div>
-                                                <div class="table__data table-col--15">rotary, storage, machine</div>
-                                                <div class="table__data table-col--7">
+                                                <div aria-label="label" class="table__data table-col--15"></div>
+                                                <div aria-label="label" class="table__data table-col--15 u-display--hidden"></div>
+                                                <div aria-label="label" class="table__data table-col--15">rotary, storage, machine</div>
+                                                <div aria-label="label" class="table__data table-col--7 table--mobile-controls">
                                                     <div class="table__controls">
-                                                        <a class="icon icon--delete">Delete</a>
+                                                        <a class="icon icon--partition u-display--desktop"></a>
+                                                        <a class="button--secondary u-display--mobile">Add partition</a>
                                                     </div>
                                                 </div>
                                             </div>
                                         </main>
                                     </section>
                                 </div>
-                                <pre class="docs-example__item docs-example__item--code">
-&lt;section class="table"&gt;
+<pre class="docs-example__item docs-example__item--code">
+&lt;section class="table u-margin--bottom"&gt;
     &lt;header class="table__head"&gt;
         &lt;div class="table__row"&gt;
             &lt;div class="table__header table-col--3"&gt;
@@ -1882,54 +1889,60 @@ <h2 class="u-float--left">Editing</h2>
     &lt;/header&gt;
     &lt;main class="table__body"&gt;
         &lt;div class="table__row"&gt;
-            &lt;div class="table__data table-col--3"&gt;
+            &lt;div aria-label="label" class="table__data table-col--3"&gt;
                 &lt;input type="checkbox" id="exampleCheckboxAll"&gt;
                 &lt;label for="exampleCheckboxAll"&gt;&lt;/label&gt;
             &lt;/div&gt;
-            &lt;div class="table__data table-col--15"&gt;
-                &lt;input type="text" value="sda" class="table__input"&gt;
+            &lt;div aria-label="label" class="table__data table-col--15"&gt;
+                sda
             &lt;/div&gt;
-            &lt;div class="table__data table-col--15"&gt;8.5 G&lt;/div&gt;
-            &lt;div class="table__data table-col--15"&gt;Physical&lt;/div&gt;
-            &lt;div class="table__data table-col--15"&gt;
+            &lt;div aria-label="label" class="table__data table-col--15"&gt;8.5 G&lt;/div&gt;
+            &lt;div aria-label="label" class="table__data table-col--15"&gt;Physical&lt;/div&gt;
+            &lt;div aria-label="label" class="table__data table-col--15"&gt;
                 &lt;a class="table__controls table__controls--secondary"&gt;Format&lt;/a&gt;
             &lt;/div&gt;
-            &lt;div class="table__data table-col--15"&gt;QEMU HARDDISK&lt;/div&gt;
-            &lt;div class="table__data table-col--15 u-display--hidden"&gt;937368252&lt;/div&gt;
-            &lt;div class="table__data table-col--15"&gt;rotary, storage, machine&lt;/div&gt;
-            &lt;div class="table__data table-col--7"&gt;
+            &lt;div aria-label="label" class="table__data table-col--15"&gt;QEMU HARDDISK&lt;/div&gt;
+            &lt;div aria-label="label" class="table__data table-col--15 u-display--hidden"&gt;937368252&lt;/div&gt;
+            &lt;div aria-label="label" class="table__data table-col--15"&gt;rotary, storage, machine&lt;/div&gt;
+            &lt;div aria-label="label" class="table__data table-col--7 table--mobile-controls"&gt;
                 &lt;div class="table__controls"&gt;
-                    &lt;a class="icon icon--partition"&gt;Partition&lt;/a&gt;
+                    &lt;a class="icon icon--partition u-display--desktop"&gt;&lt;/a&gt;
+                    &lt;a class="button--secondary u-display--mobile"&gt;Add partition&lt;/a&gt;
                 &lt;/div&gt;
             &lt;/div&gt;
         &lt;/div&gt;
         &lt;div class="table__row is-active"&gt;
-            &lt;div class="table__data table-col--3"&gt;
+            &lt;div aria-label="label" class="table__data table-col--3"&gt;
                 &lt;input type="checkbox" id="exampleCheckboxAll"&gt;
                 &lt;label for="exampleCheckboxAll"&gt;&lt;/label&gt;
             &lt;/div&gt;
-            &lt;div class="table__data table-col--15"&gt;
+            &lt;div aria-label="label" class="table__data table-col--15"&gt;
+                &lt;span hidden&gt;sdb&lt;/span&gt;
                 &lt;input type="text" value="sdb" class="table__input"&gt;
             &lt;/div&gt;
-            &lt;div class="table__data table-col--15"&gt;8.5 G&lt;/div&gt;
-            &lt;div class="table__data table-col--15"&gt;Physical&lt;/div&gt;
-            &lt;div class="table__data table-col--15"&gt;
-                fat32 &lt;a class="table__controls table__controls--secondary u-margin--left-small"&gt;Mount&lt;/a&gt;
+            &lt;div aria-label="label" class="table__data table-col--15"&gt;&lt;span class="u-display--hidden"&gt;8.5 G&lt;/span&gt;&lt;/div&gt;
+            &lt;div aria-label="label" class="table__data table-col--15"&gt;&lt;span class="u-display--hidden"&gt;Physical&lt;/span&gt;&lt;/div&gt;
+            &lt;div aria-label="label" class="table__data table-col--15"&gt;&lt;span class="u-display--hidden"&gt;
+                fat32 &lt;a class="table__controls table__controls--secondary u-margin--left-small"&gt;Mount&lt;/a&gt;&lt;/span&gt;
             &lt;/div&gt;
-            &lt;div class="table__data table-col--15"&gt;QEMU HARDDISK&lt;/div&gt;
-            &lt;div class="table__data table-col--15 u-display--hidden"&gt;937368252&lt;/div&gt;
-            &lt;div class="table__data table-col--15"&gt;
-                &lt;div class="table__tags"&gt;rotary, storage, test, hp, machine&lt;span class="table__controls table__controls--secondary"&gt;, &lt;a&gt;edit&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;
+            &lt;div aria-label="label" class="table__data table-col--15"&gt;&lt;span class="u-display--hidden"&gt;QEMU HARDDISK&lt;/span&gt;&lt;/div&gt;
+            &lt;div aria-label="label" class="table__data table-col--15 u-display--hidden"&gt;937368252&lt;/div&gt;
+            &lt;div aria-label="label" class="table__data table-col--15"&gt;&lt;span class="u-display--hidden"&gt;
+                &lt;div class="table__tags"&gt;rotary, storage, test, hp, machine&lt;span class="table__controls table__controls--secondary"&gt;, &lt;a&gt;edit&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;/span&gt;
             &lt;/div&gt;
-            &lt;div class="table__data table-col--7"&gt;
+            &lt;div aria-label="label" class="table__data table-col--7"&gt;
                 &lt;div class="table__controls"&gt;
                     &lt;a class="icon icon--partition"&gt;Partition&lt;/a&gt;
                     &lt;a class="icon icon--delete"&gt;Delete&lt;/a&gt;
                 &lt;/div&gt;
             &lt;/div&gt;
             &lt;div class="table__dropdown"&gt;
+                &lt;div class="table__dropdown-title"&gt;
+                    &lt;h2 class="u-float--left"&gt;Editing&lt;/h2&gt;
+                    &lt;i class="icon icon--remove u-float--right u-margin--top-small u-margin--right-small"&gt;&lt;/i&gt;
+                &lt;/div&gt;
                 &lt;div class="table__row is-active"&gt;
-                    &lt;form class="table__data u-padding--top table-col--100 form form--stack"&gt;
+                    &lt;form aria-label="label" class="table__data u-padding--top table-col--100 form form--stack"&gt;
                         &lt;fieldset class="form__fieldset six-col"&gt;
                             &lt;div class="form__group"&gt;
                                 &lt;label class="two-col" for="example-input"&gt;Example input&lt;/label&gt;
@@ -1961,99 +1974,102 @@ <h2 class="u-float--left">Editing</h2>
                     &lt;/form&gt;
                 &lt;/div&gt;
                 &lt;div class="table__row table__dropdown-row is-active"&gt;
-                    &lt;div class="table__data u-float--right"&gt;
+                    &lt;div aria-label="label" class="table__data u-float--right"&gt;
                           &lt;a class="button--base button--inline"&gt;Cancel&lt;/a&gt;
                           &lt;button class="button--positive button--inline"&gt;Mount&lt;/button&gt;
                     &lt;/div&gt;
                 &lt;/div&gt;
             &lt;/div&gt;
         &lt;/div&gt;
-        &lt;/div&gt;
         &lt;div class="table__row"&gt;
-            &lt;div class="table__data table-col--3"&gt;
+            &lt;div aria-label="label" class="table__data table-col--3"&gt;
                 &lt;input type="checkbox" id="exampleCheckboxAll"&gt;
                 &lt;label for="exampleCheckboxAll"&gt;&lt;/label&gt;
             &lt;/div&gt;
-            &lt;div class="table__data table-col--15"&gt;
-                &lt;input type="text" value="sdb" class="table__input"&gt;
+            &lt;div aria-label="label" class="table__data table-col--15"&gt;
+                sdb
             &lt;/div&gt;
-            &lt;div class="table__data table-col--15"&gt;8.5 G&lt;/div&gt;
-            &lt;div class="table__data table-col--15"&gt;Physical&lt;/div&gt;
-            &lt;div class="table__data table-col--15"&gt;
+            &lt;div aria-label="label" class="table__data table-col--15"&gt;8.5 G&lt;/div&gt;
+            &lt;div aria-label="label" class="table__data table-col--15"&gt;Physical&lt;/div&gt;
+            &lt;div aria-label="label" class="table__data table-col--15"&gt;
                 &lt;a class="table__controls table__controls--secondary"&gt;Format&lt;/a&gt;
             &lt;/div&gt;
-            &lt;div class="table__data table-col--15"&gt;QEMU HARDDISK&lt;/div&gt;
-            &lt;div class="table__data table-col--15 u-display--hidden"&gt;937368252&lt;/div&gt;
-            &lt;div class="table__data table-col--15"&gt;rotary, storage, machine&lt;/div&gt;
-            &lt;div class="table__data table-col--7"&gt;
+            &lt;div aria-label="label" class="table__data table-col--15"&gt;QEMU HARDDISK&lt;/div&gt;
+            &lt;div aria-label="label" class="table__data table-col--15 u-display--hidden"&gt;937368252&lt;/div&gt;
+            &lt;div aria-label="label" class="table__data table-col--15"&gt;rotary, storage, machine&lt;/div&gt;
+            &lt;div aria-label="label" class="table__data table-col--7 table--mobile-controls"&gt;
                 &lt;div class="table__controls"&gt;
-                    &lt;a class="icon icon--partition"&gt;Partition&lt;/a&gt;
+                    &lt;a class="icon icon--partition u-display--desktop"&gt;&lt;/a&gt;
+                    &lt;a class="button--secondary u-display--mobile"&gt;Add partition&lt;/a&gt;
                 &lt;/div&gt;
             &lt;/div&gt;
         &lt;/div&gt;
         &lt;div class="table__row"&gt;
-            &lt;div class="table__data table-col--3"&gt;
+            &lt;div aria-label="label" class="table__data table-col--3"&gt;
                 &lt;input type="checkbox" id="exampleCheckboxAll"&gt;
                 &lt;label for="exampleCheckboxAll"&gt;&lt;/label&gt;
             &lt;/div&gt;
-            &lt;div class="table__data table-col--15"&gt;
-                &lt;input type="text" value="sdc" class="table__input"&gt;
+            &lt;div aria-label="label" class="table__data table-col--15"&gt;
+                sdc
             &lt;/div&gt;
-            &lt;div class="table__data table-col--15"&gt;8.5 G&lt;/div&gt;
-            &lt;div class="table__data table-col--15"&gt;Physical&lt;/div&gt;
-            &lt;div class="table__data table-col--15"&gt;
+            &lt;div aria-label="label" class="table__data table-col--15"&gt;8.5 G&lt;/div&gt;
+            &lt;div aria-label="label" class="table__data table-col--15"&gt;Physical&lt;/div&gt;
+            &lt;div aria-label="label" class="table__data table-col--15"&gt;
                 &lt;a class="table__controls table__controls--secondary"&gt;Format&lt;/a&gt;
             &lt;/div&gt;
-            &lt;div class="table__data table-col--15"&gt;QEMU HARDDISK&lt;/div&gt;
-            &lt;div class="table__data table-col--15 u-display--hidden"&gt;937368252&lt;/div&gt;
-            &lt;div class="table__data table-col--15"&gt;rotary, storage, machine&lt;/div&gt;
-            &lt;div class="table__data table-col--7"&gt;
+            &lt;div aria-label="label" class="table__data table-col--15"&gt;QEMU HARDDISK&lt;/div&gt;
+            &lt;div aria-label="label" class="table__data table-col--15 u-display--hidden"&gt;937368252&lt;/div&gt;
+            &lt;div aria-label="label" class="table__data table-col--15"&gt;rotary, storage, machine&lt;/div&gt;
+            &lt;div aria-label="label" class="table__data table-col--7 table--mobile-controls"&gt;
                 &lt;div class="table__controls"&gt;
-                    &lt;a class="icon icon--partition"&gt;Partition&lt;/a&gt;
+                    &lt;a class="icon icon--partition u-display--desktop"&gt;&lt;/a&gt;
+                    &lt;a class="button--secondary u-display--mobile"&gt;Add partition&lt;/a&gt;
                 &lt;/div&gt;
             &lt;/div&gt;
         &lt;/div&gt;
         &lt;div class="table__row"&gt;
-            &lt;div class="table__data table-col--3"&gt;
+            &lt;div aria-label="label" class="table__data table-col--3"&gt;
                 &lt;input type="checkbox" id="exampleCheckboxAll"&gt;
                 &lt;label for="exampleCheckboxAll"&gt;&lt;/label&gt;
             &lt;/div&gt;
-            &lt;div class="table__data table-col--15"&gt;
-                &lt;input type="text" value="sdd" class="table__input"&gt;
+            &lt;div aria-label="label" class="table__data table-col--15"&gt;
+                sdd
             &lt;/div&gt;
-            &lt;div class="table__data table-col--15"&gt;8.5 G&lt;/div&gt;
-            &lt;div class="table__data table-col--15"&gt;Physical&lt;/div&gt;
-            &lt;div class="table__data table-col--15"&gt;
+            &lt;div aria-label="label" class="table__data table-col--15"&gt;8.5 G&lt;/div&gt;
+            &lt;div aria-label="label" class="table__data table-col--15"&gt;Physical&lt;/div&gt;
+            &lt;div aria-label="label" class="table__data table-col--15"&gt;
                 &lt;a class="table__controls table__controls--secondary"&gt;Format&lt;/a&gt;
             &lt;/div&gt;
-            &lt;div class="table__data table-col--15"&gt;QEMU HARDDISK&lt;/div&gt;
-            &lt;div class="table__data table-col--15 u-display--hidden"&gt;937368252&lt;/div&gt;
-            &lt;div class="table__data table-col--15"&gt;rotary, storage, machine&lt;/div&gt;
-            &lt;div class="table__data table-col--7"&gt;
+            &lt;div aria-label="label" class="table__data table-col--15"&gt;QEMU HARDDISK&lt;/div&gt;
+            &lt;div aria-label="label" class="table__data table-col--15 u-display--hidden"&gt;937368252&lt;/div&gt;
+            &lt;div aria-label="label" class="table__data table-col--15"&gt;rotary, storage, machine&lt;/div&gt;
+            &lt;div aria-label="label" class="table__data table-col--7 table--mobile-controls"&gt;
                 &lt;div class="table__controls"&gt;
-                    &lt;a class="icon icon--partition"&gt;Partition&lt;/a&gt;
+                    &lt;a class="icon icon--partition u-display--desktop"&gt;&lt;/a&gt;
+                    &lt;a class="button--secondary u-display--mobile"&gt;Add partition&lt;/a&gt;
                 &lt;/div&gt;
             &lt;/div&gt;
         &lt;/div&gt;
         &lt;div class="table__row"&gt;
-            &lt;div class="table__data table-col--3"&gt;
+            &lt;div aria-label="label" class="table__data table-col--3"&gt;
                 &lt;input type="checkbox" id="exampleCheckboxAll"&gt;
                 &lt;label for="exampleCheckboxAll"&gt;&lt;/label&gt;
             &lt;/div&gt;
-            &lt;div class="table__data table-col--15"&gt;
-                &lt;input type="text" value="vg0-lv0" class="table__input"&gt;
+            &lt;div aria-label="label" class="table__data table-col--15"&gt;
+                vg0-lv0
             &lt;/div&gt;
-            &lt;div class="table__data table-col--15"&gt;8.5 G&lt;/div&gt;
-            &lt;div class="table__data table-col--15"&gt;Logical volume&lt;/div&gt;
-            &lt;div class="table__data table-col--15"&gt;
+            &lt;div aria-label="label" class="table__data table-col--15"&gt;8.5 G&lt;/div&gt;
+            &lt;div aria-label="label" class="table__data table-col--15"&gt;Logical volume&lt;/div&gt;
+            &lt;div aria-label="label" class="table__data table-col--15"&gt;
                 &lt;a class="table__controls table__controls--secondary"&gt;Format&lt;/a&gt;
             &lt;/div&gt;
-            &lt;div class="table__data table-col--15"&gt;&lt;/div&gt;
-            &lt;div class="table__data table-col--15 u-display--hidden"&gt;&lt;/div&gt;
-            &lt;div class="table__data table-col--15"&gt;rotary, storage, machine&lt;/div&gt;
-            &lt;div class="table__data table-col--7"&gt;
+            &lt;div aria-label="label" class="table__data table-col--15"&gt;&lt;/div&gt;
+            &lt;div aria-label="label" class="table__data table-col--15 u-display--hidden"&gt;&lt;/div&gt;
+            &lt;div aria-label="label" class="table__data table-col--15"&gt;rotary, storage, machine&lt;/div&gt;
+            &lt;div aria-label="label" class="table__data table-col--7 table--mobile-controls"&gt;
                 &lt;div class="table__controls"&gt;
-                    &lt;a class="icon icon--delete"&gt;Delete&lt;/a&gt;
+                    &lt;a class="icon icon--partition u-display--desktop"&gt;&lt;/a&gt;
+                    &lt;a class="button--secondary u-display--mobile"&gt;Add partition&lt;/a&gt;
                 &lt;/div&gt;
             &lt;/div&gt;
         &lt;/div&gt;