Skip to content

Commit 02e8f4c

Browse files
frivoalfrivoal
committed
[mediaqueries4] Clarify that the speech media type is for pure audio UAs
Part of w3c#1751
1 parent e5682e4 commit 02e8f4c

3 files changed

Lines changed: 94 additions & 2 deletions

File tree

‎mediaqueries-4/Overview.bs‎

Lines changed: 13 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -369,7 +369,15 @@ Media Types</h3>
369369
<dd>Matches all devices that aren't matched by ''print'' or ''speech''.
370370

371371
<dt><dfn>speech</dfn>
372-
<dd>Matches screenreaders and similar devices that “read out” a page.
372+
<dd>Matches devices that similar devices that “read out” a page.
373+
<div class=note>Screen readers that produce a speech rendering based
374+
on the the visual layout of the page are expected to match ''screen'' instead.
375+
This media type is for user agents that produce
376+
an audio rendition of the document, without any reference to a 2D visual layout.
377+
</div>
378+
379+
Issue(1751): Is there any such UA, and if so do they match this media type?
380+
If not, it should be deprecated.
373381
</dl>
374382

375383
In addition, the following <strong>deprecated</strong> <a>media types</a> are defined.
@@ -2159,7 +2167,10 @@ Changes since the 5 Septemper 2017 Candidate Recommendation</h3>
21592167
The following changes were made to this specification since the
21602168
<a href="https://www.w3.org/TR/2017/CR-mediaqueries-4-20170905/">5 September 2017 Candidate Recommendation</a>:
21612169

2162-
None yet.
2170+
<ul>
2171+
<li>Clarify that the ''speech'' media type is for pure audio UAs, not screen readers,
2172+
which as their name indicates, work based on a screen rendition.
2173+
</ul>
21632174

21642175
<h3 id="changes-2017">
21652176
Changes since the 19 May 2017 Working Draft</h3>

‎mediaqueries-4/issues-cr-2017-09-05.html‎

Lines changed: 71 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,71 @@
1+
<!DOCTYPE html>
2+
<meta charset="utf-8">
3+
<title>Media Queries Level 4 Disposition of Comments for 2017-09-05 CR</title>
4+
<style>
5+
.a { background: lightgreen }
6+
.d { background: lightblue }
7+
.r { background: orange }
8+
.fo { background: red }
9+
.open { border: solid red; padding: 0.2em; }
10+
:target { box-shadow: 0.25em 0.25em 0.25em; }
11+
</style>
12+
13+
<h1>Media Queries Level 4 Disposition of Comments for 2017-09-05 CR</h1>
14+
15+
<p>Review document: <a href="https://www.w3.org/TR/2017/CR-mediaqueries-4-20170905/">https://www.w3.org/TR/2017/CR-mediaqueries-4-20170905/</a>
16+
17+
<p>Editor's draft: <a href="http://dev.w3.org/csswg/mediaqueries-4/">http://dev.w3.org/csswg/mediaqueries-4/</a>
18+
19+
<p>The following color coding convention is used for comments:</p>
20+
21+
<ul>
22+
<li class="a">Accepted or Rejected and positive response
23+
<li class="r">Rejected and no response
24+
<li class="fo">Rejected and negative response
25+
<li class="d">Deferred
26+
<li class="oi">Out-of-Scope or Invalid and not verified
27+
</ul>
28+
29+
<p class=open>Open issues are marked like this</p>
30+
31+
<p>An issue can be closed as <code>Accepted</code>, <code>OutOfScope</code>,
32+
<code>Invalid</code>, <code>Rejected</code>, or <code>Retracted</code>.
33+
<code>Verified</code> indicates commentor's acceptance of the response.</p>
34+
<pre class=' open' id='issue-1'>
35+
Issue 1. <a href='#issue-1'>#</a>
36+
Summary: 'speech' media type does not match screen readers
37+
From: Patrick Lauke
38+
Comment: <a href='https://github.com/w3c/csswg-drafts/issues/1751'>https://github.com/w3c/csswg-drafts/issues/1751</a>
39+
Response: <a href='https://github.com/w3c/csswg-drafts/issues/1751#issuecomment-332096272'>https://github.com/w3c/csswg-drafts/issues/1751#issuecomment-332096272</a>
40+
Open</pre>
41+
<script>
42+
(function () {
43+
var sheet = document.styleSheets[0];
44+
function addCheckbox(className) {
45+
var element = document.querySelector('*.' + className);
46+
var label = document.createElement('label');
47+
label.innerHTML = element.innerHTML;
48+
element.innerHTML = null;
49+
var check = document.createElement('input');
50+
check.type = 'checkbox';
51+
if (className == 'open') {
52+
check.checked = false;
53+
sheet.insertRule('pre:not(.open)' + '{}', sheet.cssRules.length);
54+
check.onchange = function (e) {
55+
rule.style.display = this.checked ? 'none' : 'block';
56+
}
57+
}
58+
else {
59+
check.checked = true;
60+
sheet.insertRule('pre.' + className + '{}', sheet.cssRules.length);
61+
check.onchange = function (e) {
62+
rule.style.display = this.checked ? 'block' : 'none';
63+
}
64+
}
65+
var rule = sheet.cssRules[sheet.cssRules.length - 1];
66+
element.appendChild(label);
67+
label.insertBefore(check, label.firstChild);
68+
}
69+
['a', 'd', 'fo', 'oi', 'r', 'open'].forEach(addCheckbox);
70+
}());
71+
</script>

‎mediaqueries-4/issues-cr-2017-09-05.txt‎

Lines changed: 10 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,10 @@
1+
Draft: https://www.w3.org/TR/2017/CR-mediaqueries-4-20170905/
2+
Title: Media Queries Level 4
3+
4+
----
5+
Issue 1.
6+
Summary: 'speech' media type does not match screen readers
7+
From: Patrick Lauke
8+
Comment: https://github.com/w3c/csswg-drafts/issues/1751
9+
Response: https://github.com/w3c/csswg-drafts/issues/1751#issuecomment-332096272
10+
Open

0 commit comments

Comments
 (0)