Actions

Work Header

Rating:
Archive Warning:
Category:
Fandoms:
Additional Tags:
Language:
English
Series:
Part 1 of Tech Tutorials for Ao3
Stats:
Published:
2024-04-01
Updated:
2024-04-01
Words:
175
Chapters:
1/2
Kudos:
20
Bookmarks:
5
Hits:
579

Anti-Disaster Site Skin (Accessibility)

Summary:

Afraid of accidentally deleting/clearing/orphaning with a single click? Have issues with motor control? A damaged screen? A cat that must walk across your keyboard at the worst times?

Anti-disaster site skin prevents irreversible damage from a single mistake.

Notes:

This work assumes basic understanding of how to create a site skin. There are many great explanations of archive skins if you're less familiar.

(See the end of the work for more notes.)

Chapter 1: The Basic Version

Chapter Text

Copy-paste the following CSS into a new or existing site skin.

a[data-confirm],
[href*="/orphans/new"],
[value="Orphan"],
[href*="readings/clear"],
[data-method="delete"]:not([href="/users/logout"]),
[value*="Delete"] {
  display: none !important;
}

a[href="/users/logout"][data-method="delete"] {
  display: initial !important;
}

To remove the buttons for

  1. Orphaning works (all together or individually)
  2. Clearing history
  3. Deleting bookmarks, chapters, works, skins, or account*
  4. Deleting messages or random Marked for Later works on your homepage

Optional:

  • *The second ruleset is to show logout button even though it also uses [data-method="delete"]. If you don't want the logout button, you can remove it.
  • Using a[data-confirm] isn't strictly necessary, but it helps in case you have any conflicting CSS rules in your other skins. Almost every action that requires confirmation is something you don't want to accidentally do.

That's it! This has been tested with the default ao3 interface or Reversi skin, but should work with other parent skins too.


Pro tip: If you only have issues on certain devices, you can apply site skins based on device type.

Notes:

If you found this useful and want more, please leave kudos!

Check out other works in this series for more ways to improve your ao3 experience with skins and userscripts. Please let me know if you have any trouble/requests.

Series this work belongs to: