File tree 6 files changed +16
-16
lines changed
dist/samples/3d-accessibility-features
6 files changed +16
-16
lines changed Original file line number Diff line number Diff line change @@ -47,20 +47,20 @@ async function initMap() {
47
47
scale : 1.5 ,
48
48
glyphColor : "#FFFFFF"
49
49
} ) ;
50
- const popover = new PopoverElement ( {
51
- open : true ,
52
- } ) ;
50
+ const popover = new PopoverElement ( ) ;
53
51
54
52
const content = `${ i + 1 } . ${ title } ` ;
55
53
const header = document . createElement ( 'span' ) ;
56
54
// Include the label for screen readers.
57
55
header . ariaLabel = `This is marker ${ i + 1 } . ${ title } ` ;
58
56
header . slot = 'header' ;
59
57
60
- popover . append ( header ) ;
58
+ popover . append ( header ) ;
61
59
popover . append ( content ) ;
62
60
63
61
const interactiveMarker = new Marker3DInteractiveElement ( {
62
+ // Include a title, used for accessibility text for use by screen readers.
63
+ title,
64
64
position,
65
65
gmpPopoverTargetElement : popover
66
66
} ) ;
Original file line number Diff line number Diff line change 9
9
< head >
10
10
< title > Map</ title >
11
11
12
- < script type ="module " crossorigin src ="./assets/index-DIKgGMZR .js "> </ script >
12
+ < script type ="module " crossorigin src ="./assets/index-CDjT9Ul7 .js "> </ script >
13
13
< link rel ="stylesheet " crossorigin href ="./assets/index-DDwKyjRS.css ">
14
14
</ head >
15
15
< body >
Original file line number Diff line number Diff line change @@ -44,9 +44,7 @@ async function initMap() {
44
44
scale : 1.5 ,
45
45
glyphColor : "#FFFFFF"
46
46
} ) ;
47
- const popover = new PopoverElement ( {
48
- open : true ,
49
- } ) ;
47
+ const popover = new PopoverElement ( ) ;
50
48
const content = `${ i + 1 } . ${ title } ` ;
51
49
const header = document . createElement ( 'span' ) ;
52
50
// Include the label for screen readers.
@@ -55,6 +53,8 @@ async function initMap() {
55
53
popover . append ( header ) ;
56
54
popover . append ( content ) ;
57
55
const interactiveMarker = new Marker3DInteractiveElement ( {
56
+ // Include a title, used for accessibility text for use by screen readers.
57
+ title,
58
58
position,
59
59
gmpPopoverTargetElement : popover
60
60
} ) ;
Original file line number Diff line number Diff line change @@ -47,20 +47,20 @@ async function initMap() {
47
47
scale : 1.5 ,
48
48
glyphColor : "#FFFFFF"
49
49
} ) ;
50
- const popover = new PopoverElement ( {
51
- open : true ,
52
- } ) ;
50
+ const popover = new PopoverElement ( ) ;
53
51
54
52
const content = `${ i + 1 } . ${ title } ` ;
55
53
const header = document . createElement ( 'span' ) ;
56
54
// Include the label for screen readers.
57
55
header . ariaLabel = `This is marker ${ i + 1 } . ${ title } ` ;
58
56
header . slot = 'header' ;
59
57
60
- popover . append ( header ) ;
58
+ popover . append ( header ) ;
61
59
popover . append ( content ) ;
62
60
63
61
const interactiveMarker = new Marker3DInteractiveElement ( {
62
+ // Include a title, used for accessibility text for use by screen readers.
63
+ title,
64
64
position,
65
65
gmpPopoverTargetElement : popover
66
66
} ) ;
Original file line number Diff line number Diff line change @@ -44,9 +44,7 @@ async function initMap() {
44
44
scale : 1.5 ,
45
45
glyphColor : "#FFFFFF"
46
46
} ) ;
47
- const popover = new PopoverElement ( {
48
- open : true ,
49
- } ) ;
47
+ const popover = new PopoverElement ( ) ;
50
48
const content = `${ i + 1 } . ${ title } ` ;
51
49
const header = document . createElement ( 'span' ) ;
52
50
// Include the label for screen readers.
@@ -55,6 +53,8 @@ async function initMap() {
55
53
popover . append ( header ) ;
56
54
popover . append ( content ) ;
57
55
const interactiveMarker = new Marker3DInteractiveElement ( {
56
+ // Include a title, used for accessibility text for use by screen readers.
57
+ title,
58
58
position,
59
59
gmpPopoverTargetElement : popover
60
60
} ) ;
You can’t perform that action at this time.
0 commit comments