aria-label zoom in/uit-knoppen aangepast

Htbaa · Htbaa · commit 68f717c2b729 · 2021-12-07T14:05:00.000+01:00
diff --git a/plugins/gh-datainmap/CHANGELOG.md b/plugins/gh-datainmap/CHANGELOG.md
@@ -1,4 +1,5 @@
 - Documentatie wijziging, nieuwe URL voor standaard kaart.
+- De zoom in/uit-knoppen hebben nu een `aria-label` waar de zichtbare tekst in voor komt.
 
 **1.10.1 (2021-10-06)**
 
diff --git a/src/components/map.js b/src/components/map.js
@@ -47,7 +47,7 @@ export class MapComponent extends Component {
         this.olMap.getControls().forEach((control) => {
             if(control.element.className.indexOf('ol-zoom') != -1) {
                 control.element.children.forEach((el) => {
-                    el.setAttribute('aria-label', el.getAttribute('title'));
+                    el.setAttribute('aria-label', el.getAttribute('title') + ' ' + el.textContent);
                 });
             }
         });

Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,5 @@`
`1`	`1`	`- Documentatie wijziging, nieuwe URL voor standaard kaart.`
	`2`	+- De zoom in/uit-knoppen hebben nu een `aria-label` waar de zichtbare tekst in voor komt.
`2`	`3`
`3`	`4`	`1.10.1 (2021-10-06)`
`4`	`5`
Original file line number	Diff line number	Diff line change
`@@ -47,7 +47,7 @@ export class MapComponent extends Component {`
`47`	`47`	`this.olMap.getControls().forEach((control) => {`
`48`	`48`	`if(control.element.className.indexOf('ol-zoom') != -1) {`
`49`	`49`	`control.element.children.forEach((el) => {`
`50`		`- el.setAttribute('aria-label', el.getAttribute('title'));`
	`50`	`+ el.setAttribute('aria-label', el.getAttribute('title') + ' ' + el.textContent);`
`51`	`51`	`});`
`52`	`52`	`}`
`53`	`53`	`});`