Obsolete
Status Update
Comments
ka...@google.com <ka...@google.com>
ka...@google.com <ka...@google.com> #2
Thank you for the post.
I would just like to clarify if this issue is related to
an...@gmail.com <an...@gmail.com> #3
This is the issue with Maps Javascript API
ka...@google.com <ka...@google.com> #4
Hello,
We noticed that you attached the same long document for each bug you reported. While we appreciate the detailed information provided, it would be really helpful if you could attach relevant screenshots of the document to each corresponding bug report. This will help us better understand the specific context of each issue. Thank you!
ka...@google.com <ka...@google.com> #5
For us to further check, kindly share more details on the issue you are experiencing,
- Could you please let us know which browser and operating system you're using and whether you've encountered the same issue in other browsers?
- A publicly accessible link to where this issue is occurring, or provide a self contained sample (
http://sscce.org ) that will demonstrate the issue.
Description
===========================================================================================
#REMINDER: Please do not disclose any possible PII such as: email address, IP, contact number, any part of name, project numbers and billing accounts as these information may violate security and privacy. Comments or attachments that include PII will be removed and restricted from public viewing.
Furthermore, please refrain from replying to a comment as this will make your email address visible. Instead, you may use the Issue Tracker’s comment feature for your replies.
It is OK to share your API Project ID, but _not_ API keys or client ID credentials.
To learn more about personal data, visit
===========================================================================================
# Describe your issue
Issue description
The visual focus indicator is missing altogether.
Element description:
- Learn more about Cancellation Policy/Hide Cancellation Policy
- Show Full List of Amenities/Hide Full List of Amenities
- Google logo link on map
Description of the issue:
- The elements above receive keyboard focus, but do not have a visible focus indicator. Because of this, the keyboard user cannot identify where the focus is, when keyboard focus falls on these elements.
RULE :
All focusable elements MUST have a visual focus indicator when in focus.
Focusable elements SHOULD have enhanced visual focus indicator styles.
HOW TO FIX:
Common keyboard focus indicator solutions include:
1. A 2px box around the focused element
2. A change in the background color of the focused element
3. The addition of an icon, such as an arrow, next to a menu item
4. The addition of a thick line under or next to the focused element
5. A distinctive change to the text of the component such as making it bold and/or underlined
6. Use the default browser focus indicator. NOTE: Since each browser has its own default focus indicator style, check each of the major browsers (Chrome, Firefox, Edge, IE, Safari) to ensure the default focus indicator is visible as you tab through the page.
A keyboard focus indicator can take different forms; it does not have to be a boring box. But the goal is to provide a difference in contrast between a component's default and focused states of at least 3 to 1 or another distinctive visual change.
REFERENCE:
Deque University:
BACKGROUND:
When a visible keyboard focus indicator is not provided, sighted keyboard users will have no idea which link or control has focus making it extremely difficult, if not impossible, to interact with the content. Browsers provide default focus indicators for natively focusable elements, but these may be very difficult to see depending on the color of the control and the page background. In addition, custom elements often have no visible focus indicator at all. Ideal focus indicators are designed to provide good contrast with links and controls and their backgrounds. Focus indicators with good contrast make it much easier to track focus as a keyboard user navigates through the page.