search

utkwdn / utkwds

The University of Tennessee, Knoxville Web Design System
4 stars 0 forks source link

New component: In-Page Alert #236

Open pikemurdy opened 7 months ago

pikemurdy commented 7 months ago

-Content and wide width options -Heading is not a semantic heading, unless there is a semantic for information—could be an aside? -Icon and icon size TBD -Alt text: "Information" -Icon stacks

-- The EMC team would appreciate a pattern that supports announcements and notifications, and includes support for adding to select pages or adding to all pages directly below the main navigation/header as part of that site template part.

Here are a few example patterns on an unpublished sandbox page on UG Admissions: https://admissions.utk.edu/?page_id=4224&preview=true

reasterbrooknc commented 5 months ago

Updated & separated into two issues: https://github.com/utkwdn/utkwds/issues/278

pikemurdy commented 1 week ago

One other question... there really should be three alerts, right? And I think the other issue is for what we'd call a "UT Alert" which is a safety issue: weather announcements, chemical spill in a lab, bear on campus, etc.

But there should be also a 'sitewide' alert, correct? A place where admissions, could say, put a prominent banner to announce the importance of an upcoming application deadline.

reasterbrooknc commented 1 week ago

We discussed earlier this year the alert "stack" that we usually build, which is noted on the sitewide alert issue.

So yes, there should be sitewide alert(s), but the use cases would be different than an in-page alert, which is intended to live in the content well and to communicate non-emergency information.

rdelaude commented 1 week ago

Copy for default pattern text and storefront pattern demo (ok to drop the heading and use the core block blank heading in the actual pattern version):

In-Page Alert Make a message stand out on a page of details, so deadlines and special instructions don’t get lost in a wall of text. Only use once per page, remove it once its date passes, and aim not to leave up for more than a month, to avoid causing banner blindness for your site users.