--- a/devtools/client/framework/components/DebugTargetInfo.js
+++ b/devtools/client/framework/components/DebugTargetInfo.js
@@ -269,16 +269,17 @@ class DebugTargetInfo extends PureCompon
 
   renderNavigationButton(detail) {
     const { L10N } = this.props;
 
     return dom.button(
       {
         className: `iconized-label navigation-button ${detail.className}`,
         onClick: detail.onClick,
+        title: L10N.getStr(detail.l10nId),
       },
       dom.img({
         src: detail.icon,
         alt: L10N.getStr(detail.l10nId),
       })
     );
   }
 

--- a/devtools/client/framework/test/node/components/__snapshots__/debug-target-info.test.js.snap
+++ b/devtools/client/framework/test/node/components/__snapshots__/debug-target-info.test.js.snap
@@ -45,34 +45,37 @@ exports[`DebugTargetInfo component Conne
     </b>
   </span>
   <div
     className="debug-target-navigation"
   >
     <button
       className="iconized-label navigation-button qa-back-button"
       onClick={[Function]}
+      title="toolbox.debugTargetInfo.back"
     >
       <img
         alt="toolbox.debugTargetInfo.back"
         src="chrome://browser/skin/back.svg"
       />
     </button>
     <button
       className="iconized-label navigation-button qa-forward-button"
       onClick={[Function]}
+      title="toolbox.debugTargetInfo.forward"
     >
       <img
         alt="toolbox.debugTargetInfo.forward"
         src="chrome://browser/skin/forward.svg"
       />
     </button>
     <button
       className="iconized-label navigation-button qa-reload-button"
       onClick={[Function]}
+      title="toolbox.debugTargetInfo.reload"
     >
       <img
         alt="toolbox.debugTargetInfo.reload"
         src="chrome://browser/skin/reload.svg"
       />
     </button>
   </div>
   <span
@@ -194,34 +197,37 @@ exports[`DebugTargetInfo component Targe
     </b>
   </span>
   <div
     className="debug-target-navigation"
   >
     <button
       className="iconized-label navigation-button qa-back-button"
       onClick={[Function]}
+      title="toolbox.debugTargetInfo.back"
     >
       <img
         alt="toolbox.debugTargetInfo.back"
         src="chrome://browser/skin/back.svg"
       />
     </button>
     <button
       className="iconized-label navigation-button qa-forward-button"
       onClick={[Function]}
+      title="toolbox.debugTargetInfo.forward"
     >
       <img
         alt="toolbox.debugTargetInfo.forward"
         src="chrome://browser/skin/forward.svg"
       />
     </button>
     <button
       className="iconized-label navigation-button qa-reload-button"
       onClick={[Function]}
+      title="toolbox.debugTargetInfo.reload"
     >
       <img
         alt="toolbox.debugTargetInfo.reload"
         src="chrome://browser/skin/reload.svg"
       />
     </button>
   </div>
   <span
@@ -388,34 +394,37 @@ exports[`DebugTargetInfo component Targe
     </b>
   </span>
   <div
     className="debug-target-navigation"
   >
     <button
       className="iconized-label navigation-button qa-back-button"
       onClick={[Function]}
+      title="toolbox.debugTargetInfo.back"
     >
       <img
         alt="toolbox.debugTargetInfo.back"
         src="chrome://browser/skin/back.svg"
       />
     </button>
     <button
       className="iconized-label navigation-button qa-forward-button"
       onClick={[Function]}
+      title="toolbox.debugTargetInfo.forward"
     >
       <img
         alt="toolbox.debugTargetInfo.forward"
         src="chrome://browser/skin/forward.svg"
       />
     </button>
     <button
       className="iconized-label navigation-button qa-reload-button"
       onClick={[Function]}
+      title="toolbox.debugTargetInfo.reload"
     >
       <img
         alt="toolbox.debugTargetInfo.reload"
         src="chrome://browser/skin/reload.svg"
       />
     </button>
   </div>
   <span
@@ -465,34 +474,37 @@ exports[`DebugTargetInfo component Targe
     />
   </span>
   <div
     className="debug-target-navigation"
   >
     <button
       className="iconized-label navigation-button qa-back-button"
       onClick={[Function]}
+      title="toolbox.debugTargetInfo.back"
     >
       <img
         alt="toolbox.debugTargetInfo.back"
         src="chrome://browser/skin/back.svg"
       />
     </button>
     <button
       className="iconized-label navigation-button qa-forward-button"
       onClick={[Function]}
+      title="toolbox.debugTargetInfo.forward"
     >
       <img
         alt="toolbox.debugTargetInfo.forward"
         src="chrome://browser/skin/forward.svg"
       />
     </button>
     <button
       className="iconized-label navigation-button qa-reload-button"
       onClick={[Function]}
+      title="toolbox.debugTargetInfo.reload"
     >
       <img
         alt="toolbox.debugTargetInfo.reload"
         src="chrome://browser/skin/reload.svg"
       />
     </button>
   </div>
   <span