All graphics on the public website need to be accessible to all visitors. Graphics should have minimal text. When advertising an event, please include all event details in a Word document. The graphic should be a clean, quick visual with the topic. Items in the website slider are only visible for a few seconds. That's not enough time to read an entire schedule.
Please follow the below graphic guidelines and send the appropriate size for the area you want it posted:
Image Sizes & Ratio
These are only approximations. If you are editing your site, you may find a size that works better for your site. If you are sending to me to add, I can make minor adjustments. Please remember that the area at the bottom of images in the Gallery and School Highlights may be covered by the caption; don't put anything important on the bottom of the image.
|645 pixels X 555 pixels**
|640 pixels x 525 pixels
|400 pixels x 200 pixels
|400 pixels X 400 pixels
|Noteworthy & Trending
|350 pixels x 250 pixels
*These sizes may be off a small amount depending on how many links are in the I Want To box. The gallery section matches the size of the I Want To Box so if there are a lot of links, you will need to increase the height of your image. That is why currently, the district sizing is different that schools.
**Pixels are a form of measurement for screens. If you are creating in Canva or Adobe you will be able to change the size measurement to pixels. It roughly translates to 96 pixels = 1 inch.
IMPORTANT: If you are editing your school's website, please remember to add alternate text to all images including those in the gallery. For images in the gallery, the alternate text is taken from the Title.
Alternate Text for Images
Alternate text provides the content and function of the image. (For privacy, we don't include names unless they are public figures, or leadership.)
i.e. SDIRC Teacher of the Year with students
i.e. Mother's Day event graphic link to details
We must use alternate text for images because:
- It is read by screen readers in place of images allowing the content and function of the image to be accessible to those with visual or certain cognitive disabilities.
- It is displayed in place of the image in browsers if the image file is not loaded or when the user has chosen not to view images.
- It provides a semantic meaning and description to images which can be read by screen readers