Next-Gen App & Browser
Testing Cloud

Trusted by 2 Mn+ QAs & Devs to accelerate their release cycles

Next-Gen App & Browser Testing Cloud

:focus-visible CSS pseudo-class Browser Compatibility On Safari

Last updated on :2023-03-20

Note:
:focus-visible CSS pseudo-class is Fully Supported on Safari. If you use :focus-visible CSS pseudo-class on your website or web app, you can double-check that by testing your website’s URL on Safari with LambdaTest. The features should work fine.

Overview

The CSS “:focus-visible” pseudo-class applies when user agents use heuristics to determine that the focus indicator should be displayed in a manner that makes the element stand out from other nearby content.

Support on latest Safari

Here is the support for :focus-visible CSS pseudo-class for the latest version of Safari.The latest version of Safari is Safari 16.4 for which it is fully supported.

Safari Safari version: 16.4
Fully Supported

Support on previous Safari versions

Here’s the support for :focus-visible CSS pseudo-class across all versions of Safari:

 SafariSafari versions: 16.4-15.6
Fully Supported
 SafariSafari versions: 15-3.2
Not supported

Debug Your Mobile Websites Faster With LT Browser!

Harness the power of Chromium-based engine to deliver responsive websites and web apps.

Try for free...
Join
Fully Supported

Browser Compatibility

Safari Safari
Fully Supported

Debug webpages on the go with LT Debug Chrome extension.

Add to Chrome
LT Browser

Test your website on 3000+ browsers

Test your website on 3000+ real browsers and operating systems for mobile and desktop with the LambdaTest cloud. Perform browser compatibility test for :focus-visible CSS pseudo-class and many more web technologies that are a part of your website or web-application.

Testμ Conference 2024

Why Test on Safari?

To make a right testing strategy it's important to understand how many users are actually using the Safari browser
To help you build the right browser testing matrix, here's the overall marketshare of both Safari browser the various versions.

TOP Safari BROWSERS (Jan 2021 - Jan 2022)

Browser Version

% Share

Release Date

Safari iPhone

14.4

-0001-11-30

Safari 15.5

1.45

-0001-11-30

Safari iPad

0.83

-0001-11-30

Safari 15.4

0.55

-0001-11-30

Safari 14.1

0.42

-0001-11-30

Safari 13.1

0.25

-0001-11-30

Other

1.82

-

Data Source: Statcounter.com

ALL DESKTOP BROWSERS (Jan 2021 - Jan 2022)

Browsers

% Share

Chrome

65.88

Safari

18.63

Edge

4.09

Firefox

3.25

Samsung Internet

2.88

Opera

2.12

Other

3.37

Data Source: Statcounter.com

Browser Support for :focus-visible CSS pseudo-class

ChromeIE
Low

Browser Support For IE Versions

-
Fully
-
Partially
11-5.5
Not Supported
ChromeEdge
High

Browser Support For Edge Versions

111-86
Fully
-
Partially
85-12
Not Supported
ChromeFirefox
High

Browser Support For Firefox Versions

113-4
Fully
-
Partially
3-2
Not Supported
ChromeChrome
Medium

Browser Support For Chrome Versions

114-86
Fully
-
Partially
85-4
Not Supported
ChromeSafari
High

Browser Support For Safari Versions

16.4-15.6
Fully
-
Partially
15-3.2
Not Supported
ChromeOpera
Medium

Browser Support For Opera Versions

95-72
Fully
-
Partially
71-9.5
Not Supported
ChromeSafari on iOS
Medium

Browser Support For Safari on iOS Versions

16.4-15.5
Fully
-
Partially
15.4-3.2
Not Supported
ChromeAndroid Browser
High

Browser Support For Android Browser Versions

111-97
Fully
-
Partially
4-2.1
Not Supported
ChromeOpera Mobile
High

Browser Support For Opera Mobile Versions

73-64
Fully
-
Partially
12-10
Not Supported
ChromeChrome for Android
High

Browser Support For Chrome for Android Versions

111-97
Fully
-
Partially
-
Not Supported
ChromeFirefox for Android
High

Browser Support For Firefox for Android Versions

110-95
Fully
-
Partially
-
Not Supported
ChromeSamsung Internet
High

Browser Support For Samsung Internet Versions

20-14
Fully
-
Partially
13-4
Not Supported

About Safari

Safari is a popular web browser developed and maintained by the Apple Inc., and available for macOS, iOS, and iPadOS. It succeeded Internet Explorer for Mac as the default web browser for Macintosh computers. Yup, you got that right! Earlier macOS used to have Internet Explorer, but Safari changed that. A Windows compatible version of the Safari browser was also offered from 2007 to 2010.

The Safari browser is considered to be the best way to experience the Internet through an Apple devices. It brings robust customisation options, powerful privacy protections, and industry-leading battery life—so you can browse whenever and however you like. And no browser is faster than Safari.

How To Download Safari Browser?

To download the latest version of Safari, you can check the official Apple support.

Test Your Website On All Safari Browser Versions

Don’t worry about maintaining an in-house infrastructure to test your website across different Safari browser versions. Leverage the LambdaTest cloud and test how your website looks on a real device across all Safari browser versions, including Safari 10.

Safari Browser

Data sourced from

Debug webpages on the go with LT Debug Chrome extension.

Add to Chrome
LT Browser

Debug Your Mobile Websites Faster With LT Browser!

Harness the power of Chromium-based engine to deliver responsive websites and web apps.

Try for free...
Join

Try LambdaTest Now !!

Get 100 minutes of automation test minutes FREE!!

Next-Gen App & Browser Testing Cloud

Was this article helpful?

Helpful

NotHelpful