Skip to main content
Attention customers within hurricane impacted areas:
Due to widespread impacts resulting from hurricanes, CivicPlus is committed to enhancing our resources to manage the anticipated increase in traffic and mitigate any potential disruptions. We will prioritize all assistance requests from affected areas to ensure we provide the highest level of support possible. Please be assured that we are here to assist you in any way we can during this challenging time. Your safety and satisfaction are our top priorities.

Search

Label Quotes in the Editor Widget

  • Updated:

To meet the Web Content Accessibility Guidelines (WCAG) 1.3.1 Information and Relationships requirement to make page content more accessible to people with disabilities, quotes should be labeled with the HTML attribute <blockquote>.

 

Who can use this feature?

System Administrator | Owner | Publisher | Author

 

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.

 

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 quoted content:
    Clicking inside a page's Editor widget allows to user to update or change any content currently added to that widget.
  5. Identify if the text is a quote or blockquote and highlight it on the non-code side:
    Highlighting the abbreviation on the non-code view side makes it easier to apply the Quote and Block Quote formatting.
    • Quote: Use this option when quoting a person directly
    • Block Quote: Use this option to use a quote from another source. For example, you would use a Block Quote if you were quoting something a person said that was published in the local newspaper
  6. Select the Block Quote tool (speech bubble) or the Quote tool (quotations):
    The Quote and Block Quote tools apply specific HTML elements to the text to make it easier for accessibility devices to understand the text is a quote.
  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 code side has <q> tags for quote and <blockquote> tags for blockquote before and after the desired text to mark that it is a quote or blockquote:
    The quote HTML tags are added to both sides of the quoted text.
  9. Click the Done Editing button (Green Checkbox) to exit the editor:
    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.

 

In-Article Glossary

Review the Municipal Websites Central Glossary of Terms, a comprehensive explanation of the acronyms, abbreviations, and company-specific terminology. The terms located in this section are listed alphabetically:

  • ADA: Americans with Disabilities Act
  • HTML: Hypertext markup language
  • WCAG: Web Content Accessibility Guidelines
Was this article helpful?
0 out of 0 found this helpful
Return to top

Feedback About the Article

Let us know what was helpful or not helpful about the article below.

0 comments

Please sign in to leave a comment.