In order to provide users with an easy-to-see focus indicator that is consistent across all browsers, use the :focus selector in CSS to define a style change that happens when an element has focus. However, other browsers (e.g., Internet Explorer, Firefox) show a thin dotted line. Some browsers (e.g., Chrome, Safari) show an easy-to-see blue outline around the element that currently has focus. Enhance Browsers’ Default Focus Indicator Do not do this unless you are offering a better focus indicator than the one provided by browsers (see the next section). This outline can be disabled using the outline:none property in CSS. Techniques Avoid Overriding Browsers’ Default Focus IndicatorĪll browsers display a visible outline around the element that currently has keyboard focus. Designers must take care to ensure that it is easy to tell which item on the page currently has keyboard focus. However, it is often difficult for keyboard users to tell where they are on the page. In web browsers, users can use the tab key to jump between focusable elements (i.e., links, form fields, and any other content that has been added to the tab order with the HTML tabindex attribute). Computers in general, and web browsers specifically, can be operated with keyboard alone. Others prefer using keyboard because it’s often more efficient. Some computer users are physically unable to use a mouse. Using Accessible Methods of Form Validation Scroll to the Universal Launch Images section of the editor, open the Launch Screen dropdown and select the name of the storyboard you just created above: My custom storyboard didn't appear on the Launch Screen DropDown menu.Providing Visible Focus for Keyboard Users.Providing Structure in Web Pages and Documents.Providing Multiple Ways of Finding Content.Providing Consistent Site-wide Navigation.Identifying Language of a Document and its Parts.Ensuring Accessibility of Scrolling or Updating Content.Avoiding Reliance on Visual Characteristics.Avoiding Flashing or Flickering Content.

Blue border around screen