accessibility-setup

About the project:

Contribute to making navigation more accessible by facilitating implementation on web projects. Any help is welcome ;)

what's in the library ?

For the moment there is only a skip to content and an accessible menu

what is a skip to content ?

The skip to content facilitates keyboard navigation, like a shortcut to access key points on the page.

Example: The nav, the main, the footer .. and where you consider relevant

it is accessible with the tab key, normally it is the first element which is selected at the first tab

what is a accessible menu ?

The accessible menu allows the user to modify the content of the page to allow him a more optimal navigation according to his preferences.

menu features currently available :

• decrease or increase font size
• decrease or increase letter spacing
• decrease or increase line spacing
• change text alignment
• change page color (monochrome, lower saturation..)
• change the font (example for people with dyslexia)
• highlight titles
• highlight links
• delete pictures

The menu is not finished, other functionalities will be available soon.

For example :

• Proposed predefined profiles (Dyslexics, epileptics etc..)
• A reading mask
• etc..

The menu is available in more colors, and easily set up :

For more details on the configuration and use you can go to the presentation site of the library: https://meganevary.gitlab.io/website_accessibility-setup/useLib.html#

I'm thinking about features to further facilitate the implementation of digital accessibility Examples :

• Aria tags
• Accessibility testing
• accessible modal template
• accessible menu template
• accessible nav template
• etc

Quick start

To run this project you can :

Install it locally using npm:

$ npm install accessibility-setup

Then in your file you can add this line :

require('accessibility-setup/[file]')

If you want to deleted the package you can in your terminal :

$ npm remove accessibility-setup

Or you can use git

• Go to the repository accessibility-setup

• Then git clone the project

Documentation :

To use accessibility-setup :

You can go to the library's presentation site to learn more and be kept informed of new features https://meganevary.gitlab.io/website_accessibility-setup/

To make a great accessible website :

• Notion with Accessibility tips

Community :

To join :

• Slack
• [insta]
• [Dribble]
• YoutubeChannel

My Chanel Youtube about digital accessibility :

Youtube Channel whose project is to share about digital accessibility.

In the program :

• Intervention of people with disabilities to have their opinions on website :

  • (the differents fonts, colors and contrast,navigation with screen readers etc ...)

• Basic Lsf (Langue des signes française) and vocabulary for people who work for the web

• Some tutorials, introduce the npm "easyaccessibility" library and other tools

-"Hello world", Will be a section dedicated to sharing culture and daily life

To illustrate my words

Discovery of the lsf, daily applications that serve people with disabilities

Example: Yuka is initially intended to provide us with information on the quality of the product

But can also be used by a blind person to differentiate orange juice from grape juice by scanning the bottle

And much more ! :)

• Youtube channel : hedera_digitalis

If you have questions :

If you have any questions, or if you want to discuss about the project with me or if you want to help me

You can contact me at this email :

• [email protected]