diff --git a/src/webpage/disimg.ts b/src/webpage/disimg.ts
index 267f62e..54b6bc4 100644
--- a/src/webpage/disimg.ts
+++ b/src/webpage/disimg.ts
@@ -72,6 +72,11 @@ class ImagesDisplay {
 		this.background.onclick = (_) => {
 			this.hide();
 		};
+		this.background.onkeydown = (e) => {
+			if (e.key === "Escape") {
+				this.hide();
+			}
+		};
 		document.body.append(this.background);
 		this.background.setAttribute("tabindex", "0");
 		this.background.focus();
diff --git a/src/webpage/settings.ts b/src/webpage/settings.ts
index 02883ea..360303e 100644
--- a/src/webpage/settings.ts
+++ b/src/webpage/settings.ts
@@ -878,6 +878,13 @@ class Dialog {
 				removeAni(background);
 			}
 		};
+		background.tabIndex = 0;
+		background.focus();
+		background.onkeydown = (e) => {
+			if (e.key === "Escape" && hideOnClick) {
+				removeAni(background);
+			}
+		};
 		return center;
 	}
 	hide() {