Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

ACT method proposal #542

Merged
merged 26 commits into from
Nov 17, 2021
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
26 commits
Select commit Hold shift + click to select a range
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
8 changes: 4 additions & 4 deletions explainer/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -161,7 +161,7 @@ <h3>Structure of these guidelines</h3>
<p>Some of these sections are in this document. You can find others in links within the sections.</p>
</details>
<figure id="guidelines-structure-diagram" aria-labelledby="guidelines-structure-description" class="figure-float">
<img src="../guidelines/img/structure-core.svg" />
<img alt="" src="../guidelines/img/structure-core.svg" />
<figcaption>Core Structure</figcaption>
</figure>
<p><a href="#guidelines-structure-diagram">Figure 1</a> shows <span id="guidelines-structure-description">the core structure of WCAG 3.0. WCAG 3.0 has three levels of content with associated documentation. Guidelines form the top level. Each guideline contains multiple outcomes, with associated critical errors and outcomes scoring. Each outcome contains multiple methods, with an associated description and examples, tests, and test scoring.</span></p>
Expand Down Expand Up @@ -199,7 +199,7 @@ <h4>Outcome rating</h4>
<section>
<h3>Methods structure</h3>
<figure id="method_screenshot" aria-labelledby="method_screenshot_description" class="figure-float screenshot">
<img src="../guidelines/img/method.png" />
<img alt="" src="../guidelines/img/method.png" />
<figcaption>Screenshot of a Method for Structured Content</figcaption>
</figure>
<p>Each outcome has one or more <a href="#methods-structure">methods</a>. There are three types of methods:</p>
Expand Down Expand Up @@ -252,14 +252,14 @@ <h4>Additional Documentation and Scoring Information</h4>

<p>The core structure has inter-relationships with supporting documents and the scoring process. <span id="guidelines--full-structure-description"> Functional needs inform both outcomes and functional categories. The tests within methods are used to inform the scores for each outcome. Then outcome scores are aggregated to create scores by functional category and an overall score. These then result in a bronze rating. Silver and gold ratings build on the bronze rating to demonstrate improved accessibility. General information about guidelines is available in How To documents. </span></p>
<figure id="guidelines-full-structure-diagram" aria-labelledby="guidelines--full-structure-description" class="figure-full">
<img src="../guidelines/img/structure-scoring.svg" />
<img alt="" src="../guidelines/img/structure-scoring.svg" />
<figcaption>Documentation and Scoring Structure</figcaption>
</figure>
<section>
<h3>How tos</h3>
<p>The <a>How-To</a> content provides explanatory material for each guideline that applies across technologies. This guidance explains how to apply the concepts presented in the guidelines for non-technical readers. This plain language resource includes information on getting started, who the guideline helps and how, as well information for project managers, designers and developers.  </p>
<figure id="howTo_screenshot" aria-labelledby="howTo_screenshot_description" class="figure-float screenshot">
<img src="../guidelines/img/how-to.png" />
<img alt="" src="../guidelines/img/how-to.png" />
<figcaption>Example screenshot of a How-To for Structured Content</figcaption>
</figure>
<p id="howTo_screenshot_description">The example of a How-To for Structured Content provides basic information organized by tabs to help people get started with accessibility for structured content, plan for implementing accessible structured content across a project, design accessible structured content, and basics for developers new to accessibility of structured content. It also includes information on examples, the outcomes for meeting the guideline, and resources.</p>
Expand Down
41 changes: 41 additions & 0 deletions methods/decorative-images/background.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,41 @@
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Method - Background</title>
</head>
<body>
<header>
<h1>Background</h1>
</header>
<main>
<section id="w3c">
<h2>W3C Resources</h2>
<ul>
<li><a href="https://www.w3.org/WAI/tutorials/images/decorative/">Web Accessibility Tutorials: Images: Decorative Images</a></li>
<li><a href="https://www.w3.org/TR/css-content-3/#alt">CSS Generated Content Module Level 3 Working Draft</a></li>
<li><a href="https://www.w3.org/WAI/WCAG21/Techniques/pdf/PDF4.html">PDF4 Hiding decorative images with the Artifact tag in PDF documents</a></li>
<li><a href="https://www.w3.org/WAI/WCAG21/Techniques/html/H67.html">H67: Using null alt text and no title attribute on img elements for images that AT should ignore</a></li>
<li><a href="https://www.w3.org/WAI/WCAG21/Understanding/non-text-content.html">Understanding Success Criterion 1.1.1: Non-text Content</a></li>
</ul>
</section>
<section id="external">
<h2>Non-W3C Resources</h2>
<ul>
<li><a href="http://kb.daisy.org/publishing/docs/html/images.html">Accessible Publishing Knowledge Base: HTML: Images</a></li>
</ul>
</section>
<section id="accessibility-support">
<h2>Accessibility Support</h2>
<p>No accessibility support issues known.</p>
</section>
<section id="assumptions">
<h2>Assumptions</h2>
<ul>
<li>svg elements with a <a href="https://www.w3.org/WAI/standards-guidelines/act/rules/image-not-in-acc-tree-is-decorative-e88epe/#semantic-role">semantic role</a> of graphics-document and with an empty ("") <a href="https://www.w3.org/WAI/standards-guidelines/act/rules/image-not-in-acc-tree-is-decorative-e88epe/#accessible-name">accessible name</a> are ignored by assistive technologies tested for this rule. If some assistive technology does not ignore these elements, and that assistive technology is required for conformance, passing this rule does not ensure all decorative svg elements can be ignored, and the <a href="https://www.w3.org/TR/WCAG21/#non-text-content">Success Criterion 1.1.1 Non-Text Content</a> may still not be satisfied. The same is true for canvas elements with no semantic role and an empty ("").</li>
<li>A web page with informative images without an accessible name may conform to <abbr title="Web Content Accessibility Guidelines">WCAG</abbr> 2.1 Level A when the information provided by that image is available elsewhere on the web page itself. For example if an equivalent text is adjacent to the image, or if the text alternative is included in the accessible name of a parent element.
</li>
</ul>
</section>
</main>
</body>
</html>
33 changes: 0 additions & 33 deletions methods/decorative-images/description.html

This file was deleted.

Loading