Add aria-label

Changelog.md

@@ -13,7 +13,9 @@ This file holds the changelog for Pepperminty Wiki. This is the master list of t
  - Fill out the statistics help text
  - Added table of contents to help page
  - Squashed the large blank space that sometimes appears at the bottom of the page editor page
- - Marked the user avatar on the top navigation bar as hidden for screen readers
+ - Accessibility improvements - thanks, Firefox developer tools :D
+     - Marked the user avatar on the top navigation bar as hidden for screen readers
+     - Added aria label to user preferences button
 
 ### Changed
  - Made `build.sh` build script more robust, especially when generating the documentation.

core/40-page-renderer.php

@@ -447,7 +447,7 @@ class page_renderer
 					if($env->is_logged_in) {
 						$result .= "<span class='inflexible logged-in" . ($env->is_logged_in ? " moderator" : " normal-user") . "'>";
 						if(module_exists("feature-user-preferences")) {
-							$result .= "<a href='?action=user-preferences'>$settings->user_preferences_button_text</a>";
+							$result .= "<a href='?action=user-preferences' aria-label='Change user preferences'>$settings->user_preferences_button_text</a>";
 						}
 						$result .= self::render_username($env->user);
 						$result .= " <small>(<a href='index.php?action=logout'>Logout</a>)</small>";
@@ -461,7 +461,7 @@ class page_renderer
 					break;
 
 				case "search": // Renders the search bar
-					$result .= "<span class='inflexible'><form method='get' action='index.php' style='display: inline;'><input type='search' name='page' list='allpages' placeholder='Type a page name here and hit enter' /><input type='hidden' name='search-redirect' value='true' /></form></span>";
+					$result .= "<span class='inflexible'><form method='get' action='index.php' style='display: inline;'><input type='search' name='page' list='allpages' placeholder='&#x1f50e; Type a page name here and hit enter' /><input type='hidden' name='search-redirect' value='true' /></form></span>";
 					break;
 
 				case "divider": // Renders a divider

themes/default/theme.css

@@ -55,6 +55,8 @@
 		--bg-back: hsl(270, 29%, 28%);
 		--bg-page: hsl(273, 15%, 16%);
 		
+		--bg-comments-1: hsl(31, 64%, 85%);
+		
 		--text-dark: hsl(277, 38%, 89%);
 		/* --text-light: hsl(0, 0%, 6%); */