Increase base font size, update heading levels, use rem, and increase width

Bug #1845053 reported by Kristina Hoeppner on 2019-09-23
6
This bug affects 1 person
Affects Status Importance Assigned to Milestone
Mahara
Wishlist
Evonne Cheung

Bug Description

As part of our accessibility review, we are going to increase the base font size from 14px to 16px. In addition, there are some elements that do not yet have font size variables. They will be changed to allow for flexibility.

We'll also need to review the line height at the same time and the hover background and whether and if so where we are going to keep it. UX will be needed for that.

All these changes are to be looked at alongside the WCAG 2.1 guidelines after 20.10.

Changed in mahara:
importance: High → Wishlist

Should be mostly complete. We'll need to make decisions for each of them from an accessibility and UX perspective.

Changed in mahara:
milestone: 20.04.0 → 20.10.0
summary: - Font size and size variable review for 20.04
+ Font size and size variable review
Changed in mahara:
status: Confirmed → In Progress

Reviewed: https://reviews.mahara.org/11078
Committed: https://git.mahara.org/mahara/mahara/commit/1d324796cf8e51467a8e7074a1ea2d5ffcfe6cce
Submitter: Cecilia Vela Gurovic (<email address hidden>)
Branch: master

commit 1d324796cf8e51467a8e7074a1ea2d5ffcfe6cce
Author: Evonne <email address hidden>
Date: Tue Jul 21 18:33:05 2020 +1200

Bug 1845053 Font size and size variable

Base font has been increased to 16px, and as a result, variables
have had to be recalculated.

Max browser width has been increased to 1440px to allow the
larger font to have more characters in a line.

As a part of accessibility, headings H1-H6 have had to be rejigged.
Note that for elements such as popup/modals, the heading restarts
at H1 again as advised by Julius.

Page heading is H1, block heading is H2, everything else should be
H3. Trying to attempt to reserve H4-H6 for user content, but it is
still existing in some places as some things can't be changed.

Attachment markups have been unified and added to styleguide.

Removed H3/H4 from fieldset legends.

behatnotneeded

Change-Id: I69273c9775d658f03738c29be8d230b59c189790

Changed in mahara:
status: In Progress → Fix Committed
Mahara Bot (dev-mahara) wrote :

Patch for "master" branch: https://reviews.mahara.org/11286

Mahara Bot (dev-mahara) wrote :

Patch for "master" branch: https://reviews.mahara.org/11288

Reviewed: https://reviews.mahara.org/11285
Committed: https://git.mahara.org/mahara/mahara/commit/d7411e02456f01c14a0e726590092a1736511d87
Submitter: Robert Lyon (<email address hidden>)
Branch: master

commit d7411e02456f01c14a0e726590092a1736511d87
Author: Evonne <email address hidden>
Date: Fri Sep 18 12:56:17 2020 +1200

Bug 1845053 Theme bugs in Customisable Theme

Changed some elements to inherit a fixed gray toned colour scheme
instead of using customised values.

Changed focus outline to use customised value.

behatnotneeded

Change-Id: I055b3f7829d98b81e9f55f6a02d9262f6dcf15e1

Mahara Bot (dev-mahara) wrote :

Reviewed: https://reviews.mahara.org/11286
Committed: https://git.mahara.org/mahara/mahara/commit/e1fb00582607ade4874106e854902200f7f5412a
Submitter: Robert Lyon (<email address hidden>)
Branch: master

commit e1fb00582607ade4874106e854902200f7f5412a
Author: Evonne <email address hidden>
Date: Fri Sep 18 14:16:11 2020 +1200

Bug 1845053 Theme updates to Maroon

Chrome bugs for slanted header/footer background, some contrast
issues with nav menu and alignment of dashboard-widgets.

behatnotneeded

Change-Id: I6457bc0fa2c9ecedc7df438eb5109e3d2fcffd37

tags: added: newfeature
description: updated
summary: - Font size and size variable review
+ Increase base font size, update heading levels, use rem, and increase
+ width
Mahara Bot (dev-mahara) wrote :

Reviewed: https://reviews.mahara.org/11288
Committed: https://git.mahara.org/mahara/mahara/commit/68791d820b5e87ab7f881aecb9afadecb077ab12
Submitter: Robert Lyon (<email address hidden>)
Branch: master

commit 68791d820b5e87ab7f881aecb9afadecb077ab12
Author: Evonne <email address hidden>
Date: Fri Sep 18 15:41:29 2020 +1200

Bug 1845053 Theme updates for Raw theme

Removed dashboard boxes hide link.

Corrected style for import form button.

Reset headings for SmartEvidence popovers.

Removed line between customised theme color selector form.

Increase gap between dashboard boxes and edit button.

Changes collection title from h2 to div.collection-title.

Realign left when two select boxes are vertically after one another,
rather than horizontally after one another.

Took away smaller font sizes in skins, put default as medium.

Brought back .card-half to make managing collection pages side by
side. Icon on add pages button changed to a plus, and turned to
secondary button.

behatnotneeded

Change-Id: I114d1b022300b075d2df26a14d3b55cc255cc3af

Mahara Bot (dev-mahara) wrote :

Patch for "master" branch: https://reviews.mahara.org/11311

border in institutions that are not suspended

Reviewed: https://reviews.mahara.org/11310
Committed: https://git.mahara.org/mahara/mahara/commit/106fe3c85f13aed8cea22553fc5304cec88adc3b
Submitter: Cecilia Vela Gurovic (<email address hidden>)
Branch: master

commit 106fe3c85f13aed8cea22553fc5304cec88adc3b
Author: Evonne <email address hidden>
Date: Wed Sep 30 15:36:49 2020 +1300

Bug 1845053 Suspended institution card header color contrast

Moved class .bg-warning into parent div to correct the colouring
and put in a condition so it only shows when institution is
suspended.

behatnotneeded

Change-Id: Ia93c27f7a05ed303279b7f9f807ba95b3cadd60b

Reviewed: https://reviews.mahara.org/11324
Committed: https://git.mahara.org/mahara/mahara/commit/7d307ee7feaed60dc73c9915a3ae3e0e72111a3e
Submitter: Cecilia Vela Gurovic (<email address hidden>)
Branch: 20.10_STABLE

commit 7d307ee7feaed60dc73c9915a3ae3e0e72111a3e
Author: Evonne <email address hidden>
Date: Wed Sep 30 15:36:49 2020 +1300

Bug 1845053 Suspended institution card header color contrast

Moved class .bg-warning into parent div to correct the colouring
and put in a condition so it only shows when institution is
suspended.

behatnotneeded

Change-Id: Ia93c27f7a05ed303279b7f9f807ba95b3cadd60b
(cherry picked from commit 106fe3c85f13aed8cea22553fc5304cec88adc3b)

Robert Lyon (robertl-9) on 2020-10-22
Changed in mahara:
status: Fix Committed → Fix Released
To post a comment you must log in.
This report contains Public information  Edit
Everyone can see this information.

Other bug subscribers