Re: [csswg-drafts] [css-display] create a display property value for visually hiding an element while making it available for AT from Ian Yang via GitHub on 2017-06-08 (public-css-archive@w3.org from June 2017)

From: Ian Yang via GitHub <sysbot+gh@w3.org>
Date: Thu, 08 Jun 2017 07:13:28 +0000
To: public-css-archive@w3.org
Message-ID: <issue_comment.created-307019590-1496906006-sysbot+gh@w3.org>

I personally still hope to see a "CSS declaration" solution such as `aria-hidden: true;` because using media query can be inconvenient. For example, if I have a long media query for responsiveness like the following one (each CSS rule is being represented by `......` for the purpose of this example):

```CSS
@media (max-width: 1024px) {
 ......
 ......
 ......
 ......
 ......
 ......
 ......
 ......
 ......
 ......
 ......
 ......
 ......
 ......
 ......
}
```

And if I need to hide one of the CSS rules from assistive technologies, I would then have to break the original media query into three parts:
 
```CSS
@media (max-width: 1024px) {
 ......
 ......
 ......
 ......
 ......
 ......
 ......
}
@media not speech and (max-width: 1024px) {
 ......
}
@media (max-width: 1024px) {
 ......
 ......
 ......
 ......
 ......
 ......
 ......
}
```
And if I need to hide more CSS rules from assistive technologies, I would then have to break the original media query into more parts. So that is inconvenient sometimes.

-- 
GitHub Notification of comment by Ian-Y
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/560#issuecomment-307019590 using your GitHub account

Received on Thursday, 8 June 2017 07:13:34 UTC