Skip to content

Conversation

@jrjohnson
Copy link
Member

I've locked in a value for our boldest font at 600. Previously we had many at 600, some defaults at 700, and some places with a mix. Hoping this will help with #8773 (review) needs review and discussion.

@netlify
Copy link

netlify bot commented Aug 18, 2025

Deploy Preview for ilios-frontend ready!

Name Link
🔨 Latest commit 6317d08
🔍 Latest deploy log https://app.netlify.com/projects/ilios-frontend/deploys/68af29aafe33ec000872b78d
😎 Deploy Preview https://deploy-preview-8777--ilios-frontend.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.
Lighthouse
Lighthouse
1 paths audited
Performance: 51 (🔴 down 8 from production)
Accessibility: 100 (no change from production)
Best Practices: 100 (no change from production)
SEO: 100 (no change from production)
PWA: 90 (no change from production)
View the detailed breakdown and full score reports

To edit notification comments on pull requests, go to your Netlify project configuration.

Copy link
Member

@dartajax dartajax left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Interesting - a lot lighter for sure but I like it - not yelling as much for sure.

@jrjohnson
Copy link
Member Author

Team Discussion - overall, good. However, in areas where user's in put data (such as session description) we should hold on to the darker bold. It is simply too light to differentiate in this content (such as in a single event view).

Locking down on our font-weights, start with declaring that bold is now
600. Usually it is 700 by default, but we have a lot of places where
     we've already set the weight at 600 so I matched that.
These are the same thing, but being more explicit helps with linting.
Standardizing on 600 for bold
Remove the option to use the confusing names and require a specific set
of font weights.
Removed the font-weights we don't support
I've removed the local aliases as we're preloading these anyway so there
is no gain if we pull a local copy and also modernized the src as every
browser we support supports woff2 and the format syntax.
I was a little to hasty to cut these, they add nothing to our load
times, but finding them again once they're gone will be annoying.
Restored.
Locking in a default here, the one we've been using was 700 out of
normalize.css
This is slightly less bold now which lowered the contrast against the
blue background. This darker orange is more in line with our current
colors anyway and meets a11y requirements.
When user input in a session description or objective title is shown to
students we want it to be very bold. There is a substantial difference
in appearance between 600 and 700 font weight here so I've made an
exception and pushed this back to 700.
@jrjohnson
Copy link
Member Author

Bold is now bolder for student views of session description and objectives.

@dartajax dartajax added the run ui tests Run the expensive UI tests label Aug 28, 2025
@dartajax dartajax merged commit 6ccc54b into ilios:master Aug 29, 2025
39 checks passed
@jrjohnson jrjohnson deleted the less-bold branch August 29, 2025 15:59
@jrjohnson jrjohnson added a11y PRs and issues related to making Ilios more accessi and removed run ui tests Run the expensive UI tests labels Sep 15, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

a11y PRs and issues related to making Ilios more accessi

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants