mirror of
https://github.com/sissbruecker/linkding.git
synced 2025-08-13 21:49:26 +02:00
Accessibility improvements in page structure (#1014)
* Change app link to not use heading * Use main and h1 for main content * Update settings page structure * Fix responsive styles * Update bookmark form page structure * Update auth page structure * Add some basic page titles * Expose side panel section * Add page title for bookmark details * Expose more sections * Improve region names
This commit is contained in:
@@ -34,7 +34,7 @@ class FilterDrawerTriggerBehavior extends Behavior {
|
||||
</button>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<section class="content content-area"></div>
|
||||
<div class="content"></div>
|
||||
</div>
|
||||
</div>
|
||||
`;
|
||||
@@ -70,13 +70,13 @@ class FilterDrawerBehavior extends ModalBehavior {
|
||||
|
||||
teleport() {
|
||||
const content = this.element.querySelector(".content");
|
||||
const sidePanel = document.querySelector("section.side-panel");
|
||||
const sidePanel = document.querySelector(".side-panel");
|
||||
content.append(...sidePanel.children);
|
||||
this.mapHeading(content, "h2", "h3");
|
||||
}
|
||||
|
||||
teleportBack() {
|
||||
const sidePanel = document.querySelector("section.side-panel");
|
||||
const sidePanel = document.querySelector(".side-panel");
|
||||
const content = this.element.querySelector(".content");
|
||||
sidePanel.append(...content.children);
|
||||
this.mapHeading(sidePanel, "h3", "h2");
|
||||
|
Reference in New Issue
Block a user