diff --git a/extensions/gii/assets/gii.js b/extensions/gii/assets/gii.js
index 981327bc8a..282ce581c6 100644
--- a/extensions/gii/assets/gii.js
+++ b/extensions/gii/assets/gii.js
@@ -69,6 +69,16 @@ yii.gii = (function ($) {
 			});
 			return false;
 		});
+
+		$('#preview-modal').on('keydown', function(e) {
+			if (e.keyCode === 37) {
+				$('.modal-previous').trigger('click');
+			} else if(e.keyCode === 39) {
+				$('.modal-next').trigger('click');
+			} else if(e.keyCode === 82) {
+				$('.modal-refresh').trigger('click');
+			}
+		});
 	};
 
 	var initConfirmationCheckboxes = function () {
diff --git a/extensions/gii/views/default/view/files.php b/extensions/gii/views/default/view/files.php
index 04075e4946..fd9a94c425 100644
--- a/extensions/gii/views/default/view/files.php
+++ b/extensions/gii/views/default/view/files.php
@@ -82,9 +82,9 @@ use yii\gii\CodeFile;
 				<div class="modal-header">
 					<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
 					<div class="btn-group pull-left">
-						<a class="modal-previous btn btn-xs btn-default" href="#"><span class="glyphicon glyphicon-arrow-left"></span></a>
-						<a class="modal-next btn btn-xs btn-default" href="#"><span class="glyphicon glyphicon-arrow-right"></span></a>
-						<a class="modal-refresh btn btn-xs btn-default" href="#"><span class="glyphicon glyphicon-refresh"></span></a>
+						<a class="modal-previous btn btn-xs btn-default" href="#" title="Shortcut: Left Arrow Key"><span class="glyphicon glyphicon-arrow-left"></span></a>
+						<a class="modal-next btn btn-xs btn-default" href="#" title="Shortcut: Right Arrow Key"><span class="glyphicon glyphicon-arrow-right"></span></a>
+						<a class="modal-refresh btn btn-xs btn-default" href="#" title="Shortcut: R Key"><span class="glyphicon glyphicon-refresh"></span></a>
 						&nbsp;
 					</div>
 					<strong class="modal-title pull-left">Modal title</strong>