NIH | National Cancer Institute | NCI Wiki  

Error rendering macro 'rw-search'

null

Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

  • Adding alternative text to images is one of the easiest accessibility principles to learn and one of the hardest to master.
  • Alternative text may be provided in the alt attribute or in the surrounding context of the image.
  • Every image must have an alt attribute.
  • Alternative text should:
    • present the CONTENT and FUNCTION of the image.
    • be succinct.
  • Alternative text should not:
    • be redundant (be the same as adjacent or body text).
    • use the phrases "image of…" or "graphic of…".
  • Appropriate alternative text depends heavily on the image's context.
  • Alt text of a functional image (e.g.for example, an image within a link) should describe the function as well as the content.
  • Decorative images still need an alt attribute, but it should be null (alt="").

...

Confluence supports adding alternative text in the Image Properties dialog box.

  1. Click In the page you want to change, click Edit
  2. Select the image. The image properties panel appears.  image to display the image properties menu.
    Image properties menu
  3. Click the Properties button. The Image Properties dialog box appears. 
    Image Properties dialog box
  4. Enter alt text in In the Alt text field, enter alt text. Until CONFSERVER-34728 has been fixed, avoid using the following special characters in alt-text:

    • forward slash (/)
    • colon (:)
    • question mark (?)
    • double quote (")
    • semi colon (;)

    Do not add text in the Title text field.

...

Info
titleSpecial characters

Until CONFSERVER-34728 has been fixed, avoid using the following special characters in alt-text:

  • forward slash (/)
  • colon (:)
  • question mark (?)
  • double quote (")
  • semi colon (;)
Confluence deletes the alt text if you insert a slash (/), as described in CONFSERVER-34728.

An image inserted this way has alt text, which is evident to the user of a screen reader for the following image. Display the image properties in the browser to view the alt text.

...