File tree Expand file tree Collapse file tree 6 files changed +16
-16
lines changed
dist/samples/3d-accessibility-features Expand file tree Collapse file tree 6 files changed +16
-16
lines changed Original file line number Diff line number Diff line change @@ -47,20 +47,20 @@ async function initMap() {
4747 scale : 1.5 ,
4848 glyphColor : "#FFFFFF"
4949 } ) ;
50- const popover = new PopoverElement ( {
51- open : true ,
52- } ) ;
50+ const popover = new PopoverElement ( ) ;
5351
5452 const content = `${ i + 1 } . ${ title } ` ;
5553 const header = document . createElement ( 'span' ) ;
5654 // Include the label for screen readers.
5755 header . ariaLabel = `This is marker ${ i + 1 } . ${ title } ` ;
5856 header . slot = 'header' ;
5957
60- popover . append ( header ) ;
58+ popover . append ( header ) ;
6159 popover . append ( content ) ;
6260
6361 const interactiveMarker = new Marker3DInteractiveElement ( {
62+ // Include a title, used for accessibility text for use by screen readers.
63+ title,
6464 position,
6565 gmpPopoverTargetElement : popover
6666 } ) ;
Original file line number Diff line number Diff line change 99 < head >
1010 < title > Map</ title >
1111
12- < script type ="module " crossorigin src ="./assets/index-DIKgGMZR .js "> </ script >
12+ < script type ="module " crossorigin src ="./assets/index-CDjT9Ul7 .js "> </ script >
1313 < link rel ="stylesheet " crossorigin href ="./assets/index-DDwKyjRS.css ">
1414 </ head >
1515 < body >
Original file line number Diff line number Diff line change @@ -44,9 +44,7 @@ async function initMap() {
4444 scale : 1.5 ,
4545 glyphColor : "#FFFFFF"
4646 } ) ;
47- const popover = new PopoverElement ( {
48- open : true ,
49- } ) ;
47+ const popover = new PopoverElement ( ) ;
5048 const content = `${ i + 1 } . ${ title } ` ;
5149 const header = document . createElement ( 'span' ) ;
5250 // Include the label for screen readers.
@@ -55,6 +53,8 @@ async function initMap() {
5553 popover . append ( header ) ;
5654 popover . append ( content ) ;
5755 const interactiveMarker = new Marker3DInteractiveElement ( {
56+ // Include a title, used for accessibility text for use by screen readers.
57+ title,
5858 position,
5959 gmpPopoverTargetElement : popover
6060 } ) ;
Original file line number Diff line number Diff line change @@ -47,20 +47,20 @@ async function initMap() {
4747 scale : 1.5 ,
4848 glyphColor : "#FFFFFF"
4949 } ) ;
50- const popover = new PopoverElement ( {
51- open : true ,
52- } ) ;
50+ const popover = new PopoverElement ( ) ;
5351
5452 const content = `${ i + 1 } . ${ title } ` ;
5553 const header = document . createElement ( 'span' ) ;
5654 // Include the label for screen readers.
5755 header . ariaLabel = `This is marker ${ i + 1 } . ${ title } ` ;
5856 header . slot = 'header' ;
5957
60- popover . append ( header ) ;
58+ popover . append ( header ) ;
6159 popover . append ( content ) ;
6260
6361 const interactiveMarker = new Marker3DInteractiveElement ( {
62+ // Include a title, used for accessibility text for use by screen readers.
63+ title,
6464 position,
6565 gmpPopoverTargetElement : popover
6666 } ) ;
Original file line number Diff line number Diff line change @@ -44,9 +44,7 @@ async function initMap() {
4444 scale : 1.5 ,
4545 glyphColor : "#FFFFFF"
4646 } ) ;
47- const popover = new PopoverElement ( {
48- open : true ,
49- } ) ;
47+ const popover = new PopoverElement ( ) ;
5048 const content = `${ i + 1 } . ${ title } ` ;
5149 const header = document . createElement ( 'span' ) ;
5250 // Include the label for screen readers.
@@ -55,6 +53,8 @@ async function initMap() {
5553 popover . append ( header ) ;
5654 popover . append ( content ) ;
5755 const interactiveMarker = new Marker3DInteractiveElement ( {
56+ // Include a title, used for accessibility text for use by screen readers.
57+ title,
5858 position,
5959 gmpPopoverTargetElement : popover
6060 } ) ;
You can’t perform that action at this time.
0 commit comments