Accessibility Tools by freeplay

Imported from https://codeberg.org/Freeplay/UserStyles/raw/branch/main/accessibility-tools.user.css

Accessibility Tools screenshot
Homepage Install Get Stylus Write a review

Details

Authorfreeplay

LicenseNo License

Created atMay 16, 2021 22:19

Updated atMay 16, 2021 22:21

Applies toEverything

Statistics

Learn how we calculate statistics in the FAQ.

Total views46

Total installs13

Weekly installs2

Weekly updates1

Description

More noticable focus, space out text, disable animations, and more!

Notes

I don’t know much about accessibility, so please leave some feedback!

History

Daily snapshots of style statistics.

2021-07-072021-07-142021-07-202021-07-272021-08-022021-08-092021-08-152021-08-222021-08-282021-09-042021-09-102021-09-16Date0.000.380.751.131.501.882.252.633.00Daily countDaily installsDaily updatesDaily views
2021-07-072021-07-142021-07-202021-07-272021-08-022021-08-092021-08-152021-08-222021-08-282021-09-042021-09-102021-09-16Date0.005.8011.5017.3023.0028.8034.5040.3046.00Total countTotal installsTotal views

Source code

/* ==UserStyle==
@name           Accessibility Tools
@version        1.0.0
@description    More noticable focus, space out text, disable animations, and more!
@updateURL      https://codeberg.org/Freeplay/UserStyles/raw/branch/main/accessibility-tools.user.css
@preprocessor   stylus

 -- AUTHOR STUFF --
@namespace      Freeplay
@author         Freeplay (https://freeplay.codeberg.page/)
@homepageURL    https://codeberg.org/Freeplay/UserStyles
@supportURL     https://codeberg.org/Freeplay/UserStyles/issues

@var text notice "Note: If this style breaks a site, you can disable this style for that site by clicking the 3 dots next to the cog icon, and check exclude domains or URL. It's recommended to use the 'Stylus' browser extension instead of 'Stylish'!" "'https://add0n.com/stylus.html'"

@var checkbox disableAnim "Disable all animations" 0

@var checkbox betterFocus   "╔ More noticable focus outline" 1
@var color focusColor       "╚ More noticable focus outline: Outline Color" orange

@var checkbox enableSpacing "╔ Override text spacing" 0
@var number wordSpacing     "╠ Override text spacing: Word Spacing (em suffix recommended)" [.1, 0, 2, .1,'em']
@var number charSpacing     "╚ Override text spacing: Character" [.1, 0, 2, .1,'em']

@var checkbox enableFontSize "╔ Override Font Size (Only works well on sites that use em and rem font sizes properly.)" 0
@var text fontSize           "╚ Override Font Size: Size" "16px"

@var checkbox enableFontWeight "╔ Override Font Weight" 0
@var number fontWeight         "╚ Override Font Weight: Weight (no suffix)" [600, 100, 900, 100]

@var checkbox enableFont "╔ Override font" 0
@var text fontName       "╚ Override font: Font Name (The font you type must be installed on your computer or browser, case sensitive.)" '"Arial"'

==/UserStyle== */


if betterFocus {
	* {
		outline: 0px dashed transparent !important;
		outline-offset: 2px;
		if not disableAnim {
			transition: outline 2s, outline-offset 1.5s .5s, border 1s;
		}
	}
	:focus-visible {
		outline: 1px solid focusColor !important;
		outline-offset: 10px !important;
		border: 2px solid focusColor !important;
		opacity: 1 !important;
		if not disableAnim {
			transition: outline .3s, outline-offset .7s, border .2s !important;
		}
	}
	:focus-within {
		opacity: 1;
	}
}

if enableSpacing {
	*, p, span, h1, h2, h3, h4, h5, h6, input, button, li, ul, a, button, select, label {
		transition: letter-spacing .7s, word-spacing 1s;
		letter-spacing: charSpacing !important;
		word-spacing: wordSpacing !important;
	}
}

if enableFontSize {
	html, body {
		font-size: fontSize !important;
	}
}

if enableFontWeight {
	*, p, span, h1, h2, h3, h4, h5, h6, input, button, li, ul, a, button, select, label {
		font-weight: fontWeight !important;
	}
}

if enableFont {
	*, p, span, h1, h2, h3, h4, h5, h6, input, button, li, ul, a, button, select, label {
		font-family: fontName !important;
	}
}

if disableAnim {
	html, html *, div, div *, 
	p, span, h1, h2, h3, h4, h5, h6, input, button, li, ul, a, button, select, label,
	html::after, html::before, html *::after, html::before {
		transition: unset !important;
		animation: unset !important;
		animation-name: unset !important;
		animation-duration: 0s !important;
	}
}

Reviews

No reviews yet.