Merge pull request 'OZG-5833-Barrierefreiheit-Layoutanpassungen' (#709) from...

Merge pull request 'OZG-5833-Barrierefreiheit-Layoutanpassungen' (#709) from OZG-5833-Barrierefreiheit-Layoutanpassungen into master

Reviewed-on: https://git.ozg-sh.de/ozgcloud-app/alfa/pulls/709


Reviewed-by: OZGCloud <ozgcloud@mgm-tp.com>

alfa-client/libs/vorgang/src/lib/vorgang-list-page-container/vorgang-list-page/vorgang-views-menu/vorgang-views-menu.component.html

@@ -24,7 +24,7 @@
 
 -->
 <ng-container *ngIf="vorgangStatisticStateResource?.resource as statistic">
-  <div class="views">
+  <nav class="views" aria-label="Statusansichten">
     <alfa-vorgang-view-item-container
       *ngIf="
         apiRootResource
@@ -190,5 +190,5 @@
       class="top-border"
     >
     </alfa-vorgang-search-view-item-container>
-  </div>
+  </nav>
 </ng-container>

alfa-client/libs/vorgang/src/lib/vorgang-list-search-container/vorgang-list-search/vorgang-list-search.component.scss

@@ -7,6 +7,6 @@ div {
 }
 
 h3 {
-  font-size: 18px;
+  font-size: 1.125rem;
   margin-bottom: 4px;
 }

alfa-client/libs/wiedervorlage/src/lib/wiedervorlage-list-in-vorgang-container/wiedervorlage-list-in-vorgang/wiedervorlage-in-vorgang/wiedervorlage-in-vorgang.component.html

@@ -23,7 +23,10 @@
     unter der Lizenz sind dem Lizenztext zu entnehmen.
 
 -->
-<div [attr.data-test-id]="wiedervorlageResource.betreff | convertForDataTest" class="container">
+<div
+  [attr.data-test-id]="wiedervorlageResource.betreff | convertForDataTest"
+  class="container text-sm"
+>
   <div class="row">
     <alfa-wiedervorlage-status
       data-test-class="status"

alfa-client/libs/wiedervorlage/src/lib/wiedervorlage-page-container/wiedervorlage-page/wiedervorlage-breadcrumb-container/wiedervorlage-breadcrumb/wiedervorlage-breadcrumb.component.html

@@ -23,8 +23,4 @@
     unter der Lizenz sind dem Lizenztext zu entnehmen.
 
 -->
-<span alfa-aktenzeichen [vorgang]="vorgang"></span>
-<span>/</span>
-<span>Wiedervorlagen</span>
-<span>/</span>
-<span>{{ betreff }}</span>
+<h2 class="mb-2 mt-1 text-base font-medium">{{ betreff }}</h2>

alfa-client/libs/wiedervorlage/src/lib/wiedervorlage-page-container/wiedervorlage-page/wiedervorlage-breadcrumb-container/wiedervorlage-breadcrumb/wiedervorlage-breadcrumb.component.scss

-/**
- * Copyright (C) 2022 Das Land Schleswig-Holstein vertreten durch den
- * Ministerpräsidenten des Landes Schleswig-Holstein
- * Staatskanzlei
- * Abteilung Digitalisierung und zentrales IT-Management der Landesregierung
- *
- * Lizenziert unter der EUPL, Version 1.2 oder - sobald
- * diese von der Europäischen Kommission genehmigt wurden -
- * Folgeversionen der EUPL ("Lizenz");
- * Sie dürfen dieses Werk ausschließlich gemäß
- * dieser Lizenz nutzen.
- * Eine Kopie der Lizenz finden Sie hier:
- *
- * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
- *
- * Sofern nicht durch anwendbare Rechtsvorschriften
- * gefordert oder in schriftlicher Form vereinbart, wird
- * die unter der Lizenz verbreitete Software "so wie sie
- * ist", OHNE JEGLICHE GEWÄHRLEISTUNG ODER BEDINGUNGEN -
- * ausdrücklich oder stillschweigend - verbreitet.
- * Die sprachspezifischen Genehmigungen und Beschränkungen
- * unter der Lizenz sind dem Lizenztext zu entnehmen.
- */
-@import 'variables';
-
-:host {
-  display: block;
-  font-size: 18px;
-  margin: 0 -4px 24px -4px;
-
-  ::ng-deep span {
-    margin: 0 4px;
-  }
-
-  a {
-    text-decoration: none;
-    outline: 0;
-    margin: -3px;
-    padding: 3px;
-
-    &:focus {
-      border-radius: 12px;
-      background-color: rgba(#777, 0.16);
-    }
-  }
-}

alfa-client/libs/wiedervorlage/src/lib/wiedervorlage-page-container/wiedervorlage-page/wiedervorlage-breadcrumb-container/wiedervorlage-breadcrumb/wiedervorlage-breadcrumb.component.ts

@@ -21,14 +21,13 @@
  * Die sprachspezifischen Genehmigungen und Beschränkungen
  * unter der Lizenz sind dem Lizenztext zu entnehmen.
  */
-import { Component, Input, OnChanges, SimpleChanges } from '@angular/core';
 import { VorgangResource } from '@alfa-client/vorgang-shared';
 import { WiedervorlageMessages, WiedervorlageResource } from '@alfa-client/wiedervorlage-shared';
+import { Component, Input, OnChanges, SimpleChanges } from '@angular/core';
 
 @Component({
   selector: 'alfa-wiedervorlage-breadcrumb',
   templateUrl: './wiedervorlage-breadcrumb.component.html',
-  styleUrls: ['./wiedervorlage-breadcrumb.component.scss'],
 })
 export class WiedervorlageBreadcrumbComponent implements OnChanges {
   @Input() vorgang: VorgangResource;

alfa-client/libs/wiedervorlage/src/lib/wiedervorlage-page-container/wiedervorlage-page/wiedervorlage-page.component.html

@@ -33,7 +33,8 @@
   </ozgcloud-subnavigation>
 
   <div class="l-scroll-area--full">
-    <div class="wrapper">
+    <div class="wrapper grow">
+      <h1 class="text-lg font-medium">Wiedervorlage</h1>
       <alfa-wiedervorlage-breadcrumb-container
         [wiedervorlage]="wiedervorlageStateResource.resource"
       ></alfa-wiedervorlage-breadcrumb-container>