Skip to content

Commit

Permalink
Merge pull request #656 from stringyland/introduction-readability
Browse files Browse the repository at this point in the history
Introduction: readability edits
  • Loading branch information
Karl Groves authored May 17, 2021
2 parents 22d69c7 + 270d9e4 commit f15dd55
Showing 1 changed file with 11 additions and 21 deletions.
32 changes: 11 additions & 21 deletions src/index.html
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

0 comments on commit f15dd55

Please sign in to comment.