Bug Details
Bug No.:
236
Technology Type:
Web
Web Page URL / Screen Name:
Domain / Mobile App Name:
https://www.cowin.gov.in
Country:
India
Bug Name:
Home Page: Visible focus outline is missing on the links
Bug Description:
Issue Description: When navigating using keyboard using tab key, the visible focus outline is missing on the highlighted links present in the top navigation and main region. Default focus outline to the elements like button, links, input controls must not be overridden. This is necessary in order to inform the user as to where the current focus is actually set. Steps to Reproduce: - Activate the URL - Press tab key - Notice keyboard focus outline is missing on the highlighted links suggestion Resolution: Provide a visual indicator on the links which matches default focus outline style. To match with default focus outline colour, remove outline from css property. Example Code: a:focus, *:focus { /* outline: none; */ }
Screen Shot:
WCAG Success Criteria:
2.4.7 Focus Visible
WCAG Conformance Level:
AA
Contributor Name:
Ritisha Salvi