Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Add ARIA landmarks via semantic HTML #1035

Open
wants to merge 1 commit into
base: master
Choose a base branch
from
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
12 changes: 6 additions & 6 deletions webextension/about.html
Original file line number Diff line number Diff line change
Expand Up @@ -11,11 +11,11 @@
</head>
<body>
<div class="container">
<div class="about-header">
<header>
<img src="images/app-icon/app-icon128.png" alt="Internet Archive icon" class="ia-logo">
<h1>The Official Wayback Machine Extension</h1>
</div>
<div class="row about-body">
</header>
<main class="row">
<div class="col-sm-7">
<p>
In cooperation with <a href="https://summerofcode.withgoogle.com" target="_blank">Google Summer of Code</a>, The <a href="https://archive.org" target="_blank">Internet Archive</a> presents <em>The Official Wayback Machine Extension</em>. 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!
Expand Down Expand Up @@ -147,14 +147,14 @@ <h3>License</h3>
<p>Copyright &copy; 2017-<span id="year"></span> Internet Archive. All rights reserved. Licensed under the terms of the <a href="https://www.gnu.org/licenses/agpl-3.0.html" target="_blank">GNU Affero General Public License version 3</a>.</p>

</div>
</div>
</main>

<p class="about-footer">
<footer>
Chrome, the Chrome logo, and the <i>Get It On Google Play</i> logo are trademarks of Google LLC.<br>
Edge and the Edge logo are trademarks of the Microsoft group of companies.<br>
Firefox and the Firefox logo are trademarks of the Mozilla Foundation in the U.S. and other countries.<br>
Safari, the Safari logo, Apple, and the Apple logo are registered trademarks of Apple, Inc.<br>
</p>
</footer>

</div>

Expand Down
12 changes: 6 additions & 6 deletions webextension/css/about.css
Original file line number Diff line number Diff line change
Expand Up @@ -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;
Expand Down
4 changes: 2 additions & 2 deletions webextension/css/exclude-list.css
Original file line number Diff line number Diff line change
Expand Up @@ -14,11 +14,11 @@ p {
height: 100vh;
}

.header-container {
header {
text-align: center;
}

.outer-container {
main {
display: contents;
}

Expand Down
4 changes: 2 additions & 2 deletions webextension/css/welcome.css
Original file line number Diff line number Diff line change
Expand Up @@ -26,11 +26,11 @@ p {
padding: 0;
}

.header-container {
header {
text-align: center;
}

.content-container {
main {
margin: 2em 15vw 10vh 15vw;
padding-bottom: 5em;
}
Expand Down
8 changes: 4 additions & 4 deletions webextension/exclude-list.html
Original file line number Diff line number Diff line change
Expand Up @@ -12,12 +12,12 @@
<body>
<div class="body-container">

<div class="header-container">
<header>
<h4 id="main-title">Exclude URLs</h4>
<p id="main-info">Enter URL patterns below to exclude from Auto Save.</p>
</div>
</header>

<div class="outer-container">
<main>

<div class="btn-flex-block">
<button class="btn btn-auto btn-dark-gray" id="clear-btn">Clear All</button>
Expand All @@ -34,7 +34,7 @@ <h4 id="main-title">Exclude URLs</h4>
<button class="btn btn-auto btn-red" id="save-btn">Save</button>
</div>

</div>
</main>

</div>

Expand Down
8 changes: 4 additions & 4 deletions webextension/welcome.html
Original file line number Diff line number Diff line change
Expand Up @@ -11,15 +11,15 @@
</head>
<body>
<div class="body-container">
<div class="header-container">
<header>
<div class="welcome-logo"></div>
<h1>
Welcome to the Internet Archive's<br>
Wayback Machine Browser Extension
</h1>
</div>
</header>

<div class="content-container">
<main>
<h3>
The Internet Archive Wayback Machine Browser Extension Privacy Policy
</h3>
Expand Down Expand Up @@ -65,7 +65,7 @@ <h4>
<p>
We retain collected URLs for as long as they provide value to our mission.
</p>
</div>
</main>

<div class="bottom-container">
<button type="submit" name="accept-terms" id="accept-btn" class="btn btn-auto btn-blue">
Expand Down
Loading