Giter Site home page Giter Site logo

overlayfactsheet's Introduction

overlay factsheet

Netlify Status

A non-biased, community-driven, fact-based information sheet aimed at educating customers on web-accessibility overlays. This repo powers the site at https://overlayfactsheet.com/

Contributing

Endorse this statement

Please note: The content of the Overlay Factsheet may change over time. Specifically, content may be added, edited, or removed to provide additional clarity, additional evidence, or other changes in keeping with the goal of sharing facts on overlays. Please understand this before requesting your signature be added. These changes are and will be made in a good faith effort to continue to raise awareness of overlays, their traits, strengths, and weaknesses. Please be sure to "Watch" this repo to review if any of the changes are consequential enough to change your endorsement.

EASY: If the whole PR thing is something you're not comfortable with you can do one of three things:

  • Log an Issue in this repo: Click "Issues" and follow the process of adding an issue that indicates that you want to sign
  • Send an email to [email protected] to indicate that you want to sign
  • Send a Twitter DM to @karlgroves to indicate that you want to sign

Harder, but more efficient

Toward the bottom of the page in the /src/index.html file is a heading that says "Signed by".

Below that is an ordered list (<ol>);

Add your name as a <li> in that list, in the following format: Name, Title, Organization. For example: Joe Schmoe, CEO, Acme Corp. If you'd rather not put your title and organization down, that's fine. Feel free to do something like Joe Schmoe, self

Please do not add links in the endorsement section. This isn't an exercise in SEO for anyone, it is a statement of unity.

Please use the PR process described below, issuing your PR against the develop branch.

Edit content in an existing language or add a new language

If you want to modify an existing language, simply go to the corresponding file in the i18n/ folder, e.g. i18n/en.yml (for english) and modify the contents. If a translation key doesn't exist, it automatically switches to english content.

If you want to add a new language, it's only a 2-step process:

  1. In the hugo.toml file, add the new language, e.g. spanish in third position
[languages]
  [languages.en]
    contentDir = 'i18n/en'
    weight = 1
    [languages.en.params]
      languageName = 'english'
      languageNameShort = 'en'
      languageCode = 'en'
  [languages.fr]
    contentDir = 'i18n/fr'
    weight = 2
    [languages.fr.params]
      languageName = 'français'
      languageNameShort = 'fr'
      languageCode 'fr'
  [languages.es]
    contentDir = 'i18n/es'
    weight = 3
    [languages.fr.params]
      languageName = 'español'
      languageNameShort = 'es'
      languageCode = 'es'
  1. In the i18n/ folder, add a yml file with the language shortname, e.g. i18n/es.yml (if spanish), and translate each key in this file.

Design and/or Code

Contributions to the design and/ or code are encouraged!

We follow a modified "git flow" type of workflow:

  1. Create an issue that describes the change you want to make (or pick one from the list of desired changes)
  2. Create a branch for that issue
  3. Issue a pull request against the develop branch that is solely focused on the issue you're working against.
  4. Once a repo admin approves the PR, it will be merged into develop
  5. From there, it'll be verified on the preview version of the site and, if acceptable, a PR will be made to go from develop to main.
  6. When the PR to main has passed, it will automatically deploy.

Content

Contributions of content will follow the exact same workflow as above.

Please note the following general content guidance:

  1. This project is aimed at conveying facts. Content should strive to avoid hyperbole, exaggeration, and logical fallacy.
  2. Opinions should be avoided unless they are opinions of end users describing their experiences with overlays.
  3. Advertisements for any product, service, or company is prohibited.
  4. You should use Wikipedia's Content Standards and Principles as guides for what we're trying to accomplish here.

overlayfactsheet's People

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

overlayfactsheet's Issues

Sign petition

Sign as:
Birkir Gunnarsson, CPWA, digital accessibility lead

Content structure suggestion

At the moment the page is a wall of text, which is good because it covers a lot of detail that we need to capture. But it's not as SEO-friendly as it could be.

My suggestion is to break up the sections a bit more and use more conversational phrases for headings. Because doing audits has trained me to think in terms of headings, I've put my idea as a heading structure below.

This would be a big change to the current page so I won't make a pull request until I've had some feedback on it.

  • H1 - Overlay Fact Sheet
    • H2 - What's an accessibility overlay?
    • H2 - Strengths and weakness of overlays. (This section could be a nice side-by-side bullet point list, followed by a sentence about how if you want to know more about the potential benefits you should check with the overlay vendors, but we'll be focusing on the weaknesses.)
      • H3 - Overlays will not make you WCAG compliant
      • H3 - Overlays create more access problems than they solve (could include In Their Own Words here, or give it it's own visually-distinct highlighted section).
      • H3 - Overlays invade privacy
      • H3 - Overlays cannot fix content that isn't in HTML, CSS or JavaScript
      • H3 - Overlays create performance problems
    • H2 - What do we recommend instead of overlays? (Could have some subsections here depending on how much content we have. See #36 )
    • H2 - Conclusion
    • H2 - Statement from Sponsors and Signatories to this Fact Sheet
      • H3 - Signed by
    • H2 - Additional reading

Add Signature

Sumner M. Davenport, Specialist Web Accessibility

Link to WCAG 2.1 Understanding document

Currently the conformance section links to the WCAG 2.0 version of Understanding.

https://www.w3.org/TR/UNDERSTANDING-WCAG20/conformance

We probably should link to the latest 2.1 version, which – theoretically – should be updated more regularly:

https://www.w3.org/WAI/WCAG21/Understanding/conformance

(And yes, the 2.1 page has the same language, referring to 2.0, which is a known issue. So maybe we don’t actually want to make this change? w3c/wcag#1068)

More overlays to list

  • adally
  • adaptemonweb (Adapt my Web)
  • Lisio
  • Allyable
  • ReciteME
  • Sogo
  • TruAbilities
  • True Accessibility
  • Accessiblelink
  • FACIL'iti

This list is probably going to grow.

Right now we mention overlays by name in two places. I'm wondering if there might need to be some revisions to the content so those in-content lists of names don't make the page unweildy for users?

Add new overlay names

The overlay articles from Switzerland and Germany in the "further reading" list has a few names not included already

Sign petition

Sign as:
Stefan Wajda, LepszyWeb.pl, digital accessibility specialist

Readability

The readability, especially on desktop, of the fact sheet is not optimal. I will propose some changes in a Pull Request in a minute.

Heading typo

"Overlay widgets unnecessary and poorly placed in the technology stack"

Should be

"Overlay widgets are unnecessary and are poorly placed in the technology stack"

Environmental cost of additive solutions

Employing an overlay rather than addressing the underlying problems requires unnecessary extra downloads on every page load in additional to unnecessary processing costs. See: https://www.aceee.org/files/proceedings/2012/data/papers/0193-000409.pdf. At this time, the utilization cost of 1GB of data was estimated at 5kWh.

Due to the character of an overlay, all the energy costs of the original site remain intact, and the overlay is an added environmental cost.

While some energy cost is inevitable in any website, the costs associated with overlays are unnecessary, as the underlying problems can be solved without the added load.

Screen reader detection

At least one tool of this kind detects if a screen reader is running, and automatically invokes certain options within its overlay without asking.

If it is known that someone is using a screen reader, it is known that they have a disability. That is personal data, and there are laws that prohibit the collection and use of personal data without informed consent.

I've reached out to friends who specialise in privacy for their thoughts.

This may be a topic we should include.

broken link

<a href="https://www.tpgi.com/bolt-on-accessibility-5-gears-in-reverse/https://www.tpgi.com/bolt-on-accessibility-5-gears-in-reverse/">Bolt-on
            Accessibility – 5 gears in reverse</a>

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.