Added clarity around what each icon means (#2574)

Author: markzegarelli

Gemfile.lock

@@ -29,8 +29,8 @@
     {% for source in sources %}
     <tr class="settingRow source {% if source.regional contains 'eu-west' %}eu-endpoint{%endif%}" id="settingRow">
       <td><a href="/docs/{{source.url}}">{{source.display_name}}</a></td>
-      <td style="text-align:center">{% if source.regional contains "eu-west" %}<img class="inline"
-          src="/docs/images/supported.svg" />{% else %}<img class="inline"
+      <td style="text-align:center">{% if source.regional contains "eu-west" %}<img alt="Supports EU Endpoints" class="inline"
+          src="/docs/images/supported.svg" />{% else %}<img alt="Does not support EU endpoints" class="inline"
           src="/docs/images/unsupported.svg" />{% endif %}</td>
     </tr>
     {% endfor %}
@@ -43,8 +43,8 @@
     <tr class="settingRow destination {% if destination.regional contains 'eu-west' %}eu-endpoint{%endif%}"
       id="settingRow">
       <td><a href="/docs/{{destination.url}}">{{destination.display_name}}</a></td>
-      <td style="text-align:center">{% if destination.regional contains "eu-west" %}<img class="inline"
-          src="/docs/images/supported.svg" />{% else %}<img class="inline"
+      <td style="text-align:center">{% if destination.regional contains "eu-west" %}<img alt="Supports EU Endpoints" class="inline"
+          src="/docs/images/supported.svg" />{% else %}<img alt="Does not support EU endpoints" class="inline"
           src="/docs/images/unsupported.svg" />{% endif %}</td>
     </tr>
     {% endfor %}
@@ -56,8 +56,8 @@
     {% for warehouse in warehouses %}
     <tr class="settingRow warehouse {% if warehouse.regional contains 'eu-west' %}eu-endpoint{%endif%}" id="settingRow">
       <td><a href="/docs/{{warehouse.url}}">{{warehouse.display_name}}</a></td>
-      <td style="text-align:center">{% if warehouse.regional contains "eu-west" %}<img class="inline"
-          src="/docs/images/supported.svg" />{% else %}<img class="inline"
+      <td style="text-align:center">{% if warehouse.regional contains "eu-west" %}<img alt="Supports EU Endpoints" class="inline"
+          src="/docs/images/supported.svg" />{% else %}<img alt="Does not support EU endpoints" class="inline"
           src="/docs/images/unsupported.svg" />{% endif %}</td>
     </tr>
     {% endfor %}

src/_includes/content/regional-integrations-table.md

@@ -131,6 +131,7 @@
     border: none;
     margin: 0 auto;
     border-radius: 0px;
+    display: inline
   }
 
 

src/_sass/components/_markdown.scss

@@ -74,6 +74,6 @@ Use Segment's custom CIDR `3.251.148.96/29` while authorizing Segment to write i
 > info "Don't see a regional endpoint for a tool you're using?"
 > As more of the partner tools you use (Sources and Destinations) start to support a regional endpoint, Segment will update this list. Your contact for that tool should have a timeline for when they're hoping to support regional data ingestion. You can also visit Segment's [support page](https://segment.com/help/contact/) for any Segment-related questions.
 
-The following destinations are supported in your EU Segment workspace. The Destination tools that provide an EU Regional endpoint are marked for easy identification (see above.)
+The following integrations marked with a ![Supports EU regional endpoints](/docs/images/supported.svg){:class="inline"} (checkmark) support EU Regional endpoints.
 
 {% include content/regional-integrations-table.md %}