diff --git a/docs/index.html.ejs b/docs/index.html.ejs
index 32f2c3c..705ec4a 100644
--- a/docs/index.html.ejs
+++ b/docs/index.html.ejs
@@ -94,7 +94,7 @@
This library relies on the usage of semantic HTML . To make a button, you'll need
to use a <button>. Input elements require labels. Icon buttons rely on
- aria-label (or corresponding styling classes). This page will guide you through that process, but accessibility is a primary
+ aria-label. This page will guide you through that process, but accessibility is a primary
goal of this project.
@@ -623,9 +623,9 @@
A Title Bar using Button Styling Classes
-
-
-
+
+
+
@@ -634,9 +634,9 @@
A Maximized Title Bar using Button Styling Classes
-
-
-
+
+
+
@@ -645,8 +645,8 @@
A Helpful Bar using Button Styling Classes
-
-
+
+
`) %>
diff --git a/style.css b/style.css
index bf8f8f1..274ef95 100644
--- a/style.css
+++ b/style.css
@@ -255,35 +255,35 @@ input[type="reset"]:disabled,
}
.title-bar-controls button[aria-label="Minimize"],
-.title-bar-controls button.minimize {
+.title-bar-controls button[aria-label].minimize {
background-image: svg-load("./icon/minimize.svg");
background-repeat: no-repeat;
background-position: bottom 3px left 4px;
}
.title-bar-controls button[aria-label="Maximize"],
-.title-bar-controls button.maximize {
+.title-bar-controls button[aria-label].maximize {
background-image: svg-load("./icon/maximize.svg");
background-repeat: no-repeat;
background-position: top 2px left 3px;
}
.title-bar-controls button[aria-label="Restore"],
-.title-bar-controls button.restore {
+.title-bar-controls button[aria-label].restore {
background-image: svg-load("./icon/restore.svg");
background-repeat: no-repeat;
background-position: top 2px left 3px;
}
.title-bar-controls button[aria-label="Help"],
-.title-bar-controls button.help {
+.title-bar-controls button[aria-label].help {
background-image: svg-load("./icon/help.svg");
background-repeat: no-repeat;
background-position: top 2px left 5px;
}
.title-bar-controls button[aria-label="Close"],
-.title-bar-controls button.close {
+.title-bar-controls button[aria-label].close {
margin-left: 2px;
background-image: svg-load("./icon/close.svg");
background-repeat: no-repeat;