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

Introduction: readability edits #656

Merged
merged 2 commits into from
May 17, 2021
Merged

Introduction: readability edits #656

Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
16309c9
Merge pull request #652 from karlgroves/develop
May 14, 2021
270d9e4
Edits to introduction content and table of contents link
stringyland May 17, 2021
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
32 changes: 11 additions & 21 deletions src/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -43,8 +43,8 @@ <h1 class="title">Overlay Fact Sheet</h1>
<h2 id="toc">Table of contents</h2>
<ol>
<li>
<a href="#introduction-definition-and-history-of-web-accessibility-overlays">
Introduction, definition, and history of web accessibility overlays
<a href="#what-is-a-web-accessibility-overlay">
What is a web accessibility overlay?
</a>
</li>
<li>
Expand Down Expand Up @@ -81,32 +81,22 @@ <h2 id="toc">Table of contents</h2>
</nav>
<main id="main">
<div class="container">
<h2 id="introduction-definition-and-history-of-web-accessibility-overlays">
Introduction, definition, and history of web accessibility overlays
<h2 id="what-is-a-web-accessibility-overlay">
What is a web accessibility overlay?
</h2>
<p class="summary">
Overlays are a broad term for technologies aimed at improving the
accessibility of a website by applying third-party source code (typically
JavaScript) to make improvements to the front-end code of the website.
</p>
<p>Website add-on products purporting to improve accessibility go back to the
late 1990s with products like <a href="https://en.wikipedia.org/wiki/Hoya_Corporation#ReadSpeaker">Readspeaker</a>
and <a href="https://en.wikipedia.org/wiki/BrowseAloud">Browsealoud</a>. Both
of which added text-to-speech capabilities to the website(s) on which they
were installed.</p>
<p>Later, similar products came to market that added additional tools to
their software that allow user-based control of things like font-sizes and
changes to the web pages colors so that contrast is improved. Products like
Userway, EqualWeb, AudioEye, User1st, MaxAccess, FACIL'iti, Purple Lens, and accessiBe fall into this category.
These products are sometimes also white labelled under additional names and the above is not an exhaustive list of
products with which this Fact Sheet is aimed at.</p>
Overlays are a broad term for technologies aim to improve the accessibility of a website. They apply third-party source code (typically JavaScript) to make improvements to the front-end code of the website.</p>
<p>Website add-on products claiming to improve accessibility go back to the late 1990s with products like <a href="https://en.wikipedia.org/wiki/Hoya_Corporation#ReadSpeaker">Readspeaker</a>
and <a href="https://en.wikipedia.org/wiki/BrowseAloud">Browsealoud</a>. They added text-to-speech capabilities to the website(s) on which they were installed.</p>
<p>Then similar products came to market that added more tools to their software. These allow user-based control of things like font-sizes and colors to improve readability.</p>
<p>Some newer overlay products aim to fix any problems in the site's code that are preventing assistive technology from being used easily. They apply a script to the page which scans the code and automatically attempts to repair the problem.</p>
<p>Products like Userway, EqualWeb, AudioEye, User1st, MaxAccess, FACIL'iti, Purple Lens, and accessiBe are known as accessibility overlays. They are sometimes white labelled (sold under other names), so this is not a complete list of the type of products discussed on this page.</p>

<h2 id="strengths-and-weaknesses-of-overlay-widgets">
Strengths and weaknesses of overlay “widgets”
</h2>
<p class="summary">
Overlay widgets are unnecessary and are poorly placed in the
technology stack.
Overlay widgets are unnecessary and are poorly placed in the technology stack.
</p>
<p>As stated above, some overlay products contain widgets which present a
series of controls that modify the presentation of the page they're on.
Expand Down