Label Abbreviations in the Editor Widget

Prev Next

To meet the Web Content Accessibility Guidelines (WCAG) 3.1.4 Abbreviations requirement to make page content more accessible to people with disabilities, abbreviations should be labeled using HTML attributes and spell out the abbreviation on the first occurrence.

Important Note:

CivicPlus works toward WCAG 2.0 AA accessibility standards and our websites are highly compliant when they go live. However, ongoing ADA compliance and maintenance is the customer's responsibility.

Who can use this feature?

System Administrator | Owner | Publisher | Author

Instructions

  1. Sign in to your website solution.

    Note: This process may look different based on your site's design.

  2. Navigate to your desired page.

  3. Click the Live Edit is OFF button to enable Live Edit: Web Central Live Edit is Off button.

    Note: If Live Edit is currently enabled, the button will read Live Edit is ON:When Live Edit is ON, Web Central pages are able to updated.

  4. Click inside the Editor Widget with the abbreviated content: Clicking inside a page's Editor widget allows to user to update or change any content currently added to that widget.

  5. Identify the abbreviated text and highlight it on the non-code side: Highlighting the abbreviation on the non-code view side makes it easier to use the Editor widget's Abbreviation tool.

  6. Click on the Abbreviation tool: The Abbreviation tool will add an abbreviation HTML element to either side of the highlighted text.

  7. Click on the Code View tool The Code View tool allows the user to see the content's HTML source code.

  8. Ensure that the HTML code has markings to alert users that an abbreviation is being used: The abbreviation HTML tags are added to both sides of the abbreviated word.

  9. Click the Done Editing button (green checkbox) to exit the Editor Widget: The Done Editing button closes the Editor Widget once any changes are made.

  10. Click the Save button: When clicked, the Save button will save all changes made and will reflect those changes on the live page.