diff --git a/src/mapml/control/AttributionButton.js b/src/mapml/control/AttributionButton.js
index 5b0959267..108286873 100644
--- a/src/mapml/control/AttributionButton.js
+++ b/src/mapml/control/AttributionButton.js
@@ -60,7 +60,7 @@ export var AttributionButton = Control.Attribution.extend({
}
let locale = this._getLocale();
this._container.innerHTML =
- `` +
+ `` +
'
' +
` | ` +
prefixAndAttribs.join(' | ') +
diff --git a/test/e2e/mapml-viewer/mapml-viewer.test.js b/test/e2e/mapml-viewer/mapml-viewer.test.js
index 836ad888e..d330befae 100644
--- a/test/e2e/mapml-viewer/mapml-viewer.test.js
+++ b/test/e2e/mapml-viewer/mapml-viewer.test.js
@@ -54,6 +54,17 @@ test.describe('Playwright mapml-viewer Element Tests', () => {
expect(arialabel).toEqual('Map data attribution');
});
+ test('Ensure attribution summary has a localized title tooltip', async () => {
+ let title = await page.evaluate(
+ `document.querySelector('mapml-viewer')._map.attributionControl._container.querySelector('summary').getAttribute('title')`
+ );
+ expect(title).toEqual('Map data attribution');
+ let arialabel = await page.evaluate(
+ `document.querySelector('mapml-viewer')._map.attributionControl._container.querySelector('summary').getAttribute('aria-label')`
+ );
+ expect(arialabel).toEqual('Map data attribution');
+ });
+
test('Initial map element extent', async () => {
await page.waitForTimeout(500);
const extent = await page.$eval('body > mapml-viewer', (map) => map.extent);