plainlanguage.gov icon indicating copy to clipboard operation
plainlanguage.gov copied to clipboard

Car Rollover Safety Example for Before/After Image isn't legible

Open chriscct7 opened this issue 8 years ago • 3 comments

Summarize the issue in one sentence

The image of the notice used in the car rollover safety example in the before/after section isn't legible.

A copy of this image, sized as served, is linked below: image

Tell us more about how we can help

After attempting to locate a replacement image, I believe that the best option would be to use a cropped version of the car rollover notice found in The Department of Transportation National Highway Traffic Safety Administration's Document 49 CFR Parts 571 and 575, as located at the top of page 4 as published in the US Government's Federal Register Volume 64, No. 45 from Tuesday, March 9, 1999.

This image can be found in the PDF version served from the Government Publishing Office's website here: https://www.gpo.gov/fdsys/pkg/FR-1999-03-09/pdf/99-5735.pdf#page=4.

The image, which I roughly cropped appears like such: image

Note, there is a lot of unused space in the box that is used to frame the image. Therefore, if the image is re-sourced from the above document, it does not necessarily (and perhaps for better accessibility) need to be shrunk to the same dimensions as the currently displayed image.

This image features larger text that is more legible as the image is shrunk, versus the currently displayed image (which is also from the same document; it's on the last page).

Details

  • Related links https://plainlanguage.gov/examples/before-and-after/car-safety/
  • Operating system and version (example: Windows 10 or Mac OS X 10.12.6) Windows 7
  • Browser and version (example: Chrome, Internet Explorer, or Safari) Chrome 61.0.3163.100 Official Build

chriscct7 avatar Nov 16 '17 05:11 chriscct7

As an update, by inspecting the element of the currently served image and using the raw URL to the GitHub hosted version of the cropped image above and using Chrome's inspector tool to replicate the image dimensions using CSS to the current image height/width it fits rather nicely and is far more legible.

Output when in place:

Before:

image

After:

This is what it would look like to retain the previous image dimensions roughly (again someone will want to redo my quick cropping work):

image

chriscct7 avatar Nov 16 '17 05:11 chriscct7

@MEVincentPL Do you have any thoughts about this suggestion?

nicoleslaw avatar Dec 06 '17 15:12 nicoleslaw

Not at the moment, but it's on my list for this week.

Miriam Vincent Staff Attorney, Legal Affairs and Policy Division Office of the Federal Register National Archives and Records Administration (o)202.741.6024 (bb) 202.276.3219

On Wed, Dec 6, 2017 at 10:20 AM, Nicole Fenton [email protected] wrote:

@MEVincentPL https://github.com/mevincentpl Do you have any thoughts about this suggestion?

— You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub https://github.com/GSA/plainlanguage.gov/issues/157#issuecomment-349671248, or mute the thread https://github.com/notifications/unsubscribe-auth/Ae1s5TYTHB9uTNsTwY3g0fMqVs3apKE3ks5s9rDOgaJpZM4Qf-X3 .

MEVincentPL avatar Dec 06 '17 15:12 MEVincentPL

Closing as this page will not be migrated.

nick-mon1 avatar Apr 18 '24 17:04 nick-mon1