CSS media query with @media aural Accessibility Checkpoint

Description

CSS media query with @media aural doesn’t work in screen readers.

Help

@media aural is deprecated in CSS Media Queries Level 4 and not supported by any screen reader.

  • NVDA 2023.3 with Chrome 120 on Windows 10 when Reading: Does not match 'aural' media type.
  • NVDA 2023.3 with FF 115 on Windows 10 when Reading: Does not match 'aural' media type.
  • NVDA 2023.3 with Edge 120 on Windows 10 when Reading: Does not match 'aural' media type.
  • NVDA 2022.2 with Chrome 105 on Windows 10 when Reading: Does not match 'aural' media type.
  • NVDA 2022.2 with FF 102 on Windows 10 when Reading: Does not match 'aural' media type.
  • NVDA 2022.2 with Edge 105 on Windows 10 when Reading: Does not match 'aural' media type.
  • NVDA 2021.2 with Chrome 94 on Windows 10 when Reading: Does not match 'aural' media type.
  • NVDA 2021.2 with FF 91 on Windows 10 when Reading: Does not match 'aural' media type.
  • NVDA 2021.2 with Edge 94 on Windows 10 when Reading: Does not match 'aural' media type.
  • NVDA 2020.2 with Chrome 86 on Windows 10 when Reading: Does not match 'aural' media type.
  • NVDA 2020.2 with FF 78 on Windows 10 when Reading: Does not match 'aural' media type.
  • NVDA 2020.2 with Edge 92 on Windows 10 when Reading: Does not match 'aural' media type.
  • JAWS 2023.2311.34 with Chrome 120 on Windows 10 when Reading: Does not match 'aural' media type.
  • JAWS 2023.2311.34 with FF 115 on Windows 10 when Reading: Does not match 'aural' media type.
  • JAWS 2023.2311.34 with Edge 120 on Windows 10 when Reading: Does not match 'aural' media type.
  • JAWS 2022.2207.25 with Chrome 105 on Windows 10 when Reading: Does not match 'aural' media type.
  • JAWS 2022.2207.25 with FF 102 on Windows 10 when Reading: Does not match 'aural' media type.
  • JAWS 2022.2207.25 with Edge 105 on Windows 10 when Reading: Does not match 'aural' media type.
  • JAWS 2021.2107.12 with Chrome 94 on Windows 10 when Reading: Does not match 'aural' media type.
  • JAWS 2021.2107.12 with FF 91 on Windows 10 when Reading: Does not match 'aural' media type.
  • JAWS 2021.2107.12 with Edge 94 on Windows 10 when Reading: Does not match 'aural' media type.
  • JAWS 2020.2008.24 with Chrome 86 on Windows 10 when Reading: Does not match 'aural' media type.
  • JAWS 2020.2008.24 with FF 78 on Windows 10 when Reading: Does not match 'aural' media type.
  • JAWS 2020.2008.24 with Edge 92 on Windows 10 when Reading: Does not match 'aural' media type.
  • VoiceOver macOS 13.6 with Safari 16.6 on macOS 13.6.0 when Reading: Does not match 'aural' media type.
  • VoiceOver macOS 12.5 with Safari 15.6 on macOS 12.5.1 when Reading: Does not match 'aural' media type.
  • VoiceOver macOS 11.5 with Safari 15.0 on macOS 11.5.2 when Reading: Does not match 'aural' media type.
  • VoiceOver macOS 10.15 with Safari 14.1 on macOS 10.15.7 when Reading: Does not match 'aural' media type.
  • VoiceOver iOS 16.6 with Safari iOS 16.6 on iOS 16.6.1 when Touch: Does not match 'aural' media type.
  • VoiceOver iOS 15.6 with Safari iOS 15.6 on iOS 15.6 when Touch: Does not match 'aural' media type.
  • VoiceOver iOS 14.7 with Safari iOS 14.7 on iOS 14.7 when Touch: Does not match 'aural' media type.
  • VoiceOver iOS 13.3 with Safari iOS 13.3 on iOS 13.3 when Touch: Does not match 'aural' media type.

Applicable standards

  • JAWS 2023.2311.34
  • JAWS 2022.2207.25
  • JAWS 2021.2107.12
  • JAWS 2020.2008.24
  • NVDA 2023.3
  • NVDA 2022.2
  • NVDA 2021.2
  • NVDA 2020.2
  • VoiceOver macOS 13.6
  • VoiceOver macOS 12.5
  • VoiceOver macOS 11.5
  • VoiceOver macOS 10.15
  • VoiceOver iOS 16.6
  • VoiceOver iOS 15.6
  • VoiceOver iOS 14.7
  • VoiceOver iOS 13.3

Change history

  • 5.30 Jul 2018 Added.

This page describes a web site issue detected in HTML documents by SortSite Desktop and OnDemand Suite.

Rule ID: AccCompat-media-query-aural