How to guide

This guide is Drupal specific. This will help content editors using Drupal to add content to the website. It will also help with troubleshooting issues that may arise.

Adding images/svgs

• SVGs - please remove all "id" attribute in the svg. It is always the same and creates a BIG error when the browser sees the same id for so many images/svgs

• Images: Always add a title or alt tag to an image. But, make it meaningful. See example below.

• Development: https://access-boston-dev.digital-staging.boston.gov/

DO:
title/alt - "Demolition Delay application: 50 Landseer Street, West Roxbury"

Don't:
title/alt - "Image and/or photo of Demolition Delay application: 50 Landseer Street, West Roxbury" 

Editing/Adding Tables

• Adding Tables: Always make sure you add a table title and/or summary and/or caption

• Test: https://access-boston-test.digital-staging.boston.gov/

• Development: https://access-boston-dev.digital-staging.boston.gov/

Adding nofollow and/or hiding pages

• Production: https://access.boston.gov

• Test: https://access-boston-test.digital-staging.boston.gov/

• Development: https://access-boston-dev.digital-staging.boston.gov/

Adding iFrames

• Production: https://access.boston.gov

• Test: https://access-boston-test.digital-staging.boston.gov/

• Development: https://access-boston-dev.digital-staging.boston.gov/

Content Editor Guide

• The links with the same name should have the same href values when on the same page

• Using classes on html elements you want to hide from screen but allow screen readers to access:

  sr-only sr-only-focusable

• Development: https://access-boston-dev.digital-staging.boston.gov/