Avoid browser tooltips for piwik fields (#13931)

by using data-title attribute instead of title

24 files changed, 137 insertions, 137 deletions

diff --git a/plugins/CoreAdminHome/templates/generalSettings.twig b/plugins/CoreAdminHome/templates/generalSettings.twig
index cdd0f6abf9..cc7d68c73f 100644
--- a/plugins/CoreAdminHome/templates/generalSettings.twig
+++ b/plugins/CoreAdminHome/templates/generalSettings.twig
@@ -82,7 +82,7 @@
         <div piwik-form ng-controller="MailSmtpController as mailSettings">
             <div piwik-field uicontrol="checkbox" name="mailUseSmtp"
                  ng-model="mailSettings.enabled"
-                 title="{{ 'General_UseSMTPServerForEmail'|translate|e('html_attr') }}"
+                 data-title="{{ 'General_UseSMTPServerForEmail'|translate|e('html_attr') }}"
                  value="{% if mail.transport == 'smtp' %}1{% endif %}"
                  inline-help="{{ 'General_SelectYesIfYouWantToSendEmailsViaServer'|translate|e('html_attr') }}">
             </div>
@@ -92,26 +92,26 @@
 
                 <div piwik-field uicontrol="text" name="mailHost"
                      ng-model="mailSettings.mailHost"
-                     title="{{ 'General_SmtpServerAddress'|translate|e('html_attr') }}"
+                     data-title="{{ 'General_SmtpServerAddress'|translate|e('html_attr') }}"
                      value="{{ mail.host }}">
                 </div>
 
                 <div piwik-field uicontrol="text" name="mailPort"
                      ng-model="mailSettings.mailPort"
-                     title="{{ 'General_SmtpPort'|translate|e('html_attr') }}"
+                     data-title="{{ 'General_SmtpPort'|translate|e('html_attr') }}"
                      value="{{ mail.port }}" inline-help="{{ 'General_OptionalSmtpPort'|translate|e('html_attr') }}">
                 </div>
 
                 <div piwik-field uicontrol="select" name="mailType"
                      ng-model="mailSettings.mailType"
-                     title="{{ 'General_AuthenticationMethodSmtp'|translate|e('html_attr') }}"
+                     data-title="{{ 'General_AuthenticationMethodSmtp'|translate|e('html_attr') }}"
                      options="{{ mailTypes|json_encode }}"
                      value="{{ mail.type }}" inline-help="{{ 'General_OnlyUsedIfUserPwdIsSet'|translate|e('html_attr') }}">
                 </div>
 
                 <div piwik-field uicontrol="text" name="mailUsername"
                      ng-model="mailSettings.mailUsername"
-                     title="{{ 'General_SmtpUsername'|translate|e('html_attr') }}"
+                     data-title="{{ 'General_SmtpUsername'|translate|e('html_attr') }}"
                      value="{{ mail.username }}" inline-help="{{ 'General_OnlyEnterIfRequired'|translate|e('html_attr') }}"
                      autocomplete="off">
                 </div>
@@ -124,14 +124,14 @@
                 <div piwik-field uicontrol="password" name="mailPassword"
                      ng-model="mailSettings.mailPassword"
                      ng-change="mailSettings.passwordChanged = true"
-                     title="{{ 'General_SmtpPassword'|translate|e('html_attr') }}"
+                     data-title="{{ 'General_SmtpPassword'|translate|e('html_attr') }}"
                      value="{{ mail.password ? '******' }}" inline-help="{{ help|e('html_attr') }}"
                      autocomplete="off">
                 </div>
 
                 <div piwik-field uicontrol="select" name="mailEncryption"
                      ng-model="mailSettings.mailEncryption"
-                     title="{{ 'General_SmtpEncryption'|translate|e('html_attr') }}"
+                     data-title="{{ 'General_SmtpEncryption'|translate|e('html_attr') }}"
                      options="{{ mailEncryptions|json_encode }}"
                      value="{{ mail.encryption }}" inline-help="{{ 'General_EncryptedSmtpTransport'|translate|e('html_attr') }}">
                 </div>
@@ -155,7 +155,7 @@
         <div piwik-field uicontrol="checkbox" name="useCustomLogo"
              ng-model="brandingSettings.enabled"
              ng-change="brandingSettings.toggleCustomLogo()"
-             title="{{ 'CoreAdminHome_UseCustomLogo'|translate|e('html_attr') }}"
+             data-title="{{ 'CoreAdminHome_UseCustomLogo'|translate|e('html_attr') }}"
              value="{% if branding.use_custom_logo == 1 %}1{% endif %}"
              {% if isPluginsAdminEnabled %}inline-help="{{ help|e('html_attr') }}"{% endif %}>
         </div>
@@ -173,7 +173,7 @@
                         <div piwik-field uicontrol="file" name="customLogo"
                              ng-change="brandingSettings.updateLogo()"
                              ng-model="brandingSettings.customLogo"
-                             title="{{ 'CoreAdminHome_LogoUpload'|translate|e('html_attr') }}"
+                             data-title="{{ 'CoreAdminHome_LogoUpload'|translate|e('html_attr') }}"
                              inline-help="{{ 'CoreAdminHome_LogoUploadHelp'|translate("JPG / PNG / GIF", 110)|e('html_attr') }}">
                         </div>
 
@@ -187,7 +187,7 @@
                         <div piwik-field uicontrol="file" name="customFavicon"
                              ng-change="brandingSettings.updateLogo()"
                              ng-model="brandingSettings.customFavicon"
-                             title="{{ 'CoreAdminHome_FaviconUpload'|translate|e('html_attr') }}"
+                             data-title="{{ 'CoreAdminHome_FaviconUpload'|translate|e('html_attr') }}"
                              inline-help="{{ 'CoreAdminHome_LogoUploadHelp'|translate("JPG / PNG / GIF", 16)|e('html_attr') }}">
                         </div>
 
diff --git a/plugins/CoreAdminHome/templates/trackingCodeGenerator.twig b/plugins/CoreAdminHome/templates/trackingCodeGenerator.twig
index 24bd8af753..f151ebecf1 100644
--- a/plugins/CoreAdminHome/templates/trackingCodeGenerator.twig
+++ b/plugins/CoreAdminHome/templates/trackingCodeGenerator.twig
@@ -67,7 +67,7 @@
                  ng-change="jsTrackingCode.updateTrackingCode()"
                  data-disabled="jsTrackingCode.isLoading"
                  introduction="{{ 'General_Options'|translate|e('html_attr') }}"
-                 title="{{ ('CoreAdminHome_JSTracking_MergeSubdomains'|translate ~ " <span class='current-site-name'></span>")|e('html_attr') }}"
+                 data-title="{{ ('CoreAdminHome_JSTracking_MergeSubdomains'|translate ~ " <span class='current-site-name'></span>")|e('html_attr') }}"
                  value="" inline-help="#jsTrackAllSubdomainsInlineHelp">
             </div>
 
@@ -80,7 +80,7 @@
                  ng-model="jsTrackingCode.groupByDomain"
                  ng-change="jsTrackingCode.updateTrackingCode()"
                  data-disabled="jsTrackingCode.isLoading"
-                 title="{{ 'CoreAdminHome_JSTracking_GroupPageTitlesByDomain'|translate|e('html_attr') }}"
+                 data-title="{{ 'CoreAdminHome_JSTracking_GroupPageTitlesByDomain'|translate|e('html_attr') }}"
                  value="" inline-help="#jsTrackGroupByDomainInlineHelp">
             </div>
 
@@ -93,7 +93,7 @@
                  ng-model="jsTrackingCode.trackAllAliases"
                  ng-change="jsTrackingCode.updateTrackingCode()"
                  data-disabled="jsTrackingCode.isLoading"
-                 title="{{ ('CoreAdminHome_JSTracking_MergeAliases'|translate ~ " <span class='current-site-name'></span>")|e('html_attr') }}"
+                 data-title="{{ ('CoreAdminHome_JSTracking_MergeAliases'|translate ~ " <span class='current-site-name'></span>")|e('html_attr') }}"
                  value="" inline-help="#jsTrackAllAliasesInlineHelp">
             </div>
 
@@ -101,7 +101,7 @@
                  ng-model="jsTrackingCode.trackNoScript"
                  ng-change="jsTrackingCode.updateTrackingCode()"
                  data-disabled="jsTrackingCode.isLoading"
-                 title="{{ 'CoreAdminHome_JSTracking_TrackNoScript'|translate|e('html_attr') }}"
+                 data-title="{{ 'CoreAdminHome_JSTracking_TrackNoScript'|translate|e('html_attr') }}"
                  value="" inline-help="">
             </div>
 
@@ -123,7 +123,7 @@
                      ng-model="jsTrackingCode.trackCustomVars"
                      ng-change="jsTrackingCode.updateTrackingCode()"
                      data-disabled="jsTrackingCode.isLoading"
-                     title="{{ 'CoreAdminHome_JSTracking_VisitorCustomVars'|translate|e('html_attr') }}"
+                     data-title="{{ 'CoreAdminHome_JSTracking_VisitorCustomVars'|translate|e('html_attr') }}"
                      value="" inline-help="{{ 'CoreAdminHome_JSTracking_VisitorCustomVarsDesc'|translate|e('html_attr') }}">
                 </div>
 
@@ -170,7 +170,7 @@
                      ng-model="jsTrackingCode.crossDomain"
                      ng-change="jsTrackingCode.updateTrackingCode();jsTrackingCode.onCrossDomainToggle();"
                      data-disabled="jsTrackingCode.isLoading || !jsTrackingCode.hasManySiteUrls"
-                     title="{{ 'CoreAdminHome_JSTracking_EnableCrossDomainLinking'|translate|e('html_attr') }}"
+                     data-title="{{ 'CoreAdminHome_JSTracking_EnableCrossDomainLinking'|translate|e('html_attr') }}"
                      value="" inline-help="#jsCrossDomain">
                 </div>
 
@@ -187,7 +187,7 @@
                      ng-model="jsTrackingCode.doNotTrack"
                      ng-change="jsTrackingCode.updateTrackingCode() "
                      data-disabled="jsTrackingCode.isLoading"
-                     title="{{ 'CoreAdminHome_JSTracking_EnableDoNotTrack'|translate|e('html_attr') }}"
+                     data-title="{{ 'CoreAdminHome_JSTracking_EnableDoNotTrack'|translate|e('html_attr') }}"
                      value="" inline-help="#jsDoNotTrackInlineHelp">
                 </div>
 
@@ -196,7 +196,7 @@
                      ng-model="jsTrackingCode.disableCookies"
                      data-disabled="jsTrackingCode.isLoading"
                      ng-change="jsTrackingCode.updateTrackingCode()"
-                     title="{{ 'CoreAdminHome_JSTracking_DisableCookies'|translate|e('html_attr') }}"
+                     data-title="{{ 'CoreAdminHome_JSTracking_DisableCookies'|translate|e('html_attr') }}"
                      value="" inline-help="{{ 'CoreAdminHome_JSTracking_DisableCookiesDesc'|translate|e('html_attr') }}">
                 </div>
 
@@ -209,7 +209,7 @@
                      ng-model="jsTrackingCode.useCustomCampaignParams"
                      data-disabled="jsTrackingCode.isLoading"
                      ng-change="jsTrackingCode.updateTrackingCode()"
-                     title="{{ 'CoreAdminHome_JSTracking_CustomCampaignQueryParam'|translate|e('html_attr') }}"
+                     data-title="{{ 'CoreAdminHome_JSTracking_CustomCampaignQueryParam'|translate|e('html_attr') }}"
                      value="" inline-help="#jsTrackCampaignParamsInlineHelp">
                 </div>
 
@@ -220,7 +220,7 @@
                                  ng-model="jsTrackingCode.customCampaignName"
                                  ng-change="jsTrackingCode.updateTrackingCode()"
                                  data-disabled="jsTrackingCode.isLoading"
-                                 title="{{ 'CoreAdminHome_JSTracking_CampaignNameParam'|translate|e('html_attr') }}"
+                                 data-title="{{ 'CoreAdminHome_JSTracking_CampaignNameParam'|translate|e('html_attr') }}"
                                  value="">
                             </div>
                         </div>
@@ -231,7 +231,7 @@
                                  ng-model="jsTrackingCode.customCampaignKeyword"
                                  ng-change="jsTrackingCode.updateTrackingCode()"
                                  data-disabled="jsTrackingCode.isLoading"
-                                 title="{{ 'CoreAdminHome_JSTracking_CampaignKwdParam'|translate|e('html_attr') }}"
+                                 data-title="{{ 'CoreAdminHome_JSTracking_CampaignKwdParam'|translate|e('html_attr') }}"
                                  value="">
                             </div>
                         </div>
@@ -282,7 +282,7 @@
              ng-change="imageTrackingCode.updateTrackingCode()"
              data-disabled="imageTrackingCode.isLoading"
              introduction="{{ 'General_Options'|translate|e('html_attr') }}"
-             title="{{ 'Actions_ColumnPageName'|translate|e('html_attr') }}"
+             data-title="{{ 'Actions_ColumnPageName'|translate|e('html_attr') }}"
              value="">
         </div>
 
@@ -291,7 +291,7 @@
              ng-model="imageTrackingCode.trackGoal"
              ng-change="imageTrackingCode.updateTrackingCode()"
              data-disabled="imageTrackingCode.isLoading"
-             title="{{ 'CoreAdminHome_TrackAGoal'|translate|e('html_attr') }}"
+             data-title="{{ 'CoreAdminHome_TrackAGoal'|translate|e('html_attr') }}"
              value="">
         </div>
 
@@ -314,7 +314,7 @@
                          ng-change="imageTrackingCode.updateTrackingCode()"
                          data-disabled="imageTrackingCode.isLoading"
                          full-width="true"
-                         title="{{ 'CoreAdminHome_WithOptionalRevenue'|translate|e('html_attr') }} <span class='site-currency'></span>"
+                         data-title="{{ 'CoreAdminHome_WithOptionalRevenue'|translate|e('html_attr') }} <span class='site-currency'></span>"
                          value="">
                     </div>
                 </div>
diff --git a/plugins/CoreHome/angularjs/field-array/field-array.directive.html b/plugins/CoreHome/angularjs/field-array/field-array.directive.html
index 7f5948b231..453fc3f07e 100644
--- a/plugins/CoreHome/angularjs/field-array/field-array.directive.html
+++ b/plugins/CoreHome/angularjs/field-array/field-array.directive.html
@@ -3,7 +3,7 @@
          class="fieldArrayTable fieldArrayTable{{ $index }} multiple valign-wrapper">
 
         <div piwik-field uicontrol="{{ field.uiControl }}"
-             title="{{ field.title }}"
+             data-title="{{ field.title }}"
              full-width="true"
              ng-if="field.templateFile"
              template-file="{{ field.templateFile }}"
diff --git a/plugins/CoreHome/angularjs/multipairfield/multipairfield.directive.html b/plugins/CoreHome/angularjs/multipairfield/multipairfield.directive.html
index 54168f11f5..0510830f92 100644
--- a/plugins/CoreHome/angularjs/multipairfield/multipairfield.directive.html
+++ b/plugins/CoreHome/angularjs/multipairfield/multipairfield.directive.html
@@ -3,7 +3,7 @@
          class="multiPairFieldTable multiPairFieldTable{{ index }} multiple valign-wrapper">
 
         <div piwik-field uicontrol="{{ field1.uiControl }}"
-             title="{{ field1.title }}"
+             data-title="{{ field1.title }}"
              full-width="true"
              ng-if="field1.templateFile"
              template-file="{{ field1.templateFile }}"
@@ -16,7 +16,7 @@
         </div>
 
         <div piwik-field uicontrol="{{ field2.uiControl }}"
-             title="{{ field2.title }}"
+             data-title="{{ field2.title }}"
              full-width="true"
              ng-if="field2.templateFile"
              class="fieldUiControl2"
diff --git a/plugins/CoreHome/angularjs/report-export/reportexport.popover.html b/plugins/CoreHome/angularjs/report-export/reportexport.popover.html
index 22bc7380c1..b435b6986e 100644
--- a/plugins/CoreHome/angularjs/report-export/reportexport.popover.html
+++ b/plugins/CoreHome/angularjs/report-export/reportexport.popover.html
@@ -2,7 +2,7 @@
 
     <div class="col l6">
         <div piwik-field uicontrol="radio" name="format"
-             title="{{ 'CoreHome_ExportFormat'|translate }}"
+             data-title="{{ 'CoreHome_ExportFormat'|translate }}"
              ng-model="$parent.reportFormat"
              full-width="true"
              value="XML"
@@ -10,16 +10,16 @@
         </div>
 
         <div piwik-field uicontrol="checkbox" name="option_flat"
-             title="{{ 'CoreHome_FlattenReport'|translate }}"
+             data-title="{{ 'CoreHome_FlattenReport'|translate }}"
              ng-model="$parent.optionFlat" ng-show="$parent.hasSubtables">
         </div>
         <div piwik-field uicontrol="checkbox" name="option_expanded"
-             title="{{ 'CoreHome_ExpandSubtables'|translate }}"
+             data-title="{{ 'CoreHome_ExpandSubtables'|translate }}"
              ng-model="$parent.optionExpanded" ng-show="$parent.hasSubtables && !$parent.optionFlat"
         >
         </div>
         <div piwik-field uicontrol="checkbox" name="option_format_metrics"
-             title="{{ 'CoreHome_FormatMetrics'|translate }}"
+             data-title="{{ 'CoreHome_FormatMetrics'|translate }}"
              ng-model="$parent.optionFormatMetrics"
         >
         </div>
@@ -27,7 +27,7 @@
 
     <div class="col l6">
         <div piwik-field uicontrol="radio" name="filter_type"
-             title="{{ 'CoreHome_ReportType'|translate }}"
+             data-title="{{ 'CoreHome_ReportType'|translate }}"
              ng-model="$parent.reportType"
              full-width="true"
              options="availableReportTypes">
@@ -35,7 +35,7 @@
 
         <div class="filter_limit">
             <div piwik-field uicontrol="radio" name="filter_limit_all"
-                 title="{{ 'CoreHome_RowLimit'|translate }}"
+                 data-title="{{ 'CoreHome_RowLimit'|translate }}"
                  ng-model="$parent.reportLimitAll"
                  full-width="false"
                  options="limitAllOptions">
diff --git a/plugins/Goals/templates/_formAddGoal.twig b/plugins/Goals/templates/_formAddGoal.twig
index 0d6e2b93f3..19bad93bf3 100644
--- a/plugins/Goals/templates/_formAddGoal.twig
+++ b/plugins/Goals/templates/_formAddGoal.twig
@@ -11,13 +11,13 @@
         <div piwik-field uicontrol="text" name="goal_name"
              ng-model="manageGoals.goal.name"
              maxlength="50"
-             title="{{ 'Goals_GoalName'|translate|e('html_attr') }}">
+             data-title="{{ 'Goals_GoalName'|translate|e('html_attr') }}">
         </div>
 
         <div piwik-field uicontrol="text" name="goal_description"
              ng-model="manageGoals.goal.description"
              maxlength="255"
-             title="{{ 'General_Description'|translate|e('html_attr') }}">
+             data-title="{{ 'General_Description'|translate|e('html_attr') }}">
         </div>
 
         <div class="row goalIsTriggeredWhen">
@@ -88,7 +88,7 @@
                 <div piwik-field uicontrol="text" name="pattern"
                      ng-model="manageGoals.goal.pattern"
                      maxlength="255"
-                     title="{{ 'Goals_Pattern'|translate|e('html_attr') }}"
+                     data-title="{{ 'Goals_Pattern'|translate|e('html_attr') }}"
                      full-width="true">
                 </div>
             </div>
@@ -124,7 +124,7 @@
         <div piwik-field uicontrol="checkbox" name="case_sensitive"
              ng-model="manageGoals.goal.caseSensitive"
              ng-show="manageGoals.goal.triggerType != 'manually'"
-             title="{{ 'Goals_CaseSensitive'|translate|e('html_attr') }} {{ 'Goals_Optional'|translate|e('html_attr') }}">
+             data-title="{{ 'Goals_CaseSensitive'|translate|e('html_attr') }} {{ 'Goals_Optional'|translate|e('html_attr') }}">
         </div>
 
         <div piwik-field uicontrol="radio" name="allow_multiple"
@@ -144,7 +144,7 @@
 
         <div piwik-field uicontrol="checkbox" name="use_event_value"
              ng-model="manageGoals.goal.useEventValueAsRevenue"
-             title="{{ 'Goals_UseEventValueAsRevenue'|translate|e('html_attr') }}"
+             data-title="{{ 'Goals_UseEventValueAsRevenue'|translate|e('html_attr') }}"
              ng-show="manageGoals.goal.matchAttribute == 'event'"
              inline-help="{{ 'Goals_EventValueAsRevenueHelp'|translate|e('html_attr') }} &lt;br/&gt;&lt;br/&gt; {{ 'Goals_EventValueAsRevenueHelp2'|translate|e('html_attr') }}"
         >
diff --git a/plugins/Marketplace/templates/overview.twig b/plugins/Marketplace/templates/overview.twig
index a8a0a2031b..55091e9e96 100644
--- a/plugins/Marketplace/templates/overview.twig
+++ b/plugins/Marketplace/templates/overview.twig
@@ -35,14 +35,14 @@
                      class="col s12 m6 l4"
                      ng-model="marketplace.pluginType"
                      ng-change="marketplace.changePluginType()"
-                     title="{{ 'Show'|translate|e('html_attr') }}"
+                     data-title="{{ 'Show'|translate|e('html_attr') }}"
                      value="{{ pluginType }}"
                      full-width="true"
                      options="{{ pluginTypeOptions|json_encode }}">
                 </div>
 
                 <div piwik-field uicontrol="select" name="plugin_sort"
-                     title="{{ 'Sort'|translate|e('html_attr') }}"
+                     data-title="{{ 'Sort'|translate|e('html_attr') }}"
                      value="{{ sort }}"
                      ng-model="marketplace.pluginSort"
                      ng-change="marketplace.changePluginSort()"
@@ -56,7 +56,7 @@
                     <div class="col s12 m12 l4 ">
                         <form action="{{ linkTo({'sort': ''}) }}" method="post" class="plugin-search">
                             <div piwik-field uicontrol="text" name="query"
-                                 title="{{ 'General_Search'|translate }} {{ numAvailablePlugins }} {{ 'General_Plugins'|translate|lcfirst }}..."
+                                 data-title="{{ 'General_Search'|translate }} {{ numAvailablePlugins }} {{ 'General_Plugins'|translate|lcfirst }}..."
                                  value="{{ query }}"
                                  full-width="true">
                             </div>
diff --git a/plugins/MobileMessaging/templates/credentials.twig b/plugins/MobileMessaging/templates/credentials.twig
index bb089e46ca..f03a91c5b5 100644
--- a/plugins/MobileMessaging/templates/credentials.twig
+++ b/plugins/MobileMessaging/templates/credentials.twig
@@ -1,7 +1,7 @@
 {% for field in credentialfields %}
     <div piwik-field uicontrol="{{ field.type }}" name="{{ field.name }}"
          ng-model="credentials.{{ field.name }}"
-         title="{{ field.title|translate|e('html_attr') }}"
+         data-title="{{ field.title|translate|e('html_attr') }}"
          value="">
     </div>
 {% endfor %}
\ No newline at end of file
diff --git a/plugins/MobileMessaging/templates/index.twig b/plugins/MobileMessaging/templates/index.twig
index 0eadeee0a2..35025235a4 100644
--- a/plugins/MobileMessaging/templates/index.twig
+++ b/plugins/MobileMessaging/templates/index.twig
@@ -13,7 +13,7 @@
                  options="{{ delegateManagementOptions|json_encode }}"
                  full-width="true"
                  ng-model="delegateManagement.enabled"
-                 title="{{ 'MobileMessaging_Settings_LetUsersManageAPICredential'|translate|e('html_attr') }}"
+                 data-title="{{ 'MobileMessaging_Settings_LetUsersManageAPICredential'|translate|e('html_attr') }}"
                  value="{% if delegatedManagement %}1{% else %}0{% endif %}">
             </div>
             <div piwik-save-button onconfirm="delegateManagement.save()" saving="delegateManagement.isLoading"></div>
@@ -60,7 +60,7 @@
                              value="{{ defaultCallingCode }}"
                              ng-model="managePhoneNumber.countryCallingCode"
                              full-width="true"
-                             title="{{ 'MobileMessaging_Settings_SelectCountry'|translate|e('html_attr') }}"
+                             data-title="{{ 'MobileMessaging_Settings_SelectCountry'|translate|e('html_attr') }}"
                              options='{{ countries|json_encode }}'>
                         </div>
                     </div>
@@ -78,7 +78,7 @@
                                  full-width="true"
                                  ng-model="managePhoneNumber.countryCallingCode"
                                  maxlength="4"
-                                 title="{{ 'MobileMessaging_Settings_CountryCode'|translate }}">
+                                 data-title="{{ 'MobileMessaging_Settings_CountryCode'|translate }}">
                             </div>
                         </div>
                         <div class="phoneNumber left">
@@ -87,7 +87,7 @@
                                  ng-change="managePhoneNumber.validateNewPhoneNumberFormat()"
                                  full-width="true"
                                  maxlength="80"
-                                 title="{{ 'MobileMessaging_Settings_PhoneNumber'|translate }}">
+                                 data-title="{{ 'MobileMessaging_Settings_PhoneNumber'|translate }}">
                             </div>
                         </div>
                         <div class="addNumber left valign-wrapper">
diff --git a/plugins/MobileMessaging/templates/macros.twig b/plugins/MobileMessaging/templates/macros.twig
index 6bb5a49d5e..4d40ba46b7 100644
--- a/plugins/MobileMessaging/templates/macros.twig
+++ b/plugins/MobileMessaging/templates/macros.twig
@@ -26,7 +26,7 @@
              options="{{ smsProviderOptions|json_encode }}"
              ng-model="manageProvider.smsProvider"
              ng-change="manageProvider.isUpdateAccountPossible()"
-             title="{{ 'MobileMessaging_Settings_SMSProvider'|translate|e('html_attr') }}"
+             data-title="{{ 'MobileMessaging_Settings_SMSProvider'|translate|e('html_attr') }}"
              value="{{ provider }}">
         </div>
 
@@ -75,7 +75,7 @@
          {% if withIntroduction %}
              introduction="{{ 'ScheduledReports_SendReportTo'|translate|e('html_attr') }}"
          {% endif %}
-         title="{{ 'MobileMessaging_PhoneNumbers'|translate|e('html_attr') }}"
+         data-title="{{ 'MobileMessaging_PhoneNumbers'|translate|e('html_attr') }}"
          {% if phoneNumbers|length == 0 %}disabled="true"{% endif %}
          options="{{ phoneNumbers|json_encode }}"
          inline-help="#mobilePhoneNumbersHelp"
diff --git a/plugins/Morpheus/templates/demo.twig b/plugins/Morpheus/templates/demo.twig
index cafd56ae01..50be27cbfc 100644
--- a/plugins/Morpheus/templates/demo.twig
+++ b/plugins/Morpheus/templates/demo.twig
@@ -274,31 +274,31 @@
 
 {% set inputElements%}
 <div piwik-field uicontrol="text" name="username"
-     title="Username"
+     data-title="Username"
      introduction="This is an introduction. It can be used to group form fields"
      placeholder="Some text here">
 </div>
 
 <div piwik-field uicontrol="email" name="email"
-     title="Email"
+     data-title="Email"
      inline-help="This is the inline help which provides more information.">
 </div>
 
 <div piwik-field uicontrol="text" name="textWithoutPlaceholder"
-     title="This field has a title but no place holder">
+     data-title="This field has a title but no place holder">
 </div>
 
 <div piwik-field uicontrol="text" name="textWithoutTitle"
-     title="This field has a place holder but no title">
+     data-title="This field has a place holder but no title">
 </div>
 
 <div piwik-field uicontrol="text" name="textWithValue"
      value="My value"
-     title="This field has already a value set">
+     data-title="This field has already a value set">
 </div>
 
 <div piwik-field uicontrol="password" name="password"
-     title="Password"
+     data-title="Password"
      placeholder="Enter your password here">
 </div>
 
@@ -306,41 +306,41 @@
     It is possible to use all kind of HTML in the help text, including <a href="javascript:;">links</a>.
 </div>
 <div piwik-field uicontrol="text" name="alias"
-     title="Disabeld text field"
+     data-title="Disabeld text field"
      data-disabled="true"
      placeholder="This value cannot be changed"
      inline-help="#complexHelpText">
 </div>
 
 <div piwik-field uicontrol="text" name="fullWidthText"
-     title="Form fields can be made full witdth"
+     data-title="Form fields can be made full witdth"
      full-width="true"
      placeholder="Some text here...">
 </div>
 
-<div piwik-field uicontrol="url" name="urlText" title="URL" inline-help="URL field">
+<div piwik-field uicontrol="url" name="urlText" data-title="URL" inline-help="URL field">
 </div>
 
 <div piwik-field uicontrol="textarea" name="description"
-     title="Description"
+     data-title="Description"
      inline-help="This is a textarea. It automatically gets larger the more text is entered.">
 </div>
 
 <div piwik-field uicontrol="select" name="language"
-     title="Language"
+     data-title="Language"
      introduction="Select fields"
      value="1"
      inline-help="Single select"
      options='{1: "English",2:"Spanish"}'>
 </div>
 <div piwik-field uicontrol="multiselect" name="phonenumbers"
-     title="Phone numbers"
+     data-title="Phone numbers"
      value="1"
      inline-help="Multi select"
      options='{1: "0123456789",2:"9876543210",3:"5432109876"}'>
 </div>
 <div piwik-field uicontrol="expandable-select" name="selectexpand"
-     title="{{ "{{ view.selectedExpand ? view.selectedExpand : 'Select word' }}"|raw }}"
+     data-title="{{ "{{ view.selectedExpand ? view.selectedExpand : 'Select word' }}"|raw }}"
      value="Select value"
      inline-help="Expandable select"
      ng-model="view.selectedExpand"
@@ -348,74 +348,74 @@
 </div>
 
 <div piwik-field uicontrol="multituple" name="multitupletext"
-     title="Multiple values"
+     data-title="Multiple values"
      value="[]"
      inline-help="Multi Tuple text and text"
      ui-control-attributes='{"field1":{"key":"index","title":"Index","uiControl":"text","availableValues":null},"field2":{"key":"value","title":"Value","uiControl":"text","availableValues":null}}'>
 </div>
 
 <div piwik-field uicontrol="multituple" name="multitupletextvalue"
-     title="Multiple values with values"
+     data-title="Multiple values with values"
      value='[{"index": "test", "value":"myfoo"},{"index": "test 2", "value":"myfoo 2"}]'
      inline-help="Multi Tuple again."
      ui-control-attributes='{"field1":{"key":"index","title":"Index","uiControl":"text","availableValues":null},"field2":{"key":"value","title":"Value","uiControl":"text","availableValues":null}}'>
 </div>
 
 <div piwik-field uicontrol="multituple" name="multitupleselect"
-     title="Multiple values with select"
+     data-title="Multiple values with select"
      value='[{"index": "test", "value": "myfoo"}]'
      inline-help="Multi Tuple select and text"
      ui-control-attributes='{"field1":{"key":"index","title":"Index","uiControl":"select","availableValues":{"test":"test"}},"field2":{"key":"value","title":"Value","uiControl":"text","availableValues":null}}'>
 </div>
 
 <div piwik-field uicontrol="multituple" name="multituplesingleselect"
-     title="Multi One Select"
+     data-title="Multi One Select"
      value='[{"index": "test", "value": "myfoo"}]'
      inline-help="Multi values with one select"
      ui-control-attributes='{"field1":{"key":"index","title":"Index","uiControl":"select","availableValues":{"test":"test"}}}'>
 </div>
 
 <div piwik-field uicontrol="multituple" name="multituplesingletext"
-     title="Multi One Text"
+     data-title="Multi One Text"
      value='[{"index": "test", "value": "myfoo"}]'
      inline-help="Multi values with one text"
      ui-control-attributes='{"field1":{"key":"index","title":"Index","uiControl":"text","availableValues":null}}'>
 </div>
 
 <div piwik-field uicontrol="field-array" name="text-field-array"
-     title="Text field array"
+     data-title="Text field array"
      value='["text one", "text two"]'
      inline-help="Multiple text inputs"
      ui-control-attributes='{"field":{"title":"Index","uiControl":"text"}}'>
 </div>
 
 <div piwik-field uicontrol="field-array" name="select-field-array"
-     title="Select field array"
+     data-title="Select field array"
      value='["one", "two"]'
      inline-help="Multiple selects"
      ui-control-attributes='{"field":{"title":"Index","uiControl":"select","availableValues":{"one":"text onw", "two":"text two", "three":"text three"}}}'>
 </div>
 
 <div piwik-field uicontrol="checkbox" name="enableFeature"
-     title="Enable feature"
+     data-title="Enable feature"
      introduction="Radio and checkboxes"
      inline-help="This is a single checkbox">
 </div>
 <div piwik-field uicontrol="checkbox" name="enableFeature"
-     title="Enable feature"
+     data-title="Enable feature"
      var-type="array"
      options='{today: "Today", yesterday: "Yesterday",week: "Previous 30 days (not including today)"}'
      inline-help="This field shows multiple checkboxes as we declare we want to get an array of values.">
 </div>
 <div piwik-field uicontrol="radio" name="defaultReportDate"
-     title="Report to load by default"
+     data-title="Report to load by default"
      options='{today: "Today", yesterday: "Yesterday",week: "Previous 30 days (not including today)"}'
      inline-help="This is a help text that can be used to describe the field. This help text may extend over several lines.">
 </div>
 
 <div piwik-field uicontrol="site" name="currentsite"
      introduction="Matomo specific form fields"
-     title="Select a website">
+     data-title="Select a website">
 </div>
 <div piwik-save-button></div>
 <div piwik-save-button
diff --git a/plugins/PrivacyManager/angularjs/anonymize-log-data/anonymize-log-data.directive.html b/plugins/PrivacyManager/angularjs/anonymize-log-data/anonymize-log-data.directive.html
index 7526609549..37062f5d23 100644
--- a/plugins/PrivacyManager/angularjs/anonymize-log-data/anonymize-log-data.directive.html
+++ b/plugins/PrivacyManager/angularjs/anonymize-log-data/anonymize-log-data.directive.html
@@ -35,20 +35,20 @@
     </div>
 
     <div piwik-field uicontrol="checkbox" name="anonymizeIp"
-         title="Anonymize IP"
+         data-title="Anonymize IP"
          ng-model="anonymizeLogData.anonymizeIp"
          introduction="Visit"
          inline-help="This action cannot be undone. If enabled, for all visits during this duration the IP will be anonymized by at least 2 bytes, for example '192.168.xxx.xxx'. If you have currently configured to anonymize by 3 bytes, then this setting will be respected and all IPs will be anonymized by 3 bytes.">
     </div>
 
     <div piwik-field uicontrol="checkbox" name="anonymizeLocation"
-         title="Anonymize Location"
+         data-title="Anonymize Location"
          ng-model="anonymizeLogData.anonymizeLocation"
          inline-help="This action cannot be undone. Re-evaluates the location based on the anonymized IP (at least 2 bytes of the IP will be anonymized).">
     </div>
 
     <div piwik-field uicontrol="checkbox" name="anonymizeTheUserId"
-         title="Replace User ID with a pseudonym"
+         data-title="Replace User ID with a pseudonym"
          ng-model="anonymizeLogData.anonymizeUserId"
          inline-help="When you enable this option, the User ID will be replaced by a pseudonym to avoid directly storing and displaying personally identifiable information such as an email address. In technical terms: given your User ID, Matomo will process the User ID pseudonym using a salted hash function.<br/><br/><em>Note: replacing with a pseudonym is not the same as anonymisation. In GDPR terms: the User ID pseudonym still counts as personal data. The original User ID could still be identified if certain additional information is available (which only Matomo and your data processor has access to).</em>">
     </div>
diff --git a/plugins/PrivacyManager/templates/privacySettings.twig b/plugins/PrivacyManager/templates/privacySettings.twig
index 829bb46d6f..abeecc782e 100644
--- a/plugins/PrivacyManager/templates/privacySettings.twig
+++ b/plugins/PrivacyManager/templates/privacySettings.twig
@@ -19,7 +19,7 @@
 
         <div piwik-field uicontrol="checkbox" name="anonymizeIpSettings"
              ng-model="anonymizeIp.enabled"
-             title="{{ 'PrivacyManager_UseAnonymizeIp'|translate|e('html_attr') }}"
+             data-title="{{ 'PrivacyManager_UseAnonymizeIp'|translate|e('html_attr') }}"
              value="{{ anonymizeIP.enabled }}"
              inline-help="{{ 'PrivacyManager_AnonymizeIpInlineHelp'|translate|e('html_attr') }} {{ 'PrivacyManager_AnonymizeIpDescription'|translate|e('html_attr') }}">
         </div>
@@ -27,7 +27,7 @@
         <div ng-show="anonymizeIp.enabled">
             <div piwik-field uicontrol="radio" name="maskLength"
                  ng-model="anonymizeIp.maskLength"
-                 title="{{ 'PrivacyManager_AnonymizeIpMaskLengtDescription'|translate|e('html_attr') }}"
+                 data-title="{{ 'PrivacyManager_AnonymizeIpMaskLengtDescription'|translate|e('html_attr') }}"
                  value="{{ anonymizeIP.maskLength }}"
                  options="{{ maskLengthOptions|json_encode }}"
                  inline-help="{{ 'PrivacyManager_GeolocationAnonymizeIpNote'|translate|e('html_attr') }}">
@@ -35,7 +35,7 @@
 
             <div piwik-field uicontrol="radio" name="useAnonymizedIpForVisitEnrichment"
                  ng-model="anonymizeIp.useAnonymizedIpForVisitEnrichment"
-                 title="{{ 'PrivacyManager_UseAnonymizedIpForVisitEnrichment'|translate|e('html_attr') }}"
+                 data-title="{{ 'PrivacyManager_UseAnonymizedIpForVisitEnrichment'|translate|e('html_attr') }}"
                  value="{% if anonymizeIP.useAnonymizedIpForVisitEnrichment %}1{% else %}0{% endif %}"
                  options="{{ useAnonymizedIpForVisitEnrichmentOptions|json_encode }}"
                  inline-help="{{ 'PrivacyManager_UseAnonymizedIpForVisitEnrichmentNote'|translate|e('html_attr') }}">
@@ -44,14 +44,14 @@
 
         <div piwik-field uicontrol="checkbox" name="anonymizeUserId"
              ng-model="anonymizeIp.anonymizeUserId"
-             title="{{ 'PrivacyManager_PseudonymizeUserId'|translate|e('html_attr') }}"
+             data-title="{{ 'PrivacyManager_PseudonymizeUserId'|translate|e('html_attr') }}"
              value="{{ anonymizeIP.anonymizeUserId }}"
              inline-help="{{ 'PrivacyManager_PseudonymizeUserIdNote'|translate|e('html_attr') }}<br/><br/><em>{{ 'PrivacyManager_PseudonymizeUserIdNote2'|translate|e('html_attr') }}</em>">
         </div>
 
         <div piwik-field uicontrol="checkbox" name="anonymizeOrderId"
              ng-model="anonymizeIp.anonymizeOrderId"
-             title="{{ 'PrivacyManager_UseAnonymizeOrderId'|translate|e('html_attr') }}"
+             data-title="{{ 'PrivacyManager_UseAnonymizeOrderId'|translate|e('html_attr') }}"
              value="{{ anonymizeIP.anonymizeOrderId }}"
              inline-help="{{ 'PrivacyManager_AnonymizeOrderIdNote'|translate|e('html_attr') }}">
         </div>
@@ -92,7 +92,7 @@
                 <div piwik-field uicontrol="checkbox" name="deleteEnable"
                      ng-model="deleteOldLogs.enabled"
                      ng-change="deleteOldLogs.reloadDbStats()"
-                     title="{{ 'PrivacyManager_UseDeleteLog'|translate|e('html_attr') }}"
+                     data-title="{{ 'PrivacyManager_UseDeleteLog'|translate|e('html_attr') }}"
                      value="{{ deleteData.config.delete_logs_enable }}"
                      inline-help="{{ 'PrivacyManager_DeleteRawDataInfo'|translate|e('html_attr') }}">
                 </div>
@@ -108,7 +108,7 @@
                 <div piwik-field uicontrol="text" name="deleteOlderThan"
                      ng-model="deleteOldLogs.deleteOlderThan"
                      ng-change="deleteOldLogs.reloadDbStats()"
-                     title="{{ 'PrivacyManager_DeleteLogsOlderThan'|translate|e('html_attr') }} ({{ 'Intl_PeriodDays'|translate }})"
+                     data-title="{{ 'PrivacyManager_DeleteLogsOlderThan'|translate|e('html_attr') }} ({{ 'Intl_PeriodDays'|translate }})"
                      value="{{ deleteData.config.delete_logs_older_than }}"
                      inline-help="{{ 'PrivacyManager_LeastDaysInput'|translate("1")|e('html_attr') }}">
                 </div>
@@ -130,7 +130,7 @@
                 <div piwik-field uicontrol="checkbox" name="deleteReportsEnable"
                      ng-model="deleteReports.enabled"
                      ng-change="deleteReports.reloadDbStats()"
-                     title="{{ 'PrivacyManager_UseDeleteReports'|translate|e('html_attr') }}"
+                     data-title="{{ 'PrivacyManager_UseDeleteReports'|translate|e('html_attr') }}"
                      value="{{ deleteData.config.delete_reports_enable }}"
                      inline-help="{{ 'PrivacyManager_DeleteAggregateReportsDetailedInfo'|translate|e('html_attr') }}">
                 </div>
@@ -150,7 +150,7 @@
                 <div piwik-field uicontrol="text" name="deleteReportsOlderThan"
                      ng-model="deleteReports.deleteOlderThan"
                      ng-change="deleteReports.reloadDbStats()"
-                     title="{{ 'PrivacyManager_DeleteReportsOlderThan'|translate|e('html_attr') }} ({{ 'Intl_PeriodMonths'|translate }})"
+                     data-title="{{ 'PrivacyManager_DeleteReportsOlderThan'|translate|e('html_attr') }} ({{ 'Intl_PeriodMonths'|translate }})"
                      value="{{ deleteData.config.delete_reports_older_than }}"
                      inline-help="{{ 'PrivacyManager_LeastMonthsInput'|translate("1")|e('html_attr') }}">
                 </div>
@@ -158,7 +158,7 @@
                 <div piwik-field uicontrol="checkbox" name="deleteReportsKeepBasic"
                      ng-model="deleteReports.keepBasic"
                      ng-change="deleteReports.reloadDbStats()"
-                     title="{{ 'PrivacyManager_KeepBasicMetrics'|translate|e('html_attr') }} ({{ 'General_Recommended'|translate|e('html_attr') }})"
+                     data-title="{{ 'PrivacyManager_KeepBasicMetrics'|translate|e('html_attr') }} ({{ 'General_Recommended'|translate|e('html_attr') }})"
                      value="{{ deleteData.config.delete_reports_keep_basic_metrics }}"
                      inline-help="{{ 'PrivacyManager_KeepBasicMetricsReportsDetailedInfo'|translate|e('html_attr') }}">
                 </div>
@@ -171,31 +171,31 @@
                     <div piwik-field uicontrol="checkbox" name="deleteReportsKeepDay"
                          ng-model="deleteReports.keepDataForDay"
                          ng-change="deleteReports.reloadDbStats()"
-                         title="{{ 'General_DailyReports'|translate|e('html_attr') }}"
+                         data-title="{{ 'General_DailyReports'|translate|e('html_attr') }}"
                          value="{{ deleteData.config.delete_reports_keep_day_reports }}">
                     </div>
                     <div piwik-field uicontrol="checkbox" name="deleteReportsKeepWeek"
                          ng-model="deleteReports.keepDataForWeek"
                          ng-change="deleteReports.reloadDbStats()"
-                         title="{{ 'General_WeeklyReports'|translate|e('html_attr') }}"
+                         data-title="{{ 'General_WeeklyReports'|translate|e('html_attr') }}"
                          value="{{ deleteData.config.delete_reports_keep_week_reports }}">
                     </div>
                     <div piwik-field uicontrol="checkbox" name="deleteReportsKeepMonth"
                          ng-model="deleteReports.keepDataForMonth"
                          ng-change="deleteReports.reloadDbStats()"
-                         title="{{ 'General_MonthlyReports'|translate|e('html_attr') }} ({{ 'General_Recommended'|translate|e('html_attr') }})"
+                         data-title="{{ 'General_MonthlyReports'|translate|e('html_attr') }} ({{ 'General_Recommended'|translate|e('html_attr') }})"
                          value="{{ deleteData.config.delete_reports_keep_month_reports }}">
                     </div>
                     <div piwik-field uicontrol="checkbox" name="deleteReportsKeepYear"
                          ng-model="deleteReports.keepDataForYear"
                          ng-change="deleteReports.reloadDbStats()"
-                         title="{{ 'General_YearlyReports'|translate|e('html_attr') }} ({{ 'General_Recommended'|translate|e('html_attr') }})"
+                         data-title="{{ 'General_YearlyReports'|translate|e('html_attr') }} ({{ 'General_Recommended'|translate|e('html_attr') }})"
                          value="{{ deleteData.config.delete_reports_keep_year_reports }}">
                     </div>
                     <div piwik-field uicontrol="checkbox" name="deleteReportsKeepRange"
                          ng-model="deleteReports.keepDataForRange"
                          ng-change="deleteReports.reloadDbStats()"
-                         title="{{ 'General_RangeReports'|translate|e('html_attr') }}"
+                         data-title="{{ 'General_RangeReports'|translate|e('html_attr') }}"
                          value="{{ deleteData.config.delete_reports_keep_range_reports }}">
                     </div>
                     <div piwik-field uicontrol="checkbox" name="deleteReportsKeepSegments"
@@ -245,7 +245,7 @@
                 <div piwik-field uicontrol="select" name="deleteLowestInterval"
                      ng-model="reportDeletionSchedule.deleteLowestInterval"
                      options="{{ scheduleDeletionOptions|json_encode }}"
-                     title="{{ 'PrivacyManager_DeleteDataInterval'|translate|e('html_attr') }}"
+                     data-title="{{ 'PrivacyManager_DeleteDataInterval'|translate|e('html_attr') }}"
                      value="{{ deleteData.config.delete_logs_schedule_lowest_interval }}"
                      inline-help="#deleteSchedulingSettingsInlineHelp">
                 </div>
diff --git a/plugins/Referrers/angularjs/campaign-builder/campaign-builder.directive.html b/plugins/Referrers/angularjs/campaign-builder/campaign-builder.directive.html
index 65e1608392..dbc68e07e3 100644
--- a/plugins/Referrers/angularjs/campaign-builder/campaign-builder.directive.html
+++ b/plugins/Referrers/angularjs/campaign-builder/campaign-builder.directive.html
@@ -2,39 +2,39 @@
 
     <form>
         <div piwik-field uicontrol="text" name="websiteurl"
-             title="{{'Actions_ColumnPageURL'|translate}} ({{ 'General_Required2'|translate }})"
+             data-title="{{'Actions_ColumnPageURL'|translate}} ({{ 'General_Required2'|translate }})"
              ng-model="campaignBuilder.websiteUrl"
              inline-help="{{'Referrers_CampaignPageUrlHelp'|translate}}">
         </div>
 
         <div piwik-field uicontrol="text" name="campaignname"
-             title="{{ 'CoreAdminHome_JSTracking_CampaignNameParam'|translate }} ({{ 'General_Required2'|translate }})"
+             data-title="{{ 'CoreAdminHome_JSTracking_CampaignNameParam'|translate }} ({{ 'General_Required2'|translate }})"
              ng-model="campaignBuilder.campaignName"
              inline-help="{{'Referrers_CampaignNameHelp'|translate}}">
         </div>
 
         <div piwik-field uicontrol="text" name="campaignkeyword"
-             title="{{ 'CoreAdminHome_JSTracking_CampaignKwdParam'|translate }}"
+             data-title="{{ 'CoreAdminHome_JSTracking_CampaignKwdParam'|translate }}"
              ng-model="campaignBuilder.campaignKeyword"
              inline-help="{{'Goals_Optional'|translate}} {{'Referrers_CampaignKeywordHelp'|translate}}">
         </div>
 
         <div piwik-field uicontrol="text" name="campaignsource"
-             title="{{ 'Referrers_CampaignSource'|translate }}"
+             data-title="{{ 'Referrers_CampaignSource'|translate }}"
              ng-model="campaignBuilder.campaignSource"
              ng-show="campaignBuilder.hasExtraPlugin"
              inline-help="{{'Goals_Optional'|translate}} {{'Referrers_CampaignSourceHelp'|translate}}">
         </div>
 
         <div piwik-field uicontrol="text" name="campaignmedium"
-             title="{{ 'Referrers_CampaignMedium'|translate }}"
+             data-title="{{ 'Referrers_CampaignMedium'|translate }}"
              ng-model="campaignBuilder.campaignMedium"
              ng-show="campaignBuilder.hasExtraPlugin"
              inline-help="{{'Goals_Optional'|translate}} {{'Referrers_CampaignMediumHelp'|translate}}">
         </div>
 
         <div piwik-field uicontrol="text" name="campaigncontent"
-             title="{{ 'Referrers_CampaignContent'|translate }}"
+             data-title="{{ 'Referrers_CampaignContent'|translate }}"
              ng-model="campaignBuilder.campaignContent"
              ng-show="campaignBuilder.hasExtraPlugin"
              inline-help="{{'Goals_Optional'|translate}} {{'Referrers_CampaignContentHelp'|translate}}">
diff --git a/plugins/ScheduledReports/templates/_addReport.twig b/plugins/ScheduledReports/templates/_addReport.twig
index 30a63bb40d..3d5bc509c5 100644
--- a/plugins/ScheduledReports/templates/_addReport.twig
+++ b/plugins/ScheduledReports/templates/_addReport.twig
@@ -6,13 +6,13 @@
     <form id='addEditReport' piwik-form ng-submit="manageScheduledReport.submitReport()">
 
         <div piwik-field uicontrol="text" name="website"
-             title="{{ 'General_Website'|translate|e('html_attr') }}"
+             data-title="{{ 'General_Website'|translate|e('html_attr') }}"
              data-disabled="true"
              value="{{ siteName|rawSafeDecoded }}">
         </div>
 
         <div piwik-field uicontrol="textarea" name="report_description"
-             title="{{ 'General_Description'|translate|e('html_attr') }}"
+             data-title="{{ 'General_Description'|translate|e('html_attr') }}"
              ng-model="manageScheduledReport.report.description"
              inline-help="{{ 'ScheduledReports_DescriptionOnFirstPage'|translate|e('html_attr') }}">
         </div>
@@ -27,7 +27,7 @@
             <div piwik-field uicontrol="select" name="report_segment"
                  ng-model="manageScheduledReport.report.idsegment"
                  options="{{ savedSegmentsById|json_encode }}"
-                 title="{{ 'SegmentEditor_ChooseASegment'|translate|e('html_attr') }}"
+                 data-title="{{ 'SegmentEditor_ChooseASegment'|translate|e('html_attr') }}"
                  inline-help="#reportSegmentInlineHelp">
             </div>
         {% endif %}
@@ -41,7 +41,7 @@
         <div piwik-field uicontrol="select" name="report_period"
              options="{{ periods|json_encode }}"
              ng-model="manageScheduledReport.report.period"
-             title="{{ 'ScheduledReports_EmailSchedule'|translate|e('html_attr') }}"
+             data-title="{{ 'ScheduledReports_EmailSchedule'|translate|e('html_attr') }}"
              inline-help="#emailScheduleInlineHelp">
         </div>
 
@@ -50,7 +50,7 @@
              ng-change="manageScheduledReport.updateReportHourUtc()"
              ng-model="manageScheduledReport.report.hour"
              {% if timezoneOffset != 0 %}inline-help="#reportHourHelpText"{% endif %}
-             title="{{ 'ScheduledReports_ReportHour'|translate('X')|e('html_attr') }}">
+             data-title="{{ 'ScheduledReports_ReportHour'|translate('X')|e('html_attr') }}">
         </div>
 
         {% if timezoneOffset != 0 %}
@@ -64,7 +64,7 @@
              ng-model="manageScheduledReport.report.type"
              ng-change="manageScheduledReport.changedReportType()"
              {% if reportTypes|length == 1 %}disabled="true"{% endif %}
-             title="{{ 'ScheduledReports_ReportType'|translate|e('html_attr') }}">
+             data-title="{{ 'ScheduledReports_ReportType'|translate|e('html_attr') }}">
         </div>
 
         {% for reportType, reportFormats in reportFormatsByReportTypeOptions %}
@@ -73,7 +73,7 @@
                  ng-model="manageScheduledReport.report.format{{ reportType }}"
                  ng-show="manageScheduledReport.report.type == '{{ reportType }}'"
                  options="{{ reportFormats|json_encode }}"
-                 title="{{ 'ScheduledReports_ReportFormat'|translate|e('html_attr') }}">
+                 data-title="{{ 'ScheduledReports_ReportFormat'|translate|e('html_attr') }}">
             </div>
         {% endfor %}
 
@@ -90,7 +90,7 @@
                  class="report_evolution_graph"
                  ng-model="manageScheduledReport.report.evolutionGraph"
                  ng-show="manageScheduledReport.report.displayFormat == '2' || manageScheduledReport.report.displayFormat == '3'"
-                 title="{{ 'ScheduledReports_EvolutionGraph'|translate(5)|e('html_attr') }}">
+                 data-title="{{ 'ScheduledReports_EvolutionGraph'|translate(5)|e('html_attr') }}">
             </div>
 
             <div
diff --git a/plugins/ScheduledReports/templates/reportParametersScheduledReports.twig b/plugins/ScheduledReports/templates/reportParametersScheduledReports.twig
index 92d7ad52ad..258f64dadb 100644
--- a/plugins/ScheduledReports/templates/reportParametersScheduledReports.twig
+++ b/plugins/ScheduledReports/templates/reportParametersScheduledReports.twig
@@ -3,13 +3,13 @@
      introduction="{{ 'ScheduledReports_SendReportTo'|translate|e('html_attr') }}"
      ng-show="manageScheduledReport.report.type == 'email'"
      ng-model="manageScheduledReport.report.emailMe"
-     title="{{ 'ScheduledReports_SentToMe'|translate|e('html_attr') }} ({{ currentUserEmail|e('html_attr') }})">
+     data-title="{{ 'ScheduledReports_SentToMe'|translate|e('html_attr') }} ({{ currentUserEmail|e('html_attr') }})">
 </div>
 
 <div piwik-field uicontrol="textarea" var-type="array"
      ng-show="manageScheduledReport.report.type == 'email'"
      ng-model="manageScheduledReport.report.additionalEmails"
-     title="{{ 'ScheduledReports_AlsoSendReportToTheseEmails'|translate|e('html_attr') }}">
+     data-title="{{ 'ScheduledReports_AlsoSendReportToTheseEmails'|translate|e('html_attr') }}">
 </div>
 
 <script>
diff --git a/plugins/SegmentEditor/angularjs/segment-generator/segmentgenerator.directive.html b/plugins/SegmentEditor/angularjs/segment-generator/segmentgenerator.directive.html
index 9fd8ab548f..338590f672 100644
--- a/plugins/SegmentEditor/angularjs/segment-generator/segmentgenerator.directive.html
+++ b/plugins/SegmentEditor/angularjs/segment-generator/segmentgenerator.directive.html
@@ -10,7 +10,7 @@
                     <div class="segment-row-inputs valign-wrapper">
                         <div class="segment-input metricListBlock valign-wrapper">
                             <div piwik-field uicontrol="expandable-select" name="segments"
-                                 title="{{ segmentGenerator.segments[orCondition.segment].name }}"
+                                 data-title="{{ segmentGenerator.segments[orCondition.segment].name }}"
                                  full-width="true"
                                  style="width: 100%;"
                                  ng-change="segmentGenerator.updateAutocomplete(orCondition)"
diff --git a/plugins/SitesManager/templates/global-settings.html b/plugins/SitesManager/templates/global-settings.html
index 57d291595c..a3be2160f9 100644
--- a/plugins/SitesManager/templates/global-settings.html
+++ b/plugins/SitesManager/templates/global-settings.html
@@ -27,7 +27,7 @@
     <div piwik-field uicontrol="textarea" name="excludedIpsGlobal"
          var-type="array"
          ng-model="globalSettings.excludedIpsGlobal"
-         title="{{ 'SitesManager_ListOfIpsToBeExcludedOnAllWebsites'|translate }}"
+         data-title="{{ 'SitesManager_ListOfIpsToBeExcludedOnAllWebsites'|translate }}"
          introduction="{{ 'SitesManager_GlobalListExcludedIps'|translate }}"
          inline-help="#excludedIpsGlobalHelp">
     </div>
@@ -35,7 +35,7 @@
     <div piwik-field uicontrol="textarea" name="excludedQueryParametersGlobal"
          var-type="array"
          ng-model="globalSettings.excludedQueryParametersGlobal"
-         title="{{ 'SitesManager_ListOfQueryParametersToBeExcludedOnAllWebsites'|translate }}"
+         data-title="{{ 'SitesManager_ListOfQueryParametersToBeExcludedOnAllWebsites'|translate }}"
          introduction="{{ 'SitesManager_GlobalListExcludedQueryParameters'|translate }}"
          inline-help="#excludedQueryParametersGlobalHelp">
     </div>
@@ -43,20 +43,20 @@
     <div piwik-field uicontrol="textarea" name="excludedUserAgentsGlobal"
          var-type="array"
          ng-model="globalSettings.excludedUserAgentsGlobal"
-         title="{{ 'SitesManager_GlobalListExcludedUserAgents_Desc'|translate }}"
+         data-title="{{ 'SitesManager_GlobalListExcludedUserAgents_Desc'|translate }}"
          introduction="{{ 'SitesManager_GlobalListExcludedUserAgents'|translate }}"
          inline-help="#excludedUserAgentsGlobalHelp">
     </div>
 
     <div piwik-field uicontrol="checkbox" name="siteSpecificUserAgentExcludeEnabled"
          ng-model="globalSettings.siteSpecificUserAgentExcludeEnabled"
-         title="{{ 'SitesManager_EnableSiteSpecificUserAgentExclude'|translate }}"
+         data-title="{{ 'SitesManager_EnableSiteSpecificUserAgentExclude'|translate }}"
          inline-help="{{ 'SitesManager_EnableSiteSpecificUserAgentExclude_Help'|translate:'<a href=\'#excludedUserAgentsGlobal\'>':'</a>' }}">
     </div>
 
     <div piwik-field uicontrol="checkbox" name="keepURLFragmentsGlobal"
          ng-model="globalSettings.keepURLFragmentsGlobal"
-         title="{{ 'SitesManager_KeepURLFragmentsLong'|translate }}"
+         data-title="{{ 'SitesManager_KeepURLFragmentsLong'|translate }}"
          introduction="{{ 'SitesManager_KeepURLFragments'|translate }}"
          inline-help="#keepURLFragmentsHelp">
     </div>
@@ -70,7 +70,7 @@
 
     <div piwik-field uicontrol="text" name="searchKeywordParametersGlobal" var-type="array"
          ng-model="globalSettings.searchKeywordParametersGlobal"
-         title="{{ 'SitesManager_SearchKeywordLabel'|translate }}"
+         data-title="{{ 'SitesManager_SearchKeywordLabel'|translate }}"
          inline-help="{{ 'SitesManager_SearchKeywordParametersDesc' | translate }}">
     </div>
 
@@ -81,14 +81,14 @@
     <div piwik-field uicontrol="text" name="searchCategoryParametersGlobal" var-type="array"
          ng-show="customVariablesActivated"
          ng-model="globalSettings.searchCategoryParametersGlobal"
-         title="{{ 'SitesManager_SearchCategoryLabel'|translate }}"
+         data-title="{{ 'SitesManager_SearchCategoryLabel'|translate }}"
          inline-help="{{ 'Goals_Optional'|translate }} {{ 'SitesManager_SearchCategoryDesc'|translate }} {{ 'SitesManager_SearchCategoryParametersDesc'|translate }}">
     </div>
 
     <div piwik-field uicontrol="select" name="defaultTimezone"
          ng-model="globalSettings.defaultTimezone"
          options="timezones"
-         title="{{ 'SitesManager_SelectDefaultTimezone'|translate }}"
+         data-title="{{ 'SitesManager_SelectDefaultTimezone'|translate }}"
          introduction="{{ 'SitesManager_DefaultTimezoneForNewWebsites'|translate }}"
          inline-help="#timezoneHelp">
     </div>
@@ -96,7 +96,7 @@
     <div piwik-field uicontrol="select" name="defaultCurrency"
          ng-model="globalSettings.defaultCurrency"
          options="currencies"
-         title="{{ 'SitesManager_SelectDefaultCurrency'|translate }}"
+         data-title="{{ 'SitesManager_SelectDefaultCurrency'|translate }}"
          introduction="{{ 'SitesManager_DefaultCurrencyForNewWebsites'|translate }}"
          inline-help="{{ 'SitesManager_CurrencySymbolWillBeUsedForGoals' | translate }}">
     </div>
diff --git a/plugins/SitesManager/templates/sites-list/site-fields.html b/plugins/SitesManager/templates/sites-list/site-fields.html
index 1b21c6538f..38059a027d 100644
--- a/plugins/SitesManager/templates/sites-list/site-fields.html
+++ b/plugins/SitesManager/templates/sites-list/site-fields.html
@@ -87,14 +87,14 @@
 
         <div piwik-field uicontrol="select" name="currency"
              ng-model="site.currency"
-             title="{{ 'SitesManager_Currency'|translate }}"
+             data-title="{{ 'SitesManager_Currency'|translate }}"
              inline-help="{{ 'SitesManager_CurrencySymbolWillBeUsedForGoals' | translate }}"
              options='currencies'>
         </div>
 
         <div piwik-field uicontrol="select" name="timezone"
              ng-model="site.timezone"
-             title="{{ 'SitesManager_Timezone'|translate }}"
+             data-title="{{ 'SitesManager_Timezone'|translate }}"
              inline-help="#timezoneHelpText"
              options='timezones'>
         </div>
diff --git a/plugins/Transitions/templates/transitions.twig b/plugins/Transitions/templates/transitions.twig
index 02cc0ae90e..76d67e1ae7 100644
--- a/plugins/Transitions/templates/transitions.twig
+++ b/plugins/Transitions/templates/transitions.twig
@@ -9,7 +9,7 @@
             <div piwik-field uicontrol="select" name="actionType"
                  ng-model="transitionSwitcher.actionType"
                  ng-change="transitionSwitcher.onActionTypeChange(transitionSwitcher.actionType)"
-                 title="{{ 'Actions_ActionType'|translate|e('html_attr') }}"
+                 data-title="{{ 'Actions_ActionType'|translate|e('html_attr') }}"
                  full-width="true"
                  options='transitionSwitcher.actionTypeOptions'>
             </div>
@@ -18,7 +18,7 @@
             <div piwik-field uicontrol="select" name="actionName"
                  ng-model="transitionSwitcher.actionName"
                  ng-change="transitionSwitcher.onActionNameChange(transitionSwitcher.actionName)"
-                 title="{{ 'Transitions_TopX'|translate(100)|e('html_attr') }}"
+                 data-title="{{ 'Transitions_TopX'|translate(100)|e('html_attr') }}"
                  full-width="true"
                  data-disabled="!transitionSwitcher.isEnabled"
                  options='transitionSwitcher.actionNameOptions'>
diff --git a/plugins/TwoFactorAuth/templates/_setupTwoFactorAuth.twig b/plugins/TwoFactorAuth/templates/_setupTwoFactorAuth.twig
index 7409e63775..3bfaddbd3a 100644
--- a/plugins/TwoFactorAuth/templates/_setupTwoFactorAuth.twig
+++ b/plugins/TwoFactorAuth/templates/_setupTwoFactorAuth.twig
@@ -52,7 +52,7 @@
               autocomplete="off"
               >
             <div piwik-field uicontrol="text" name="authCode" maxlength="6"
-                 title="{{ 'TwoFactorAuth_AuthenticationCode'|translate|e('html_attr') }}"
+                 data-title="{{ 'TwoFactorAuth_AuthenticationCode'|translate|e('html_attr') }}"
                  ng-model="setup2fa.authCode"
                  inline-help="{{ 'TwoFactorAuth_VerifyAuthCodeHelp'|translate|e('html_attr') }}"
                  placeholder="123456">
diff --git a/plugins/UserCountry/templates/_updaterManage.twig b/plugins/UserCountry/templates/_updaterManage.twig
index 571b3ce170..b5cab0aa11 100644
--- a/plugins/UserCountry/templates/_updaterManage.twig
+++ b/plugins/UserCountry/templates/_updaterManage.twig
@@ -13,7 +13,7 @@
 	<div piwik-field uicontrol="text" name="geoip-location-db"
 		 ng-model="locationUpdater.locationDbUrl"
 		 introduction="{{ 'UserCountry_LocationDatabase'|translate|e('html_attr') }}"
-		 title="{{ 'Actions_ColumnDownloadURL'|translate|e('html_attr') }}"
+		 data-title="{{ 'Actions_ColumnDownloadURL'|translate|e('html_attr') }}"
 		 value="{{ geoIPLocUrl }}"
 		 inline-help="{{ 'UserCountry_LocationDatabaseHint'|translate|e('html_attr') }}">
 	</div>
@@ -21,7 +21,7 @@
 	<div piwik-field uicontrol="text" name="geoip-isp-db"
 		 ng-model="locationUpdater.ispDbUrl"
 		 introduction="{{ 'UserCountry_ISPDatabase'|translate|e('html_attr') }}"
-		 title="{{ 'Actions_ColumnDownloadURL'|translate|e('html_attr') }}"
+		 data-title="{{ 'Actions_ColumnDownloadURL'|translate|e('html_attr') }}"
 		 value="{{ geoIPIspUrl }}">
 	</div>
 
@@ -29,7 +29,7 @@
 	<div piwik-field uicontrol="text" name="geoip-org-db"
 		 ng-model="locationUpdater.orgDbUrl"
 		 introduction="{{ 'UserCountry_OrgDatabase'|translate|e('html_attr') }}"
-		 title="{{ 'Actions_ColumnDownloadURL'|translate|e('html_attr') }}"
+		 data-title="{{ 'Actions_ColumnDownloadURL'|translate|e('html_attr') }}"
 		 value="{{ geoIPOrgUrl }}">
 	</div>
 	{% endif %}
diff --git a/plugins/UsersManager/angularjs/user-edit-form/user-edit-form.component.html b/plugins/UsersManager/angularjs/user-edit-form/user-edit-form.component.html
index 6100e99380..a92fbd4b95 100644
--- a/plugins/UsersManager/angularjs/user-edit-form/user-edit-form.component.html
+++ b/plugins/UsersManager/angularjs/user-edit-form/user-edit-form.component.html
@@ -42,7 +42,7 @@
                         uicontrol="text"
                         name="user_login"
                         ng-model="$ctrl.user.login"
-                        title="Username"
+                        data-title="Username"
                         maxlength="100"
                         data-disabled="$ctrl.isSavingUserInfo || !$ctrl.isAdd"
                 >
@@ -53,7 +53,7 @@
                         uicontrol="password"
                         name="user_password"
                         ng-model="$ctrl.user.password"
-                        title="Password"
+                        data-title="Password"
                         data-disabled="$ctrl.isSavingUserInfo || ($ctrl.currentUserRole != 'superuser' && !$ctrl.isAdd)"
                 >
                 </div>
@@ -63,7 +63,7 @@
                         uicontrol="text"
                         name="user_email"
                         ng-model="$ctrl.user.email"
-                        title="Email"
+                        data-title="Email"
                         maxlength="100"
                         data-disabled="$ctrl.isSavingUserInfo || ($ctrl.currentUserRole != 'superuser' && !$ctrl.isAdd)"
                         ng-if="$ctrl.currentUserRole == 'superuser' || $ctrl.isAdd"
@@ -75,7 +75,7 @@
                         uicontrol="site"
                         name="user_site"
                         ng-model="$ctrl.firstSiteAccess"
-                        title="First website permission"
+                        data-title="First website permission"
                         data-disabled="$ctrl.isSavingUserInfo"
                         ng-if="$ctrl.isAdd"
                         ui-control-attributes="{ onlySitesWithAdminAccess: true }"
diff --git a/plugins/UsersManager/templates/userSettings.twig b/plugins/UsersManager/templates/userSettings.twig
index a701f06766..72ac592a29 100644
--- a/plugins/UsersManager/templates/userSettings.twig
+++ b/plugins/UsersManager/templates/userSettings.twig
@@ -14,7 +14,7 @@
     <form id="userSettingsTable" piwik-form ng-controller="PersonalSettingsController as personalSettings">
 
         <div piwik-field uicontrol="text" name="username"
-             title="{{ 'General_Username'|translate|e('html_attr') }}"
+             data-title="{{ 'General_Username'|translate|e('html_attr') }}"
              value="{{ userLogin }}" data-disabled="true"
              ng-model="personalSettings.username"
              inline-help="{{ 'UsersManager_YourUsernameCannotBeChanged'|translate|e('html_attr') }}">
@@ -24,7 +24,7 @@
              ng-model="personalSettings.email"
              ng-change="personalSettings.requirePasswordConfirmation()"
              maxlength="100"
-             title="{{ 'UsersManager_Email'|translate|e('html_attr') }}"
+             data-title="{{ 'UsersManager_Email'|translate|e('html_attr') }}"
              value="{{ userEmail }}">
         </div>
 
@@ -35,7 +35,7 @@
 
         <div piwik-field uicontrol="select" name="language"
              ng-model="personalSettings.language"
-             title="{{ 'General_Language'|translate|e('html_attr') }}"
+             data-title="{{ 'General_Language'|translate|e('html_attr') }}"
              options="{{ languageOptions|json_encode }}"
              inline-help="#languageHelp"
              value="{{ currentLanguageCode }}">
@@ -43,14 +43,14 @@
 
         <div piwik-field uicontrol="select" name="timeformat"
              ng-model="personalSettings.timeformat"
-             title="{{ 'General_TimeFormat'|translate|e('html_attr') }}"
+             data-title="{{ 'General_TimeFormat'|translate|e('html_attr') }}"
              value="{{ currentTimeformat }}" options="{{ timeFormats|json_encode }}">
         </div>
 
         <div piwik-field uicontrol="radio" name="defaultReport"
              ng-model="personalSettings.defaultReport"
              introduction="{{ 'UsersManager_ReportToLoadByDefault'|translate|e('html_attr') }}"
-             title="{{ 'General_AllWebsitesDashboard'|translate|e('html_attr') }}"
+             data-title="{{ 'General_AllWebsitesDashboard'|translate|e('html_attr') }}"
              value="{{ defaultReport }}" options="{{ defaultReportOptions|json_encode }}">
         </div>
 
@@ -78,14 +78,14 @@
                  ng-model="personalSettings.password"
                  ng-change="personalSettings.requirePasswordConfirmation()"
                  introduction="{{ 'General_ChangePassword'|translate|e('html_attr') }}"
-                 title="{{ 'Login_NewPassword'|translate|e('html_attr') }}"
+                 data-title="{{ 'Login_NewPassword'|translate|e('html_attr') }}"
                  value="" inline-help="{{ 'UsersManager_IfYouWouldLikeToChangeThePasswordTypeANewOne'|translate|e('html_attr') }}">
             </div>
 
             <div piwik-field uicontrol="password" name="passwordBis" autocomplete="off"
                  ng-model="personalSettings.passwordBis"
                  ng-change="personalSettings.requirePasswordConfirmation()"
-                 title="{{ 'Login_NewPasswordRepeat'|translate|e('html_attr') }}"
+                 data-title="{{ 'Login_NewPasswordRepeat'|translate|e('html_attr') }}"
                  value="" inline-help="{{ 'UsersManager_TypeYourPasswordAgain'|translate|e('html_attr') }}">
             </div>
         {% endif %}
@@ -107,7 +107,7 @@
                 <div piwik-field uicontrol="password" name="currentPassword" autocomplete="off"
                      ng-model="personalSettings.passwordCurrent"
                      full-width="true"
-                     title="{{ 'UsersManager_YourCurrentPassword'|translate|e('html_attr') }}"
+                     data-title="{{ 'UsersManager_YourCurrentPassword'|translate|e('html_attr') }}"
                      value="">
                 </div>
             </div>