From 3c372c128326270687b195985cdeda0865b57b85 Mon Sep 17 00:00:00 2001 From: veyndan Date: Wed, 5 Jun 2024 22:41:22 +0200 Subject: [PATCH] Add ARIA landmarks via semantic HTML By using tags like `
`, `
`, and `
`, the accessibility tree correctly labels major landmarks (like 'banner' and 'main') instead of how it is currently labelled ('generic' with no distinction between landmarks). --- webextension/about.html | 12 ++++++------ webextension/css/about.css | 12 ++++++------ webextension/css/exclude-list.css | 4 ++-- webextension/css/welcome.css | 4 ++-- webextension/exclude-list.html | 8 ++++---- webextension/welcome.html | 8 ++++---- 6 files changed, 24 insertions(+), 24 deletions(-) diff --git a/webextension/about.html b/webextension/about.html index 24d4e100..b8116897 100644 --- a/webextension/about.html +++ b/webextension/about.html @@ -11,11 +11,11 @@
-
+

The Official Wayback Machine Extension

-
-
+ +

In cooperation with Google Summer of Code, The Internet Archive presents The Official Wayback Machine Extension. With the power of the Wayback Machine, we let you go back in time to see how a URL has changed and evolved through the history of the Web! @@ -147,14 +147,14 @@

License

Copyright © 2017- Internet Archive. All rights reserved. Licensed under the terms of the GNU Affero General Public License version 3.

-
+
-

+

Chrome, the Chrome logo, and the Get It On Google Play logo are trademarks of Google LLC.
Edge and the Edge logo are trademarks of the Microsoft group of companies.
Firefox and the Firefox logo are trademarks of the Mozilla Foundation in the U.S. and other countries.
Safari, the Safari logo, Apple, and the Apple logo are registered trademarks of Apple, Inc.
-

+
diff --git a/webextension/css/about.css b/webextension/css/about.css index ad7bbfdd..620e5906 100644 --- a/webextension/css/about.css +++ b/webextension/css/about.css @@ -6,28 +6,28 @@ h1.underlined { padding-bottom: 0.5em; } -.about-header { +header { /* float: left; */ margin-bottom: 3em; text-align: center; } -.about-header * { +header * { /* float: left; */ } -.about-header img { +header img { margin: 1em 1em 0 0; } -.about-body { +main { float: left; font-size: 14pt; margin-bottom: 2em; } -.about-body div { +main div { padding-right: 3em; } -.about-footer { +footer { font-size: 11pt; line-height: 1.1; margin: 2em 0; diff --git a/webextension/css/exclude-list.css b/webextension/css/exclude-list.css index 0a670809..5584602a 100644 --- a/webextension/css/exclude-list.css +++ b/webextension/css/exclude-list.css @@ -14,11 +14,11 @@ p { height: 100vh; } -.header-container { +header { text-align: center; } -.outer-container { +main { display: contents; } diff --git a/webextension/css/welcome.css b/webextension/css/welcome.css index a56ef413..1c2d60be 100644 --- a/webextension/css/welcome.css +++ b/webextension/css/welcome.css @@ -26,11 +26,11 @@ p { padding: 0; } -.header-container { +header { text-align: center; } -.content-container { +main { margin: 2em 15vw 10vh 15vw; padding-bottom: 5em; } diff --git a/webextension/exclude-list.html b/webextension/exclude-list.html index 89a185a0..13d63108 100644 --- a/webextension/exclude-list.html +++ b/webextension/exclude-list.html @@ -12,12 +12,12 @@
-
+

Exclude URLs

Enter URL patterns below to exclude from Auto Save.

-
+ -
+
@@ -34,7 +34,7 @@

Exclude URLs

-
+
diff --git a/webextension/welcome.html b/webextension/welcome.html index 13df45d2..3b57f542 100644 --- a/webextension/welcome.html +++ b/webextension/welcome.html @@ -11,15 +11,15 @@
-
+

Welcome to the Internet Archive's
Wayback Machine Browser Extension

-
+ -
+

The Internet Archive Wayback Machine Browser Extension Privacy Policy

@@ -65,7 +65,7 @@

We retain collected URLs for as long as they provide value to our mission.

-

+