From be8bcae6ae4d0d4071bdb7857eb4654adf735afe Mon Sep 17 00:00:00 2001
From: Paulina Nogal <pnogal@wisc.edu>
Date: Thu, 29 Aug 2019 16:48:28 +0000
Subject: [PATCH] Visual changes for accessibility fixes
---
src/app/dars/audit/audit.component.html | 16 +++++++---------
.../metadata-table/metadata-table.component.scss | 2 +-
.../new-degree-audit-dialog.component.html | 4 ++--
.../new-degree-audit-dialog.component.scss | 2 +-
.../new-what-if-audit-dialog.component.html | 4 ++--
.../new-what-if-audit-dialog.component.scss | 2 +-
src/assets/sass/general.scss | 5 +++++
7 files changed, 19 insertions(+), 16 deletions(-)
diff --git a/src/app/dars/audit/audit.component.html b/src/app/dars/audit/audit.component.html
index a8d3644..adae643 100644
--- a/src/app/dars/audit/audit.component.html
+++ b/src/app/dars/audit/audit.component.html
@@ -6,6 +6,13 @@
<span *ngFor="let line of audit.errorText">{{ line }}</span>
</div>
</div>
+ <h1 class="text-align-center">
+ {{audit.header.clientDefinedMessage}}
+ <br />
+ {{audit.header.degreeProgramTitle1}}
+ <br />
+ {{audit.header.degreeProgramTitle2}}
+ </h1>
<div class="audit-metadata">
<div>
<p>{{audit.header.preparedLabel}}: {{audit.header.preparedDate}}</p>
@@ -21,15 +28,6 @@
</p>
</div>
</div>
-
- <h1 class="text-align-center">
- {{audit.header.clientDefinedMessage}}
- <br />
- {{audit.header.degreeProgramTitle1}}
- <br />
- {{audit.header.degreeProgramTitle2}}
- </h1>
-
</header>
<section class="audit-section" class="audit-top-section">
diff --git a/src/app/dars/metadata-table/metadata-table.component.scss b/src/app/dars/metadata-table/metadata-table.component.scss
index af40b10..d8c4a94 100644
--- a/src/app/dars/metadata-table/metadata-table.component.scss
+++ b/src/app/dars/metadata-table/metadata-table.component.scss
@@ -24,7 +24,7 @@ $black: #000000;
display: block;
box-sizing: border-box;
width: 100%;
- color: #7d7a7a;
+ color: #494949;
text-align-last: left;
> div {
diff --git a/src/app/dars/new-degree-audit-dialog/new-degree-audit-dialog.component.html b/src/app/dars/new-degree-audit-dialog/new-degree-audit-dialog.component.html
index 99fc303..262bf9e 100644
--- a/src/app/dars/new-degree-audit-dialog/new-degree-audit-dialog.component.html
+++ b/src/app/dars/new-degree-audit-dialog/new-degree-audit-dialog.component.html
@@ -133,7 +133,7 @@
<small>{{ course.title }}</small>
</label>
<mat-form-field>
- <mat-label>{{ course.creditMin }}-{{ course.creditMax }} cr</mat-label>
+ <mat-label>{{ course.creditMin }}-{{ course.creditMax }} credits</mat-label>
<mat-select
formControlName="creditsDropdown"
attr.aria-label="{{ credit }} credits"
@@ -142,7 +142,7 @@
attr.aria-label="{{ credit }} credits"
*ngFor="let credit of course.range"
[value]="credit">
- {{ credit }} cr
+ {{ credit }} credits
</mat-option>
</mat-select>
</mat-form-field>
diff --git a/src/app/dars/new-degree-audit-dialog/new-degree-audit-dialog.component.scss b/src/app/dars/new-degree-audit-dialog/new-degree-audit-dialog.component.scss
index 9342d9d..522d10b 100644
--- a/src/app/dars/new-degree-audit-dialog/new-degree-audit-dialog.component.scss
+++ b/src/app/dars/new-degree-audit-dialog/new-degree-audit-dialog.component.scss
@@ -43,7 +43,7 @@
}
mat-form-field {
- width: 72px;
+ width: 90px;
display: block;
flex-grow: 0;
text-align: right;
diff --git a/src/app/dars/new-what-if-audit-dialog/new-what-if-audit-dialog.component.html b/src/app/dars/new-what-if-audit-dialog/new-what-if-audit-dialog.component.html
index 7bcec85..5f63281 100644
--- a/src/app/dars/new-what-if-audit-dialog/new-what-if-audit-dialog.component.html
+++ b/src/app/dars/new-what-if-audit-dialog/new-what-if-audit-dialog.component.html
@@ -155,13 +155,13 @@
<small>{{ course.title }}</small>
</label>
<mat-form-field>
- <mat-label>{{ course.creditMin }}-{{ course.creditMax }} cr</mat-label>
+ <mat-label>{{ course.creditMin }}-{{ course.creditMax }} credits</mat-label>
<mat-select formControlName="creditsDropdown" aria-labelledby="credits-range-{{ course.id }}">
<mat-option
attr.aria-label="{{ credit }} credits"
*ngFor="let credit of course.range"
[value]="credit">
- {{ credit }} cr
+ {{ credit }} credits
</mat-option>
</mat-select>
</mat-form-field>
diff --git a/src/app/dars/new-what-if-audit-dialog/new-what-if-audit-dialog.component.scss b/src/app/dars/new-what-if-audit-dialog/new-what-if-audit-dialog.component.scss
index ab73ead..3b3eb03 100644
--- a/src/app/dars/new-what-if-audit-dialog/new-what-if-audit-dialog.component.scss
+++ b/src/app/dars/new-what-if-audit-dialog/new-what-if-audit-dialog.component.scss
@@ -44,7 +44,7 @@
}
mat-form-field {
- width: 72px;
+ width: 90px;
display: block;
flex-grow: 0;
text-align: right;
diff --git a/src/assets/sass/general.scss b/src/assets/sass/general.scss
index 4ef9128..97d6981 100644
--- a/src/assets/sass/general.scss
+++ b/src/assets/sass/general.scss
@@ -150,6 +150,7 @@ main {
.mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float
.mat-form-field-label {
font-size: 16px;
+ color: #494949;
}
.mat-warn .mat-input-element,
@@ -311,6 +312,10 @@ main {
// Form fields styles
+.mat-paginator-range-actions {
+ color: #494949;
+}
+
.includeCoursesFrom {
.mat-radio-label {
white-space: normal !important;
--
GitLab