IssueTracker

We receive an accessibility issue relating to missing content in code and use of a STYLE element that Google Maps places onto our locations page. The affected code is located not in our source code but rather is inherited through places_impl.js, example provided in code snippet below. Please assist in correcting this.

First Issue: This document should be readable without the inline STYLE Element. Documents must be organized so they are readable without style sheets. WCAG criteria 1.3.1 (A)

Code Sample:
Example: .pac-container { background-color: #fff; position: absolute !important;
z-index: 1000; border-radius: 2px; border-top: 1px solid #d9d9d9; font-family:
Arial, sans-serif; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3); -moz-box-sizing:
border-box; -webkit-box-sizing: border-box; box-sizing: border-box; overflow:
hidden }

Suggested Remediation:  Document should be readable without <STYLE> Tag . Found Style Tag (Rule 50): .pac-container {
background-color: #fff; position: absolut... .


Subsequent Issue:
Ensure that only decorative content is inserted using the :before or :after selectors WCAG criteria 1.3.1 (A).

Code Sample:
Example: Found ' .pac-logo:after {content: ""; padding: 1px 1px 1px 0; height: 16px; text-alig... ' at
' <STYLE> Tag (rule 112) '.  

Suggested Remediation: Make sure that only decorative content is inserted using the :before and :after CSS selectors.

Comments: We reviewed our website’s source code and this is piece of code is being inherited from places_impl.js and that there is a null content reference of “”.

Our website pulls the js through the following code
<script src="https://maps.googleapis.com/maps-api-v3/api/js/33/8/places_impl.js" type="text/javascript" charset="UTF-8"></script>