diff --git a/frontend/app/components/inplace-edit/directives/field-display/display-spent-time/display-spent-time.directive.html b/frontend/app/components/inplace-edit/directives/field-display/display-spent-time/display-spent-time.directive.html
index b55805f197..0a5ec7d589 100644
--- a/frontend/app/components/inplace-edit/directives/field-display/display-spent-time/display-spent-time.directive.html
+++ b/frontend/app/components/inplace-edit/directives/field-display/display-spent-time/display-spent-time.directive.html
@@ -1,6 +1,6 @@
 <div class="spent-time-wrapper">
   <span ng-if="field.isEmpty()"
-        work-package-accessible-attribute="field">
+        wp-accessible-attribute="field">
     {{ field.placeholder }}
   </span>
   <span ng-if="!field.isEmpty()">
@@ -11,7 +11,7 @@
       </a>
     </span>
     <span ng-if="!customEditorController.isLinkViewable()"
-          work-package-accessible-attribute="field">
+          wp-accessible-attribute="field">
       {{ field.text }}
     </span>
   </span>
diff --git a/frontend/app/components/inplace-edit/directives/field-display/display-version/display-version.directive.html b/frontend/app/components/inplace-edit/directives/field-display/display-version/display-version.directive.html
index 15a094d51c..ce7271bfba 100644
--- a/frontend/app/components/inplace-edit/directives/field-display/display-version/display-version.directive.html
+++ b/frontend/app/components/inplace-edit/directives/field-display/display-version/display-version.directive.html
@@ -1,6 +1,6 @@
 <div class="version-wrapper">
     <span ng-if="!field.text"
-          work-package-accessible-attribute="field">
+          wp-accessible-attribute="field">
       {{field.placeholder}}
     </span>
     <span ng-if="field.text && customEditorController.isVersionLinkViewable()">
@@ -10,7 +10,7 @@
       </a>
     </span>
     <span ng-if="field.text && !customEditorController.isVersionLinkViewable()"
-          work-package-accessible-attribute="field">
+          wp-accessible-attribute="field">
       {{field.text.props.name}}
     </span>
 </div>
diff --git a/frontend/app/components/work-packages/wp-accessible-attribute/work-package-accessible-attribute.directive.test.ts b/frontend/app/components/work-packages/wp-accessible-attribute/wp-accessible-attribute.directive.test.ts
similarity index 95%
rename from frontend/app/components/work-packages/wp-accessible-attribute/work-package-accessible-attribute.directive.test.ts
rename to frontend/app/components/work-packages/wp-accessible-attribute/wp-accessible-attribute.directive.test.ts
index 0e0b835dd4..93c57a838f 100644
--- a/frontend/app/components/work-packages/wp-accessible-attribute/work-package-accessible-attribute.directive.test.ts
+++ b/frontend/app/components/work-packages/wp-accessible-attribute/wp-accessible-attribute.directive.test.ts
@@ -26,8 +26,8 @@
 // See doc/COPYRIGHT.rdoc for more details.
 //++
 
-describe('workPackageAccessibleAttributeDirective', function() {
-  var html = '<div work-package-accessible-attribute="field"></div>';
+describe('wpAccessibleAttributeDirective', function() {
+  var html = '<div wp-accessible-attribute="field"></div>';
   var scope, element, $compile;
 
   beforeEach(angular.mock.module('openproject.workPackages.directives'));
diff --git a/frontend/app/components/work-packages/wp-accessible-attribute/work-package-accessible-attribute.directive.ts b/frontend/app/components/work-packages/wp-accessible-attribute/wp-accessible-attribute.directive.ts
similarity index 91%
rename from frontend/app/components/work-packages/wp-accessible-attribute/work-package-accessible-attribute.directive.ts
rename to frontend/app/components/work-packages/wp-accessible-attribute/wp-accessible-attribute.directive.ts
index 9cc6336180..5d82b1196e 100644
--- a/frontend/app/components/work-packages/wp-accessible-attribute/work-package-accessible-attribute.directive.ts
+++ b/frontend/app/components/work-packages/wp-accessible-attribute/wp-accessible-attribute.directive.ts
@@ -26,11 +26,11 @@
 // See doc/COPYRIGHT.rdoc for more details.
 //++
 
-function workPackageAccessibleAttribute() {
+function wpAccessibleAttribute() {
   return {
     restrict: 'A',
     scope: {
-      field: '=workPackageAccessibleAttribute'
+      field: '=wpAccessibleAttribute'
     },
 
     link: function(scope, element) {
@@ -50,4 +50,4 @@ function workPackageAccessibleAttribute() {
 
 angular
   .module('openproject.workPackages.directives')
-  .directive('workPackageAccessibleAttribute', workPackageAccessibleAttribute);
+  .directive('wpAccessibleAttribute', wpAccessibleAttribute);
diff --git a/frontend/app/templates/inplace-edit/display/fields/boolean.html b/frontend/app/templates/inplace-edit/display/fields/boolean.html
index 2053da2aa1..b6faef3371 100644
--- a/frontend/app/templates/inplace-edit/display/fields/boolean.html
+++ b/frontend/app/templates/inplace-edit/display/fields/boolean.html
@@ -1,2 +1,2 @@
 <span ng-bind="field.text"
-      work-package-accessible-attribute="field"></span>
+      wp-accessible-attribute="field"></span>
diff --git a/frontend/app/templates/inplace-edit/display/fields/date-range.html b/frontend/app/templates/inplace-edit/display/fields/date-range.html
index 7c56456cbb..950fffe736 100644
--- a/frontend/app/templates/inplace-edit/display/fields/date-range.html
+++ b/frontend/app/templates/inplace-edit/display/fields/date-range.html
@@ -1,4 +1,4 @@
-<span work-package-accessible-attribute="field">
+<span wp-accessible-attribute="field">
   <op-date date-value="field.text.startDate" no-date-text="field.text.noStartDate"></op-date>
   &nbsp;&nbsp;-&nbsp;&nbsp;
   <op-date date-value="field.text.dueDate" no-date-text="field.text.noEndDate"></op-date>
diff --git a/frontend/app/templates/inplace-edit/display/fields/embedded.html b/frontend/app/templates/inplace-edit/display/fields/embedded.html
index a04aaee643..0122544e25 100644
--- a/frontend/app/templates/inplace-edit/display/fields/embedded.html
+++ b/frontend/app/templates/inplace-edit/display/fields/embedded.html
@@ -1,2 +1,2 @@
-<span work-package-accessible-attribute="field"
+<span wp-accessible-attribute="field"
       ng-bind="field.text.props.name || field.text.props.value || field.placeholder"></span>
diff --git a/frontend/app/templates/inplace-edit/display/fields/text.html b/frontend/app/templates/inplace-edit/display/fields/text.html
index 5d6d278163..35c6899638 100644
--- a/frontend/app/templates/inplace-edit/display/fields/text.html
+++ b/frontend/app/templates/inplace-edit/display/fields/text.html
@@ -1,6 +1,6 @@
 <span ng-if="field.isEmpty()"
       ng-bind="field.placeholder"
-      work-package-accessible-attribute="field"></span>
+      wp-accessible-attribute="field"></span>
 <span ng-if="!field.isEmpty()"
       ng-bind="field.text"
-      work-package-accessible-attribute="field"></span>
+      wp-accessible-attribute="field"></span>
diff --git a/frontend/app/templates/inplace-edit/display/fields/wiki-textarea.html b/frontend/app/templates/inplace-edit/display/fields/wiki-textarea.html
index d2daa65e22..500892eaf9 100644
--- a/frontend/app/templates/inplace-edit/display/fields/wiki-textarea.html
+++ b/frontend/app/templates/inplace-edit/display/fields/wiki-textarea.html
@@ -1,2 +1,2 @@
 <span ng-bind-html="field.text.html || field.placeholder"
-      work-package-accessible-attribute="field"></span>
+      wp-accessible-attribute="field"></span>