This question already has answers here:
What is a suitable WAI-ARIA role attribute for a map element
(2 answers)
Closed 3 years ago.
Which proper ARIA role should I use for Google Maps application?
<section id="map-container">
<div id="map" role="map"></div>
<main id="maincontent">
<section id="map-container">
<div id="map"></div>
What you're looking for here is role="application" because users can interact with the map using a screen reader, etc.
Maps can be challenging to make accessible. It depends what your map is used for. I just read this blog this morning about making an accessible google map - https://equalentry.com/accessible-maps-on-the-web/
As for your specific question, there is no "map" role.
Using a role="region" with an aria-label (and possibly aria-describedby) can help to define your map area.
Related
This question already has answers here:
Does Google Maps respect the <BalloonStyle> definition in KML?
(3 answers)
Closed 2 years ago.
I am uploading kmls into Google Map (not Google Earth).
My KMLs contain polygons (county borders).
There is a different "styleurl" for each county. Right now I can control the content of the bubble via <name> and <description> from within the polygon's <Placemark> tags. Instead I would like to control the bubble content from within the Style definition, using
<BalloonStyle>
<text>My custom text</text>
</BalloonStyle>
Q1 Does Google map support these functions (my testing so far suggests "no")
Q2 Where could I have looked up this answer on my own before posting here?
Thanks!
Per the documentation <BaloonStyle> is partially supported by the API:
<BalloonStyle> partially only <text> is supported
This question already has answers here:
How to make a Multilanguage website [closed]
(3 answers)
Closed 2 years ago.
I'm a junior front-end developer based in Egypt, so most of what I work on will be in Arabic but I will also need to support English since it is the standard website language used.
I'm looking for a solution to help my clients toggle between multiple languages. Should I build an entire project twice or what is their a better solution to switch languages on a wbeite?
Please keep in mind that I'm still a junior developer with just 2 years of experience.
You can declare the language of websites in the <html> tag, e.g. <html lang="en">. Therefore, you should be able to save your original website/project in one language and then save another copy of your website/project with the other language you'd like to show.
Read more about declaring languages in HTML
If you want to do all of this on one page only, you can use JavaScript to change the page's language using an onclick function. MDN has a good tutorial using onclick here. However, this is more complicated since you'll need to use a dictionary, such as Google's Cloud Translation API.
This question already has answers here:
How do search engines deal with AngularJS applications?
(15 answers)
Closed 6 years ago.
I have a website containing custom elements (i use angular 2), and google fails to parse them correctly :
It only sees
<my-app></my-app>
It seems that the value of this component is not retrieved at all by google robots.
Is there a best practice / workaround ?
Thanks for your help.
This has been asked a million times. Please refer to this question and this specific page by google.
Times have changed. Today, as long as you're not blocking Googlebot from crawling your JavaScript or CSS files, we are generally able to render and understand your web pages like modern browsers. To reflect this improvement, we recently updated our technical Webmaster Guidelines to recommend against disallowing Googlebot from crawling your site's CSS or JS files.
What you can do is getting the HTML of your rendered page and inserting it into the <my-app></my-app> tags without user information or the like.
This will get replaced anyway after Angular has booted up, this means you can even put something completely different in there.
This question already has answers here:
What does ==$0 (double equals dollar zero) mean in Chrome Developer Tools?
(5 answers)
Closed 6 years ago.
I found a button in the google cloud front end that uses this syntax and I was just wondering what it is all about... Thanks for the input!
I love design patterns and have been getting more into web development lately so forgive me if this is a really basic question!
That's just the element inspector of your browser. It means in the browser's Javascript console, you can now type $0 and get an object that refers to your currently highlighted element. It's a handy shortcut for directly debugging DOM elements interactively.
It's not HTML, it's not even actually part of the web page, it's not specific to that button, it's not a design pattern.
This question already has an answer here:
How to create a custom Google Sites theme?
(1 answer)
Closed 5 years ago.
Is there a way to create my custom Google site using my own CSS code? I have tried putting <style> but google won't allow me. I can use several inline CSS, but i have noticed that some CSS are not allowed too. e.g position:absolute;
I'm asking this because i can see some websites selling Google site templates. How did they manage to do those template? What language are they using? Is there some sort of software that does it?
Create a code block. This allows you to put HTML/CSS/Javascript into a google site with less restrictions that the edit source feature.