Atlassian uses cookies to improve your browsing experience, perform analytics and research, and conduct advertising. Accept all cookies to indicate that you agree to our use of cookies on your device. Atlassian cookies and tracking notice, (opens new window)
Answers
/
Image Effects and Alt Text
Updated Sep 06, 2018

    Image Effects and Alt Text

    Sep 06, 2018

    Image Effects


    After you have added an image to your page (instructions on adding a page), you can configure it with special effects. Select the picture while in edit mode, and an image toolbar will appear below the image.

    Image Size

    The number at the far left shows the current size of the image in pixels. You can click on the buttons with the different-sized boxes to change the size of the image on the page. On the left, the smallest box will turn the image into a thumbnail. Click on the button named "Original" to return the image to its original size.

    Border

    Click on the "Border" button to add a simple, black border around the picture.

    Link

    Click on the "Link" button to associate the picture with a web page. If someone clicks on the picture, they will then be taken to that web page. Once a link has been associated with an image, new buttons will appear on the image toolbar. You can use these button to edit the link associated with the image and to remove the link from the image.

    Screen capture showing toolbar linked

    Properties

    The "Properties" button can be used to add visual effects around the picture:

    Image Titles and Alt Text


    Select the "Image Properties" button and then "Title" from the left hand menu.  You can now add an image title that will appear when someone hovers their mouse over the image.  Alt text is crucial for webpages to be uniformly accessible, helping individuals with screen readers understand and navigate your pages. Please see Web Accessibility for more information on creating meaningful alt text.

    Screen capture of Properties settings, showing where to place Title text and Alt text

     

    , multiple selections available, Use left or right arrow keys to navigate selected items
    images
    border
    pictures
    effects
    links
    revw
    com.atlassian.confluence.content.render.xhtml.migration.exceptions.UnknownMacroMigrationException: The macro 'ivy-ai' is unknown.
    Answers Knowledge Base
    Teams
    , (opens new window)

    Information Technology Support
    • How-to articles
      How-to articles
       This trigger is hidden
    Results will update as you type.
    • Accessible Technology Toolkit
    • Accounts and NetIDs
    • Campus Departments
    • Campus Living
    • Email (SUMail)
    • General Computing
    • Networks at Syracuse University
    • Printing
    • Remote Access
    • Schools & Colleges
    • Services and Applications
      • MySlice
      • University Events with Technology Supported by ITS
      • Orange Tracker
      • 2U Support Services
      • Adobe at Syracuse University
      • Answers
        • Alternatives to Answers Private Spaces
        • Personal Spaces in Answers
        • Answers' Editing Policy
        • Answers Content Help
          • Adding Attachments
          • Anchor Macro
          • Content Accessibility
          • Creating Pages in Answers
          • Discard Draft/Unpublished Changes
          • Display a YouTube Video on a Page
          • Embedding Video on Answers Pages
          • Enhancing your Page
          • Image Effects and Alt Text
          • Kaltura Video Macro
          • Managing and Removing Attachments
          • Modifying Tables in Answers
          • Page Restrictions
          • Page Templates
          • Section and Column Macro
          • Sharing or Linking to an Answers Page
          • Using labels in Answers
      • Campus Map (Concept3D)
      • Cisco IP Phone Support
      • Expressions
      • GET - Managing Your Campus Money, Food & More
      • Syracuse University Google Workspace for Education Service
      • How-to articles
      • ITS Computer Labs
      • ITS Faculty and Staff Services
      • ITS Student Services
      • Kaltura at Syracuse University
      • IT Learning Opportunities
      • LinkedIn Learning at Syracuse University
      • Microsoft 365 at Syracuse University
      • SU Today
      • Web Conferencing Solutions
      • Zoom at Syracuse University
      • Orange Safe App
      • GitHub at Syracuse University
      • Listserv at Syracuse University
      • OrangeNow
      • OrangeAccess
    • Teaching and Learning
    • Directory - office location for main campus faculty and staff
      Calendars
    You‘re viewing this with anonymous access, so some content might be blocked.
    {"serverDuration": 10, "requestCorrelationId": "cdd77fdd268e4f8f844e6e417f49ba82"}