diff --git a/browser/base/content/aboutaccounts/aboutaccounts.js b/browser/base/content/aboutaccounts/aboutaccounts.js
index 7f442cb8f150..94f795834157 100644
--- a/browser/base/content/aboutaccounts/aboutaccounts.js
+++ b/browser/base/content/aboutaccounts/aboutaccounts.js
@@ -344,6 +344,14 @@ function showManage() {
 document.addEventListener("DOMContentLoaded", function onload() {
   document.removeEventListener("DOMContentLoaded", onload, true);
   init();
+  var buttonGetStarted = document.getElementById('buttonGetStarted');
+  buttonGetStarted.addEventListener('click', getStarted);
+
+  var oldsync = document.getElementById('oldsync');
+  oldsync.addEventListener('click', handleOldSync);
+
+  var buttonOpenPrefs = document.getElementById('buttonOpenPrefs')
+  buttonOpenPrefs.addEventListener('click', openPrefs);
 }, true);
 
 function initObservers() {
diff --git a/browser/base/content/aboutaccounts/aboutaccounts.xhtml b/browser/base/content/aboutaccounts/aboutaccounts.xhtml
index f49b4a065e53..0a239437eacb 100644
--- a/browser/base/content/aboutaccounts/aboutaccounts.xhtml
+++ b/browser/base/content/aboutaccounts/aboutaccounts.xhtml
@@ -46,7 +46,7 @@
             <div class="graphic graphic-sync-intro"> </div>
 
             <div class="button-row">
-              <a class="button" href="#" onclick="openPrefs()">&aboutAccountsConfig.manage.label;</a>
+              <a id="buttonOpenPrefs" class="button" href="#">&aboutAccountsConfig.manage.label;</a>
             </div>
         </section>
       </div>
@@ -62,11 +62,11 @@
             <div class="description">&aboutAccountsConfig.description;</div>
 
             <div class="button-row">
-              <a class="button" href="#" onclick="getStarted()">&aboutAccountsConfig.startButton.label;</a>
+              <a id="buttonGetStarted" class="button" href="#">&aboutAccountsConfig.startButton.label;</a>
             </div>
 
             <div class="links">
-              <a id="oldsync" class="no-underline" href="#" onclick="handleOldSync();">&aboutAccountsConfig.useOldSync.label;</a>
+              <a id="oldsync" class="no-underline" href="#">&aboutAccountsConfig.useOldSync.label;</a>
             </div>
         </section>
       </div>