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.

Sign up for GitHub

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

Jump to bottom

F87 - removing the with-AT clauses #473

Merged
merged 9 commits into from Sep 26, 2018
Merged

F87 - removing the with-AT clauses #473

Changes from all commits
Commits
Show all changes
9 commits
Select commit Hold shift + click to select a range
78f0857
Removing with AT clauses
alastc Sep 11, 2018
b61f679
element-overriden
alastc Sep 11, 2018
92b047c
reworking with AWK changes
awkawk Sep 12, 2018
2895cc2
added note regarding testing
awkawk Sep 25, 2018
8e55502
clarifying check
awkawk Sep 25, 2018
3221c8c
updated check again
awkawk Sep 25, 2018
cc90c7a
fixed to use "generated"
awkawk Sep 25, 2018
21aa277
Merge pull request #474 from w3c/update-f87-AWK
awkawk Sep 25, 2018
c03a28b
Just sorted a missing bracket.
alastc Sep 25, 2018
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Jump to
Jump to file
Failed to load files.
Diff view
Diff view
15 changes: 8 additions & 7 deletions techniques/failures/F87.html
View file
Open in desktop
@@ -1,7 +1,9 @@
<!DOCTYPE html><html lang="en" xml:lang="en" xmlns="http://www.w3.org/1999/xhtml"><head><title>Failure of Success Criterion 1.3.1 due to inserting non-decorative content by using :before and :after pseudo-elements and the 'content' property in CSS</title><link rel="stylesheet" type="text/css" href="../../css/sources.css" class="remove"></link></head><body><h1>Failure of Success Criterion 1.3.1 due to inserting non-decorative content by using :before and :after pseudo-elements and the 'content' property in CSS</h1><section class="meta"><p class="id">ID: F87</p><p class="technology">Technology: failures</p><p class="type">Type: Failure</p></section><section id="applicability"><h2>When to Use</h2> <!DOCTYPE html><html lang="en" xml:lang="en" xmlns="http://www.w3.org/1999/xhtml"><head><title>Failure of Success Criterion 1.3.1 due to inserting non-decorative content by using :before and :after pseudo-elements and the 'content' property in CSS</title><link rel="stylesheet" type="text/css" href="../../css/sources.css" class="remove"></link></head><body><h1>Failure of Success Criterion 1.3.1 due to inserting non-decorative content by using :before and :after pseudo-elements and the 'content' property in CSS</h1><section class="meta"><p class="id">ID: F87</p><p class="technology">Technology: failures</p><p class="type">Type: Failure</p></section><section id="applicability"><h2>When to Use</h2>
<p>All technologies that support CSS.</p> <p>All technologies that support CSS.</p>
</section><section id="description"><h2>Description</h2> </section><section id="description"><h2>Description</h2>
<p>The CSS :before and :after pseudo-elements specify the location of content before and after an element's document tree content. The content property, in conjunction with these pseudo-elements, specifies what is inserted. For users who need to customize or turn off style information in order to view content according to their needs, assistive technologies may not be able to access the information that is inserted using CSS. Therefore, it is a failure to use these properties to insert non-decorative content.</p> <p>The CSS :before and :after pseudo-elements specify the location of content before and after an element's document tree content. The content property, in conjunction with these pseudo-elements, specifies what is inserted. For users who need to customize style information in order to view content according to their needs, they may not be able to access the information that is inserted using CSS. Therefore, it is a failure to use these properties to insert non-decorative content.</p>
<p class="note">A common way to test this critieria is to disable CSS styles to view whether content added using pseudo-elements remains visible.</p>

</section><section id="examples"><h2>Examples</h2> </section><section id="examples"><h2>Examples</h2>
<section class="example"> <section class="example">


Expand Down Expand Up @@ -42,15 +44,14 @@
</section> </section>
</section><section id="tests"><h2>Tests</h2> </section><section id="tests"><h2>Tests</h2>
<section class="procedure"><h3>Procedure</h3> <section class="procedure"><h3>Procedure</h3>
<ol> <p>For each instance of content inserted through use of the :before and :after pseudo-elements and the content property:</p>
<li>Examine all content inserted through use of the :before and :after pseudo-elements and the content property</li> <ol>
<li>Verify that the content is decorative.</li> <li>Check that non-decorative information presented by the generated content is available when styles are overridden.</li>
<li>If the inserted content is not decorative, check that the information is provided to assistive technologies and is also available when CSS is turned off.</li>
</ol> </ol>
</section> </section>
<section class="results"><h3>Expected Results</h3> <section class="results"><h3>Expected Results</h3>
<ul> <ul>
<li>If checks #2 or #3 are false, then this failure condition applies and the content fails this Success Criterion.</li> <li>If check #1 is false, then this failure condition applies and the content fails this Success Criterion.</li>
</ul> </ul>
</section> </section>
</section><section id="related"><h2>Related Techniques</h2> </section><section id="related"><h2>Related Techniques</h2>
Expand All @@ -63,4 +64,4 @@
</li> </li>
</ul> </ul>


</section></body></html> </section></body></html>