Skip to Main Content
![Banner](//d2jv02qf7xgjwx.cloudfront.net/sites/4631/banner/CUNY_Library_Services_RGB.png)
Step-by-step Instructions: LibGuides Accessibility
Page Title
- Page titles should be brief, clear, informative, and unique.
- When adding new pages in LibGuides, the "Page Name" field is equivalent to the "Title" field.
![Screen grab showing where to place the page title in libguides.](//libapps.s3.amazonaws.com/customers/2832/images/LibGuide_PageTitle.png)
Headings
- Headings help in organizing a web page.
- When creating headings in LibGuides make sure to use the actual heading option and don't just make them visually look different.
![Screen grab showing how to select headings from the drop down menu in the Rich Text/HTML](//libapps.s3.amazonaws.com/customers/2832/images/LibGuides_Headings.png)
Alt-Text for Images (Alternative text)
- Making images and graphics "visible" to all users is one of the first principles of accessibility.
- The way you make your image visible to everyone is by adding "alternative text" or "alt-text".
- Adding alt-text to your images is an accessibility best practice.
- Adding alternative text ("alt text") to an image, will make images and graphics "visible".
- For people using screen readers or browsing speech-enabled websites alt-text can be read aloud or rendered as Braille.
- Alt-text gives the speech input software users the ability to put focus onto a button or linked image with a single voice command.
- Alt-text allows mobile users to turn images off to help with download speeds or limit data-roaming charges.
- In LibGuides there are several ways to add alt-text to images.
- You can add "default" alt-text to an image by using the "Image Manager" to upload the image.
- Each time you reuse an image its default alt-text will be attached.
- This greatly increases the odds alt-text won't be overlooked (especially for images in your shared library.)
- You can also add /change alt-text when you add an image in a Rich Text/HTML.
How to add default alt-text to an image via the Image Manager:
- Go to Content in top menu bar
- Click on Image Manager in drop down menu
![Screen grab showing how to access image map from top menu under content](//libapps.s3.amazonaws.com/customers/2832/images/Accessing_Image_Manager.png)
- In the Image Manager window, upload a new image, then click on the thumbnail and/or click on the thumbnail of image already uploaded to add default alt-text. (Make sure to click on the actual image and not link icon.)
![Image Manager view properties](//libapps.s3.amazonaws.com/customers/2832/images/Image_Manager.png)
- In the Edit Image Properties window, enter your alt-text into the Alternative Text field.
- Click the Save button.
![](//libapps.s3.amazonaws.com/customers/2832/images/Edit_Image_Properties_Alternative_text.png)
How to add alt-text to an image you add via the Rich Text/HTML box:
- Select "Add Rich Text/ HTML"
![Rich Text/HTML screen image](//libapps.s3.amazonaws.com/customers/2832/images/RichTextHTMLbox.png)
![Image selection icon](//libapps.s3.amazonaws.com/customers/2832/images/ImageIconSelect.png)
- In the "Image Properties" window type in the alt-text in the "Alternative Text" field.
![Image Properties pop-up window image showing where to type in alternative text](//libapps.s3.amazonaws.com/accounts/150451/images/ImagePropertiesBox.png)
How to create Lists and Tables
- Do not create lists or tables manually, use the built in formatting.
- Do not use tables for layout.
- When creating tables make sure to add table row headings.
![screen grab with red arrows showing where to create numbered or bullet list and table.](//libapps.s3.amazonaws.com/customers/2832/images/LibGuides_formatting_screen.png)