# How to guide

**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.&#x20;
* 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/>
