MCPcopy Index your code
hub / github.com/bennyluk/Sienna-Accessibility-Widget

github.com/bennyluk/Sienna-Accessibility-Widget @v1.0

Chat with this repo
repository ↗ · DeepWiki ↗ · release v1.0 ↗ · + Follow
53 symbols 121 edges 36 files 0 documented · 0%
What it actually does AI analysis from the code graph — generated when you open this
loading…
README

👩‍🦽 Sienna: Accessibility Widget for Websites

Banner Image

GitHub license GitHub release GitHub issues

Sienna: accessibility widget for websites. easy to install, just copy and paste the plugin. Fast performance with lightweight plugin (~30kb).

🎉 Getting Started

View Demo

Install the plugin quickly with just a copy and paste

🚀 Features

Multilingual Support: Supports multiple languages to ensure a seamless user experience for all users.

Dyslexia Font: Dyslexia font to make reading easier for dyslexic users.

Adjustable Font Size and Highlighting Text: Users can easily adjust the font size and highlight text to their liking, making it easier to read content.

Color Adjustments, Contrast, Saturation, and Monochrome: Allows users to customize the color scheme of your website, making it easier for them to read and navigate.

Reading Guide, Stop Animations, and Big Cursor: Helpful tools like a reading guide, the ability to stop animations, and a big cursor to make browsing your website easier for users with visual impairments.

📌 TODO

  • Accessibility Profiles
  • Screen Reader
  • Voice Navigation
  • Position of Button
  • Inject Icon in code
  • Support More Languages

🤝 Contributing

We welcome contributions from anyone who is interested in improving this. If you would like to contribute, please fork the repository and submit a pull request. ❤️

🎓 License

Sienna is released under the MIT License

Extension points exported contracts — how you extend this code

ISiennaOptions (Interface)
(no doc)
src/sienna.ts
IToolConfig (Interface)
(no doc)
src/types/IToolConfig.ts
IWrapCSSToSelectorArgs (Interface)
(no doc)
src/utils/cssGenerator.ts
IRenderWidgetArgs (Interface)
(no doc)
src/views/widget/widget.ts
IFilters (Interface)
(no doc)
src/enum/Filters.ts
ISiennaArgs (Interface)
(no doc)
src/sienna.ts
ISettingsStates (Interface)
(no doc)
src/types/ISettings.ts
IAddStylesheetArgs (Interface)
(no doc)
src/utils/addStylesheet.ts

Core symbols most depended-on inside this repo

injectToolCSS
called by 8
src/utils/cssGenerator.ts
getSettings
called by 5
src/storage.ts
saveSettings
called by 4
src/storage.ts
saveState
called by 3
src/storage.ts
renderButtons
called by 3
src/views/menu/renderButtons.ts
getSavedSettings
called by 2
src/storage.ts
adjustFontSize
called by 2
src/tools/adjustFontSize.ts
toggle
called by 2
src/utils/toggle.ts

Shape

Function 42
Interface 11

Languages

TypeScript100%

Modules by API surface

sienna.min.js8 symbols
src/utils/cssGenerator.ts5 symbols
src/storage.ts5 symbols
src/sienna.ts3 symbols
src/views/widget/widget.ts2 symbols
src/views/menu/translateMenu.ts2 symbols
src/views/menu/menu.ts2 symbols
src/utils/cookies.ts2 symbols
src/utils/addStylesheet.ts2 symbols
src/types/ISettings.ts2 symbols
src/views/menu/runAccessibility.ts1 symbols
src/views/menu/reset.ts1 symbols

For agents

$ claude mcp add Sienna-Accessibility-Widget \
  -- python -m otcore.mcp_server <graph>

⬇ download graph artifact

Ask about this repo answers extend the page