diff --git a/src/components/Header.tsx b/src/components/Header.tsx
index 6915b48d6..37894d189 100644
--- a/src/components/Header.tsx
+++ b/src/components/Header.tsx
@@ -134,88 +134,94 @@ export class Header extends React.Component<HeaderProps, HeaderState> {
     const logoOnly = this.props.logoOnly ?? false;
 
     return (
-      <Navbar fluid={true}>
-        <Navbar.Header>
-          <img src={palaceLogoUrl} alt={title()} />
+      <header>
+        <h1 className="visually-hidden">{title("")}</h1>
+        <Navbar fluid={true}>
+          <Navbar.Header>
+            <img src={palaceLogoUrl} alt={title()} />
+            {!logoOnly && (
+              <>
+                {this.props.libraries && this.props.libraries.length > 0 && (
+                  <EditableInput
+                    elementType="select"
+                    ref={this.libraryRef}
+                    value={currentLibrary}
+                    onChange={this.changeLibrary}
+                    aria-label="Select a library"
+                  >
+                    {(!this.context.library || !currentLibrary) && (
+                      <option aria-selected={false}>Select a library</option>
+                    )}
+                    {this.props.libraries.map((library) => (
+                      <option
+                        key={library.short_name}
+                        value={library.short_name}
+                        aria-selected={currentLibrary === library.short_name}
+                      >
+                        {library.name || library.short_name}
+                      </option>
+                    ))}
+                  </EditableInput>
+                )}
+                <Navbar.Toggle />
+              </>
+            )}
+          </Navbar.Header>
+
           {!logoOnly && (
-            <>
-              {this.props.libraries && this.props.libraries.length > 0 && (
-                <EditableInput
-                  elementType="select"
-                  ref={this.libraryRef}
-                  value={currentLibrary}
-                  onChange={this.changeLibrary}
-                  aria-label="Select a library"
-                >
-                  {(!this.context.library || !currentLibrary) && (
-                    <option aria-selected={false}>Select a library</option>
+            <Navbar.Collapse className="menu">
+              {currentLibrary && (
+                <Nav>
+                  {this.renderLinkItem(
+                    dashboardLinkItem,
+                    currentPathname,
+                    currentLibrary
                   )}
-                  {this.props.libraries.map((library) => (
-                    <option
-                      key={library.short_name}
-                      value={library.short_name}
-                      aria-selected={currentLibrary === library.short_name}
-                    >
-                      {library.name || library.short_name}
-                    </option>
-                  ))}
-                </EditableInput>
+                  {libraryNavItems.map((item) =>
+                    this.renderNavItem(item, currentPathname, currentLibrary)
+                  )}
+                  {libraryLinkItems.map((item) =>
+                    this.renderLinkItem(item, currentPathname, currentLibrary)
+                  )}
+                </Nav>
               )}
-              <Navbar.Toggle />
-            </>
-          )}
-        </Navbar.Header>
-
-        {!logoOnly && (
-          <Navbar.Collapse className="menu">
-            {currentLibrary && (
-              <Nav>
-                {this.renderLinkItem(
-                  dashboardLinkItem,
-                  currentPathname,
-                  currentLibrary
+              <Nav className="pull-right">
+                {sitewideLinkItems.map((item) =>
+                  this.renderLinkItem(item, currentPathname)
                 )}
-                {libraryNavItems.map((item) =>
-                  this.renderNavItem(item, currentPathname, currentLibrary)
-                )}
-                {libraryLinkItems.map((item) =>
-                  this.renderLinkItem(item, currentPathname, currentLibrary)
+                {this.context.admin.email && (
+                  <li className="dropdown">
+                    <Button
+                      className="account-dropdown-toggle transparent"
+                      type="button"
+                      aria-haspopup="true"
+                      aria-expanded={this.state.showAccountDropdown}
+                      callback={this.toggleAccountDropdown}
+                      content={
+                        <span>
+                          {this.context.admin.email} <GenericWedgeIcon />
+                        </span>
+                      }
+                    />
+                    {this.state.showAccountDropdown && (
+                      <ul className="dropdown-menu">
+                        {this.displayPermissions(
+                          isSystemAdmin,
+                          isLibraryManager
+                        )}
+                        {this.renderLinkItem(accountLink, currentPathname)}
+                        <li>
+                          <a href="/admin/sign_out">Sign out</a>
+                        </li>
+                      </ul>
+                    )}
+                  </li>
                 )}
               </Nav>
-            )}
-            <Nav className="pull-right">
-              {sitewideLinkItems.map((item) =>
-                this.renderLinkItem(item, currentPathname)
-              )}
-              {this.context.admin.email && (
-                <li className="dropdown">
-                  <Button
-                    className="account-dropdown-toggle transparent"
-                    type="button"
-                    aria-haspopup="true"
-                    aria-expanded={this.state.showAccountDropdown}
-                    callback={this.toggleAccountDropdown}
-                    content={
-                      <span>
-                        {this.context.admin.email} <GenericWedgeIcon />
-                      </span>
-                    }
-                  />
-                  {this.state.showAccountDropdown && (
-                    <ul className="dropdown-menu">
-                      {this.displayPermissions(isSystemAdmin, isLibraryManager)}
-                      {this.renderLinkItem(accountLink, currentPathname)}
-                      <li>
-                        <a href="/admin/sign_out">Sign out</a>
-                      </li>
-                    </ul>
-                  )}
-                </li>
-              )}
-            </Nav>
-          </Navbar.Collapse>
-        )}
-      </Navbar>
+            </Navbar.Collapse>
+          )}
+        </Navbar>
+      </header>
     );
   }
 
diff --git a/src/components/__tests__/Header-test.tsx b/src/components/__tests__/Header-test.tsx
index 26d60f80d..c6ae4aabd 100644
--- a/src/components/__tests__/Header-test.tsx
+++ b/src/components/__tests__/Header-test.tsx
@@ -42,6 +42,11 @@ describe("Header", () => {
   });
 
   describe("rendering", () => {
+    it("renders h1 heading", () => {
+      const heading = wrapper.find("h1");
+      expect(heading.text()).to.equal(title());
+    });
+
     it("shows the brand name", () => {
       expect(wrapper.containsMatchingElement(<img alt={title()} />)).to.equal(
         true
diff --git a/src/index.tsx b/src/index.tsx
index 4b67d2dee..ff54c211c 100644
--- a/src/index.tsx
+++ b/src/index.tsx
@@ -27,6 +27,7 @@ class CirculationAdmin {
     div.id = "opds-catalog";
     div.className = "palace";
     document.getElementsByTagName("body")[0].appendChild(div);
+    document.documentElement.lang = "en";
 
     const catalogEditorPath =
       "/admin/web(/collection/:collectionUrl)(/book/:bookUrl)(/tab/:tab)";