Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
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
18 changes: 9 additions & 9 deletions andi/help/alerts.html
Original file line number Diff line number Diff line change
Expand Up @@ -549,7 +549,7 @@ <h3>What causes this?</h3>
Often, this is the result of a developer copying and pasting
an element and forgetting to change the <code>id</code>.
It's possible that a developer may not know that <code>id</code>s
<a href="http://www.w3.org/TR/2011/WD-html5-20110525/elements.html#the-id-attribute" target="w3c">must be unique according to W3C standards</a>.
<a href="https://html.spec.whatwg.org/multipage/dom.html#the-id-attribute" target="w3c">must be unique according to W3C standards</a>.
</p>

<h3>What should be done?</h3>
Expand Down Expand Up @@ -1004,8 +1004,8 @@ <h3>Why is this an accessibility concern?</h3>
<h3>What should be done?</h3>
<p>
Correct the structure to abide by the standards for an
<a href="http://www.w3.org/TR/wai-aria-practices-1.1/#table" target="_blank">ARIA table</a>, or
<a href="http://www.w3.org/TR/wai-aria-practices-1.1/#grid" target="_blank">ARIA grid</a>.
<a href="https://www.w3.org/WAI/ARIA/apg/patterns/table/" target="_blank">ARIA table</a>, or
<a href="https://www.w3.org/WAI/ARIA/apg/patterns/grid/" target="_blank">ARIA grid</a>.
</p>
</div>
</section>
Expand Down Expand Up @@ -3455,7 +3455,7 @@ <h3>Why did ANDI alert this?</h3>
</p>
<h3>Why is this an accessibility concern?</h3>
<p>
A screen reader will assume the heading level to be level 2 since 2 is the <a href="http://www.w3.org/TR/core-aam-1.1/#document-handling_author-errors" target="_blank">default aria-level</a>.
A screen reader will not assume a default heading level if aria-level is not specified.
</p>
<h3>What should be done?</h3>
<p>
Expand Down Expand Up @@ -3554,7 +3554,7 @@ <h3>What should be done?</h3>
and the primary foreground color of the text using a color selector tool (<a href="https://github.com/ThePacielloGroup/CCAe" target="_blank">Colour Contrast Analyser Installation</a>).
</p>
<p>
The <a href="http://www.w3.org/TR/UNDERSTANDING-WCAG20/visual-audio-contrast-contrast.html" target="_blank">WCAG AA Contrast Ratio requirement</a> is as follows:
The <a href="https://www.w3.org/TR/UNDERSTANDING-WCAG20/visual-audio-contrast-contrast.html" target="_blank">WCAG AA Contrast Ratio requirement</a> is as follows:
</p>
<div class="example">
<ul>
Expand Down Expand Up @@ -3591,7 +3591,7 @@ <h3>What should be done?</h3>
and the primary foreground color of the text using a color selector tool (<a href="https://github.com/ThePacielloGroup/CCAe" target="_blank">Colour Contrast Analyser Installation</a>).
</p>
<p>
The <a href="http://www.w3.org/TR/UNDERSTANDING-WCAG20/visual-audio-contrast-contrast.html" target="_blank">WCAG AA Contrast Ratio requirement</a> is as follows:
The <a href="https://www.w3.org/TR/UNDERSTANDING-WCAG20/visual-audio-contrast-contrast.html" target="_blank">WCAG AA Contrast Ratio requirement</a> is as follows:
</p>
<div class="example">
<ul>
Expand Down Expand Up @@ -3636,7 +3636,7 @@ <h3>What should be done?</h3>
and the primary foreground color of the text using a color selector tool (<a href="https://github.com/ThePacielloGroup/CCAe" target="_blank">Colour Contrast Analyser Installation</a>).
</p>
<p>
The <a href="http://www.w3.org/TR/UNDERSTANDING-WCAG20/visual-audio-contrast-contrast.html" target="_blank">WCAG AA Contrast Ratio requirement</a> is as follows:
The <a href="https://www.w3.org/TR/UNDERSTANDING-WCAG20/visual-audio-contrast-contrast.html" target="_blank">WCAG AA Contrast Ratio requirement</a> is as follows:
</p>
<div class="example">
<ul>
Expand Down Expand Up @@ -3736,7 +3736,7 @@ <h3>What should be done?</h3>
Adjust the text color and/or the background color of this element so that the contrast ratio is at or above the minimum required contrast ratio.
</p>
<p>
The <a href="http://www.w3.org/TR/UNDERSTANDING-WCAG20/visual-audio-contrast-contrast.html" target="_blank">WCAG AA Contrast Ratio requirement</a> is as follows:
The <a href="https://www.w3.org/TR/UNDERSTANDING-WCAG20/visual-audio-contrast-contrast.html" target="_blank">WCAG AA Contrast Ratio requirement</a> is as follows:
</p>
<div class="example">
<ul>
Expand Down Expand Up @@ -3819,7 +3819,7 @@ <h3>Why did ANDI alert this?</h3>
Disabled elements (<code>disabled="disabled"</code>) were found on the page.
Disabled elements are inactive user interface components
and do not have color contrast requirements according to the
<a href="http://www.w3.org/TR/UNDERSTANDING-WCAG20/visual-audio-contrast-contrast.html" target="_blank">WCAG AA Contrast Ratio requirement</a>.
<a href="https://www.w3.org/TR/UNDERSTANDING-WCAG20/visual-audio-contrast-contrast.html" target="_blank">WCAG AA Contrast Ratio requirement</a>.
</p>
</div>
</section>
Expand Down
2 changes: 1 addition & 1 deletion andi/help/faq.html
Original file line number Diff line number Diff line change
Expand Up @@ -359,7 +359,7 @@ <h2>Troubleshooting</h2>
uses the DOM (Document Object Model) to calculate the Output
according to the <a href="https://w3c.github.io/accname/" target="_blank">Accesible Name Computation</a>.
Whereas, screen readers rely on more layers than just the DOM.
Layers such as the browser's <a href="http://www.w3.org/TR/core-aam-1.1/#intro_aapi" target="_blank">Accessibility API</a>,
Layers such as the browser's <a href="https://www.w3.org/TR/core-aam-1.1/#intro_aapi" target="_blank">Accessibility API</a>,
the accessibility tree, the DOM, their own "tutor text" phrasings.
</li>
<li>
Expand Down
2 changes: 1 addition & 1 deletion andi/help/howtouse.html
Original file line number Diff line number Diff line change
Expand Up @@ -262,7 +262,7 @@ <h3 id="lby-ANDIOutput">ANDI Output</h3>
<a href="developerguide.html#NamingAndDescribing">accessible name</a>
and <a href="developerguide.html#NamingAndDescribing">accessible description</a>.
It will also include some phrasings depending on the presence of certain
<a href="http://www.w3.org/TR/wai-aria/states_and_properties" target="_blank">states and properties</a>
<a href="https://www.w3.org/TR/wai-aria/states_and_properties#introstates" target="_blank">states and properties</a>
plus any associating <a href="#AccessibilityAlerts">Accessibility Alerts</a> that <span class="brand">ANDI</span> has detected.
</p>

Expand Down
4 changes: 2 additions & 2 deletions andi/help/install.html
Original file line number Diff line number Diff line change
Expand Up @@ -8,7 +8,7 @@
<!-- JSON-LD Structured Data -->
<script type="application/ld+json">
{
"@context" : "http://schema.org",
"@context" : "https://schema.org",
"@type" : "WebApplication",
"name" : "ANDI",
"image" : "https://www.ssa.gov/accessibility/andi/help/images/andi-overview.png",
Expand All @@ -17,7 +17,7 @@
"name" : "Social Security Administration"
},
"applicationCategory" : "Accessibility Testing Tool",
"featureList" : "acessibility testing, accessible name, accessible description, alternative text, tab order, color contrast, page structure, ARIA, screen reader",
"featureList" : "accessibility testing, accessible name, accessible description, alternative text, tab order, color contrast, page structure, ARIA, screen reader",
"browserRequirements" : "Chrome, Safari, Edge Chromium, Firefox, Internet Explorer, Opera, Edge Legacy",
"operatingSystem" : "Windows, macOS",
"isAccessibleForFree" : "true"
Expand Down
2 changes: 1 addition & 1 deletion andi/help/modules.html
Original file line number Diff line number Diff line change
Expand Up @@ -927,7 +927,7 @@ <h3 id='cANDI-contrastRatio'>Contrast Ratio</h3>
The Min Req is calculated using
the text color and background color, the font-size, and the font weight.
For additional information on contrast ratio requirements
refer to the <a href="http://www.w3.org/TR/UNDERSTANDING-WCAG20/visual-audio-contrast-contrast.html" target="_blank">WCAG Contrast Guidelines</a>.
refer to the <a href="https://www.w3.org/TR/UNDERSTANDING-WCAG20/visual-audio-contrast-contrast.html" target="_blank">WCAG Contrast Guidelines</a>.
</p>
<div class="example" id='cANDI-contrastResult'>
<dl>
Expand Down