Granicus Glen
Home MenuConsider WCAG While Using Images
Often what we want to display to our site visitors is a Flyer or Poster that we have made that invites them to an up coming event or showcases past achievements for projects completed. Don't use the Flyer as the only context of that content- Why? the information within the image/ document visual is not going to be indexed on the internet- meaning people cant search for that information and only find it by searching for the title of the flyer you uploaded. The content doesn't scale well on different sized screens, and never gets translated into other languages. And if you use an image with words in it- all of the words must also exist in the image's Alternative Tag/ Alt Text. Consider your large Flyer/ Poster that is being used in a physical hand out way to provide a sighted person with quick tidbits of information, would you hand the same piece of paper to someone you knew was blind? No way.
there are many examples on this page that are supplied to show what can be done.
- Images with words in it
- Image widgets and their purpose
- Images that are purely decorations
- Images in text areas
- Images that are icons/buttons
Content Columns Widget
An awesome text area widget that allows you to have text and supporting content in 1 column and then display an image at 100% the width of another column.
An image in a text area must also have an appropriate Alternative tag/ atl text
Calendar Tile / News Tile Widget
The Calendar Tile and News Tile widgets showcase an image within a Thumbnail view that can draw in site visitors while also giving them important information that differentiates each piece of content. Consider your large Flyer/ Poster that is being used in a physical hand out way to provide a sighted person with quick tidbits of information, these widgets can organize your events and news releases along side similar content for immediate understanding.
- 11/18/2025 4:32 PM
Granapolis Gazette
Mayor Issues Winter Parks Challenge
Get out and play this season, in as many parks as possible.
- 02/13/2024 12:38 PM
City Projects
Graffiti Revitalization to Commence in 2024
Local Artists Encouraged
- 02/13/2024 12:37 PM
City Projects
City Hall Grand Opening
A ribbon cutting and celebration.
Interior Collage With Captions
Showcase many images of similar sizes while also allowing for a title and description
