Skip to content

Commit

Permalink
Merge pull request #520 from w3c/complex-content
Browse files Browse the repository at this point in the history
Rewrite of Complex content was Charts diagrams etc
  • Loading branch information
GeorgeKerscher authored Dec 11, 2024
2 parents 643c5dc + e28198c commit d88a393
Showing 1 changed file with 78 additions and 62 deletions.
140 changes: 78 additions & 62 deletions a11y-meta-display-guide/2.0/draft/guidelines/index.html
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
<!DOCTYPE html>
<!DOCTYPE html>


<html xmlns="http://www.w3.org/1999/xhtml" lang="en-US"
Expand Down Expand Up @@ -1278,31 +1278,21 @@ <h4>Display techniques for navigation support</h4>
</section>
</section>
<section id="charts-diagrams-and-formulas">
<h3 data-localization-id="charts-diagrams-formulas-title">
Charts, diagrams, math, and formulas</h3>
<h3 data-localization-id="charts-diagrams-formulas-title">Rich content</h3>

<div class="note">
<p>This key information can be hidden if metadata is
missing. Alternatively it can be stated that
<span
data-localization-id="charts-diagrams-formulas-unknown"
data-localization-mode="descriptive">accessibility
of formulas, charts, math, and diagrams not
identified as being accessible</span>
data-localization-mode="descriptive">accessibility of rich content not identified as being accessible</span>
</p>
</div>

<p>Indicates the presence of formulas (including math,
chemistry, etc.), graphs, charts, and diagrams
within the title and whether these are in an accessible
format or available in an alternative form
(e.g., whether formulas are navigable with assistive
technologies, or whether extended descriptions
are available for complex images).</p>
<p>Indicates the presence of math, chemical formulas, charts, diagrams, figures or graphs within the title and whether these are in an accessible format or available in an alternative form, e.g., whether math and chemical formulas are navigable with assistive technologies, or whether extended descriptions are available for complex images. In addition, it indicates the presence of videos and prerecorded audio, and if closed captions, open captions, or transcripts are available.</p>

<p>This group should be displayed only if the metadata
indicates the presence of formulas, math, charts, or
graphs within the title, otherwise it can be hidden.</p>
indicates the presence of math, chemical formulas, charts, diagrams, figures, graphs, videos, or audio within the title, otherwise it can be hidden.</p>

<section id="cdf-examples">
<h4>Examples</h4>
Expand All @@ -1312,60 +1302,86 @@ <h4>Examples</h4>
flexibility of adoption.</p>

<aside class="example" title="Descriptive explanations">

<p>Rich content contains:</p>
<ul>
<li>
<span
data-localization-id="charts-diagrams-formulas-extended"
data-localization-mode="descriptive">Charts
and diagrams are present and described
by extended descriptions</span>
<li><span data-localization-id="charts-diagrams-formulas-accessible-math-as-mathml"
data-localization-mode="descriptive">math formulas in accessible format (MathML)</span>
</li>
<li><span
data-localization-id="charts-diagrams-formulas-accessible-math"
data-localization-mode="descriptive">Contains
math formulas in accessible
format</span>
<li><span data-localization-id="charts-diagrams-formulas-accessible-math-as-latex"
data-localization-mode="descriptive">math formulas in accessible format (LaTex)</span>
</li>
<li><span
data-localization-id="charts-diagrams-formulas-accessible-chemistry"
data-localization-mode="descriptive">Chemistry
is in an accessible format</span>
data-localization-id="charts-diagrams-formulas-accessible-math-described"
data-localization-mode="descriptive">math formulas in accessible format (formulas as images with textual description)</span>
</li>
<li><span data-localization-id="charts-diagrams-formulas-accessible-chemistry-as-mathml"
data-localization-mode="descriptive">chemical formulas in accessible format (MathML)</span>
</li>
<li><span data-localization-id="charts-diagrams-formulas-accessible-chemistry-as-latex"
data-localization-mode="descriptive">chemical formulas in accessible format (LaTex)</span>
</li>
<li>
<span
data-localization-id="charts-diagrams-formulas-unknown"
data-localization-id="charts-diagrams-formulas-extended"
data-localization-mode="descriptive">Charts, diagrams, figures, and graphs have extended descriptions</span>
</li>
<li><span data-localization-id="additional-accessibility-information-adaptation-closed-captions" data-localization-mode="descriptive">
Videos included in publications have closed
captions </span></li>

<li><span data-localization-id="additional-accessibility-information-adaptation-open-captions" data-localization-mode="descriptive">
Videos included in publications have open captions </span></li>
<li><span data-localization-id="pre-recorded-audio-complementary" data-localization-mode="descriptive">
Prerecorded audio is present in the publication</span></li>
<li><span data-localization-id="additional-accessibility-information-adaptation-full-transcript" data-localization-mode="descriptive">
Prerecorded audio has a full transcript</span></li>
<li>
<span data-localization-id="charts-diagrams-formulas-unknown"
data-localization-mode="descriptive">
accessibility of formulas, charts, math,
and diagrams not identified as being
accessible</span>
math, chemical formulas, charts, diagrams, figures, graphs, videos, and audio content not identified as being accessible</span>
</li>
</ul>
</aside>

<aside class="example" title="Compact explanations">
<p>Contains:</p>
<ul>
<li>
<span data-localization-id="charts-diagrams-formulas-accessible-math-as-mathml"
data-localization-mode="compact">Math as MathML</span></li>
<li>
<span data-localization-id="charts-diagrams-formulas-accessible-math-as-latex"
data-localization-mode="compact">Math as LaTex</span></li>
<li>
<span data-localization-id="charts-diagrams-formulas-accessible-math-described"
data-localization-mode="compact">Math as images with text description</span></li>
<li><span data-localization-id="charts-diagrams-formulas-accessible-chemistry-as-mathml"
data-localization-mode="compact">chemical formulas in MathML</span>
</li>
<li><span data-localization-id="charts-diagrams-formulas-accessible-chemistry-as-latex"
data-localization-mode="compact">chemical formulas in LaTex</span>
</li>

<li>
<span
data-localization-id="charts-diagrams-formulas-extended"
data-localization-mode="compact">Charts
and diagrams have extended
descriptions</span>
<span
data-localization-id="charts-diagrams-formulas-accessible-math"
data-localization-mode="compact">
Accessible math content</span>
<span
data-localization-id="charts-diagrams-formulas-accessible-chemistry"
data-localization-mode="compact">Accessible
chemistry content</span>
</li>
data-localization-mode="compact">complex images are described by extended descriptions</span>
</li>
<li><span data-localization-id="additional-accessibility-information-adaptation-closed-captions" data-localization-mode="compact">
Videos have closed
captions </span></li>
<li>
<span
<span data-localization-id="additional-accessibility-information-adaptation-open-captions" data-localization-mode="descriptive">
Videos have open captions </span></li>
<li><span data-localization-id="pre-recorded-audio-complementary" data-localization-mode="compact">
Prerecorded audio is present</span></li>
<li><span data-localization-id="additional-accessibility-information-adaptation-full-transcript" data-localization-mode="compact">
Prerecorded audio has transcript</span></li>

<li> <span
data-localization-id="charts-diagrams-formulas-unknown"
data-localization-mode="compact">accessibility
of formulas, charts, math, and diagrams
not identified as being
accessible</span>
data-localization-mode="compact">Rich content not identified as being accessible</span>
</li>
</ul>
</aside>
Expand Down Expand Up @@ -1701,8 +1717,12 @@ <h4> Display techniques for legal considerations</h4>
<dd>
<p>For information on provisions in the content that
enable reading in alternative access modes
()e.g., closed captions, ruby annotations, sign
language, transcripts).</p>

(e.g., ruby annotations, sign
language, transcript).</p>



</dd>

<!-- maybe we can remove High Contrast Display -->
Expand Down Expand Up @@ -1766,19 +1786,18 @@ <h4>Examples</h4>
blind
people</li>
</ul>
<!-- Why include in accessibility features something that is not accessible?
<li>Music scores are provided that are visually
accessible</li>

</ul>-->
</aside>

<aside class="example" title="Compact explanations">
<p>Structure:</p>
<ul>
<li>ARIA roles included</li>
<li>visible page numbering</li>
</ul>


</ul>

<p>Adaptation:</p>
<ul>
<li>Closed captions for videos</li>
Expand All @@ -1787,10 +1806,7 @@ <h4>Examples</h4>
<ul>
<li>Tactile graphics attached</li>
</ul>
<!--
<li>Music scores visually presented</li>
<li>Information encoded through colors</li>
</ul> -->

</aside>
</section>

Expand Down Expand Up @@ -2092,4 +2108,4 @@ <h2>Implementations</h2>
data-include-replace="true"></div>
</body>

</html>
</html>

0 comments on commit d88a393

Please sign in to comment.