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 2022.2 with Chrome 105 on Windows 10 when Reading: Does not match 'aural' media type.
  • NVDA 2022.2 with FF102 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 FF91 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 FF78 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.
  • NVDA 2019.2 with Chrome 79 on Windows 10 when Reading: Does not match 'aural' media type.
  • NVDA 2019.2 with FF68 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 FF102 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 FF91 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 FF78 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.
  • JAWS 2019.1912.1 with Chrome 79 on Windows 10 when Reading: Does not match 'aural' media type.
  • JAWS 2019.1912.1 with FF68 on Windows 10 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 macOS 10.14 with Safari 13.0 on macOS 10.14.6 when Reading: 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.
  • VoiceOver iOS 12.4 with Safari iOS 12.4 on iOS 12.4.1 when Touch: Does not match 'aural' media type.

Applicable standards

  • JAWS 2022.2207.25
  • JAWS 2021.2107.12
  • JAWS 2020.2008.24
  • JAWS 2019.1912.1
  • NVDA 2022.2
  • NVDA 2021.2
  • NVDA 2020.2
  • NVDA 2019.2
  • VoiceOver macOS 12.5
  • VoiceOver macOS 11.5
  • VoiceOver macOS 10.15
  • VoiceOver macOS 10.14
  • VoiceOver iOS 15.6
  • VoiceOver iOS 14.7
  • VoiceOver iOS 13.3
  • VoiceOver iOS 12.4

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