Display Accessibility Tools

Accessibility Tools

Grayscale

Highlight Links

Change Contrast

Increase Text Size

Increase Letter Spacing

Readability Bar

Dyslexia Friendly Font

Increase Cursor Size

Figure Component

The Figure component adds a box to the page, with a user-selected photo and caption. The box can be set to 33%, 50% or 100% width. It also has a float setting so text can wrap around it. This component was designed to add an image with a caption to a page.

Demo

web photo test alt text
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Instructions for use

While editing a page:

  1. Move your cursor to the area of the page you wish to add the component.
  2. Click the "Insert Component" button in the editor toolbar.
  3. Select the Figure component from the list.
  4. Select a high quality photo that will open in a new tab when clicked.
  5. Select a lower quality photo for better load time on the web, this will display in the figure itself.
  6. Enter alt text for the photo.
  7. Enter caption text.
  8. Enter the position or title of the person being highlighted.
  9. Enter figure width.
  10. Select optional float.
  11. Click the "Save" button.