Label Quotes in the Editor Widget

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>.

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:
   
   
   Note: If Live Edit is currently enabled, the button will read Live Edit is ON:
   
4. Click inside the Editor widget with the quoted content:
   
5. Identify if the text is a quote or blockquote and highlight it on the non-code side:
   
   • 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):
   
7. Click on the Code View tool:
   
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:
   
9. Click the Done Editing button (Green Checkbox) to exit the editor:
   
10. Click the Save button:
    

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